/* base new infocenter - importieren in weiteren Dateien!! */

@import url("zahlungsmittel.css");

.infocenter23 .ic_header{
	background-image: url("../../../images/infocenter/tracktrace/header.webp");
}
.infocenter23 .ic_row{padding: 0 30px 0 30px !important}
.infocenter23 .ic_info{padding: 0 30px 0 30px !important}

.infocenter23 p.ic_title{padding-left:30px !important}
.infocenter23 .ic_teaser{padding-top:2em !important;}
.infocenter23 p.ic_title_small{font-size:16px;font-family:opensans_bold;}


/* Step 1: Old Infocenter reset */
.infocenter20 li:before{display:none;}
#info_center img{border:0 !important;background:none !important;}
#info_center p{padding:inherit;}

/* Step 2: New Infocenter CSS */
.infocenter20 h1{margin-bottom:0;}
.infocenter20 .anchor-nav{background:#2a437a;text-align: center;margin-top:0;}
.infocenter20 .anchor-nav li{display:inline !important;}
.infocenter20 .anchor-nav a{font-weight:bold;font-size:100%;color:#2a437a;display:inline-block;padding:.5em .25em;background:#f7f7f7;margin:.5em .25em;}
.infocenter20 p.h2{font-weight:bold;font-size:200%;color:#fff;padding:.25em 1em !important;background:#2a437a;text-align:center;margin:1em 0 0 0;display:inline-block;}
.infocenter20 p.h2tiny{font-size:160%;color:#fff;padding:.25em 1em !important;background:#2a437a;text-align:center;margin:0 0 0 0;display:inline-block;}
.infocenter20 span.h3header{font-weight:bold;font-size:110%;text-align:left;text-transform:none;color:#2a437a;}
.infocenter20 .center-block{display:flex;justify-content: center;align-items: center;}
.infocenter20 .pointsheader{margin-top:2em}

.infocenter20 .ic-blue-background{background:#2a437a;border: solid white 2px;}
.infocenter20 .row.ic-blue-background{margin-left:0 !important;}
.infocenter20 .row{margin-left:0 !important;}
.infocenter20 .ic-grey-background{background:#f9f9f9;}
.infocenter20 .ic-blue-background p.h3{font-weight:bold;font-size:175%;text-align:center;text-transform:none;color:#fff;}
.infocenter20 p.h3{font-weight:bold;font-size:175%;text-align:center;text-transform:none;color:#000;}
.infocenter20 p{font-size:120%;text-align:justify;padding-right:15px !important;padding-left:0 !important;}
.infocenter20 p.text-center, .infocenter20 .text-center p{text-align:center;}
.infocenter20 .ic-blue-background p, .infocenter20 .ic-blue-background .tab-pane p{color:#fff;}
.infocenter20 .ic-blue-background a{color:#fff;font-weight:bold;}


.infocenter20 .ic-blue-background table.table-borderless{margin:15px 20px 0 20px !important;border:none !important;}
.infocenter20 .ic-blue-background table.table-borderless td, .infocenter20 .ic-blue-background table.table-borderless th{color:#fff;font-size:120%;padding-top:0;padding-bottom:0;}

.infocenter20 .white-glow{-webkit-filter: drop-shadow(-1px -1px 4px #FFF);filter: drop-shadow(-1px -1px 4px #FFF);}
.infocenter20 .nav-tabs{border:none;margin-bottom:0;}
.infocenter20 .nav-tabs > li {float:none !important;display:inline-block !important;zoom:1 !important;}
.infocenter20 .nav-tabs {text-align:center !important;}
.infocenter20 .nav-tabs > li a{font-size:120%;color:#2a437a;background:#919cb5;font-weight:bold;border-radius:0;margin-bottom:-1px;}
.infocenter20 .nav-tabs > li.active a{background:#fff;color:#2a437a;}
.infocenter20 .nav-tabs > li.active a:hover{border-bottom:1px solid #fff;}
.infocenter20 .tab-pane{background:#fff;margin-right:15px;margin-top:-4px;margin-bottom:20px;margin-left:15px;}
.infocenter20 .tab-pane .row p{padding-left:10px !important;padding-right:10px !important;}
.infocenter20 .tab-pane p, .infocenter20 .tab-pane p.h3, .infocenter20 .tab-pane p.h4{color:#000 !important;}
.infocenter20 .tab-pane a{color:#2a437a !important;}
.infocenter20 .tab-pane p.h3{margin-top:0;padding-top:1em !important;}
.infocenter20 ul.instr{margin:0;padding:0;}

.infocenter20 ul.instr li{font-size:120%;display:block;overflow:hidden; color:#fff}
.infocenter20 ul.instr li:before{font-family: 'Glyphicons Regular';content: "\E224";float:left;display:block;margin-right:1em !important;margin-left:30px !important;margin-bottom:35px !important;}


/* Falls Alerts drin sind: */
.infocenter20 .alert{padding:15px;}



@media (min-width: 600px) {  
  .infocenter20 ul.instr li:before{margin-bottom:85px !important;}
}

@media (min-width: 980px) {  
  .infocenter20 .anchor-nav a{font-size:120%;padding:.5em .5em;margin:.5em .5em;}
	.infocenter20 .trackingbox{height:250px}
  
  .infocenter20 ul.instr li:before{margin-bottom:15px !important;}
  
  .infocenter20 .quick-facts p{font-size:120%;}
	.infocenter20 .quick-facts .min-value{font-size:175%;font-weight:bold;height:40px;padding-top:20px;margin-top:20px;}
  .infocenter20 .quick-facts .glyphicons-basic-223-chevron-left{font-size:250%;font-weight:bold;margin-top:1em;}
  .infocenter20 .quick-facts .order-value{font-size:175%;font-weight:bold;}
  .infocenter20 .quick-facts .glyphicons-basic-224-chevron-right{font-size:400%;font-weight:bold;margin-top:.5em;}
  .infocenter20 .quick-facts .max-value{font-size:250%;font-weight:bold;height:50px;padding-top:20px;margin-top:10px;}
  .infocenter20 .quick-facts .fact-title{font-size:250%;font-weight:bold;height:50px;padding-top:20px;margin-top:10px;}
}

@media (min-width: 1680px) {  
  .infocenter20 .anchor-nav a{font-size:120%;padding:.5em 1em;margin:.5em 1em;}
  .infocenter20 .trackingbox{height:200px}
}