@import url("zahlungsmittel.css");


#ic_versandkosten .table-striped tr{height:5em;}
#ic_versandkosten .table-striped .glyphicon{display:inline-block;margin-right:.5em;vertical-align:middle;font-size:250%;}

#ic_versandkosten tr > td:first-child{padding-right:0;}
#ic_versandkosten td.vcenter.text-right{padding-left:0;}

#ic_versandkosten p.h3{text-shadow: none;}

#ic_versandkosten tr.midnight td:first-child{padding-top:1.2em;padding-bottom:0;}
#ic_versandkosten .glyphicons-basic-231-moon{display:block;float:left;padding-bottom:.75em;}

#ic_versandkosten .text-right{white-space:nowrap;}

#ic_versandkosten .vcenter img, #ic_versandkosten .glyphicon{width:75px;text-align:center;margin-right:1em;}

.infocenter20 .table-striped .glyphicon{width:40px;margin-right:.2em !important;}
/* base new infocenter - importieren in weiteren Dateien!! */

/* 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 .ic-grey-background{background:#f9f9f9;margin-left:0;}
.infocenter20 p.h3{font-weight:bold;font-size:155%;text-align:center;text-transform:none;color:#fff;}
.infocenter20 p{font-size:120%;text-align:justify;padding-right:30px !important;padding-left:15px !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;}



@media (min-width: 600px) {  
  .infocenter20 ul.instr li:before{margin-bottom:15px !important;}
}

@media (min-width: 980px) {  
  .infocenter20 .anchor-nav a{font-size:120%;padding:.5em .5em;margin:.5em .5em;}
  
  .infocenter20 ul.instr li:before{margin-bottom:15px !important;}
  .infocenter20 p.h3{font-weight:bold;font-size:175%;text-align:center;text-transform:none;color:#fff;}
  .infocenter20 p.h3header{font-size:120%;margin-top:2em}
	
}

@media (min-width: 1680px) {  
  .infocenter20 .anchor-nav a{font-size:120%;padding:.5em 1em;margin:.5em 1em;}
  .infocenter20 span.h3header{font-size:140%;}
	.infocenter20 .bottom{height:535px}
}
