/* 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.h3{text-shadow: none;}
.infocenter20 .center-block{display:flex;justify-content: center;align-items: center;}

.infocenter20 .ic-blue-background{background:#2a437a;}
.infocenter20 .row.ic-blue-background{margin-left:0 !important;}
.infocenter20 p.h3{font-weight:bold;font-size:175%;text-align:center;text-transform:none;color:#000;}
.infocenter20 .ic-blue-background p.h3, .infocenter20 .ic-blue-background a{color:#fff;}
.infocenter20 .ic-blue-background a{text-decoration: underline;}
.infocenter20 .ic-blue-background a:hover{text-decoration: none;}
.infocenter20 .ic-blue-background a.nav-link{text-decoration: none;}
.infocenter20 p{font-size:120%;text-align:justify;padding-right:30px !important;padding-left:30px !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 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 .white-glow-div{background-image:url("../../../images/infocenter/zahlungsmittel/glow.png");background-repeat: no-repeat;background-size:contain;background-position:center center;}
.infocenter20 .tab-pane{background:#fff;margin-right:30px;margin-top:-4px;margin-bottom:30px;margin-left:15px;}
.infocenter20 .tab-pane a{color:#000;}
.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 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;text-align: justify !important;margin-right:1.5em !important;}
.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;}

.infocenter20 .nav-tabs{border:none;margin-bottom:0;text-align: center !important;display:flex;margin:0 28px 0 15px;}
.infocenter20 .nav-tabs > li {float:none !important;zoom:1 !important;display:flex !important;align-items: stretch;max-width:33%;}
.infocenter20 .nav-tabs > li a{font-size:100%;color:#2a437a;background:#919cb5;font-weight:bold;border-radius:0;margin-bottom:-1px;/*word-break: break-all !important;*/hyphens:auto;}
.infocenter20 .nav-tabs > li.active a{background:#fff;color:#2a437a;}
.infocenter20 .nav-tabs > li.active a:hover{border-bottom:1px solid #fff;}

#info_center p.keywords{font-size:1px;position: absolute;text-indent: -1000;opacity: 0;}

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


/* Nur für Zahlungsmittel wichtig */
.infocenter20 .quick-facts p{font-size:100%;}
.infocenter20 .quick-facts .min-value{font-size:100%;font-weight:bold;height:40px;padding-top:20px;margin-top:20px;}
.infocenter20 .quick-facts .glyphicons-basic-223-chevron-left{font-size:100%;font-weight:bold;margin-top:1em;}
.infocenter20 .quick-facts .order-value{font-size:100%;font-weight:bold;}
.infocenter20 .quick-facts .glyphicons-basic-224-chevron-right{font-size:100%;font-weight:bold;margin-top:.5em;}
.infocenter20 .quick-facts .max-value{font-size:100%;font-weight:bold;height:50px;padding-top:20px;margin-top:10px;}
.infocenter20 .quick-facts .fact-title{font-size:200%;font-weight:bold;padding-top:20px;margin-top:10px;}
.infocenter20 .quick-facts .fact-title ~ p{margin-top:-10px;}

.infocenter20 .fintitle{font-size:200%;}

.infocenter20 .circle-fact {width: 60%;padding 10px;margin:0 auto;width:125px;}
.infocenter20 .circle-fact:after {content: "";display: block;width: 100%;height: 0;padding-bottom: 100%;background: #00247B;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.infocenter20 .circle-fact div {float: left;width: 100%;padding-top: 20%;line-height: 1em;margin-top: -0.5em;text-align: center;color: white;}
.infocenter20 .circle-fact p{color:#fff !important;}
.infocenter20 p.h5{font-weight:bold;font-size:200%;color:#4f4f4f !important;padding:.25em 1em;text-align:center;margin:0 0 .25em 0;display:inline-block;}
#info_center p.h6{font-weight:bold;font-size:150%;color:#4f4f4f !important;padding:.25em 1em;text-align:center !important;margin:0 0 2em 0;display:inline-block;}
.infocenter20 .fin-calculator{margin:.25em;border:1px solid #eee;padding:.1em;}
.infocenter20 .calcCol{font-size:120%;}

/*#finanzierung{background:#deedf2;}
#finanzierung > div > p, #finanzierung > div > p a{color:#111}
*/


@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 .paypal-logo{margin:3.45em 2em 0 2em !important;}
  .infocenter20 .smaller-logos{margin:2em 2em 0 2em;}
  .infocenter20 .move-right-col{width: 2.33333333%;}
  .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;}
  
  .infocenter20 .fin-calculator{margin:2em;padding:1em;}
  .infocenter20 .calcCol{font-size:150%;}
}

@media (min-width: 1680px) {  
  .infocenter20 .anchor-nav a{font-size:120%;padding:.5em 1em;margin:.5em 1em;}
  .infocenter20 .smaller-logos{margin:4em 4em 0 4em;}
  .infocenter20 .paypal-logo{margin:1.5em 4em 0 4em !important;}
  .infocenter20 .move-right-col{width: 4.33333333%;}
  
  .infocenter20 .nav-tabs{display:block;margin:0 28px 0 15px;}
  .infocenter20 .nav-tabs > li {display:inline-block !important;}
  .infocenter20 .nav-tabs > li a{font-size:120%;}
}


/* NEW INFOCENTER 2023*/
.infocenter23 .ic_header{
	background-image: url("../../../images/infocenter/zahlungsmittel/header.webp");
	background-repeat:no-repeat;
	background-color:#00247B;
	background-position:-400px 0;
	background-size: auto;
	min-height:160px;
	margin-top:-18px;
}

.infocenter23 .ic_teaser{padding: 0 30px 0 30px !important}
.infocenter23 .ic_main_title{font-size:30px;color:#00247B;letter-spacing:0;text-align: center;font-family:opensans_bold;padding-right:1em !important;padding-top:1.25em !important;}
.infocenter23 .ic_content{padding: 20px 35px 50px 25px !important}
.infocenter23 p.ic_h1{font-size:30px;color:#fff;text-align: center;font-family:opensans_bold;padding-right:.5em !important;padding-top:1em !important;}
.infocenter23 p.ic_h2{font-size:22px;color:#00247b;font-family:opensans_bold;padding-top:1.5em !important;}
.infocenter23 p.ic_h3{font-size:18px;color:#00247b;font-family:opensans_bold;padding-top:.5em !important;}
.infocenter23 p.ic{font-size:14px;padding-bottom:1em !important}
.infocenter23 strong{color:#00247b !important;padding-bottom:0.2em}
.infocenter23 p.ic_table{font-size:16px;color:#00247b;padding-top:0 !important}
.infocenter23 ul.vorteilelist{font-size:16px;padding-bottom:1em !important}
.infocenter23 p.ic_title{font-size:16px;color:#00247b;font-family:opensans_bold;padding-bottom:3px !important;padding-top:7px !important}
.infocenter23 a.ic_titlelink{text-decoration:none;}
.infocenter23 .panel{border:none;border-top:solid #00247b 2px;border-radius: 0px}
.infocenter23 .panel-heading{padding-left:0 !important}
.infocenter23 .panel-heading img.ic_icons{max-width:120px;max-height:30px;text-align:center !important;padding:0 0 0 0 !important;margin:0 0 0 0 !important;}
.infocenter23 img#credit-card{width:200px !important;max-width:none !important;margin-left:-40px !important;}
.infocenter23 label:hover{cursor: pointer;}

.infocenter23 .ic_titlelink:after{position: absolute;font-family:'Glyphicons';content:"\E955\00a0";color:#595f65;right:40px;margin-top:-35px;font-size:100%;color:#00247B;}
.infocenter23 .ic_titlelink.collapsed:after{content:"\E954\00a0";}

.infocenter23 .panel-body{padding-left:0 !important}

.infocenter23 .ic_arrow{font-size:30px;color:#00247b;float:right;text-align:right;}



@media (min-width: 980px) { 
	.infocenter23 .ic_header{background-size: auto;background-position:left;}
	.infocenter23 p.ic_title{font-size:20px;padding-bottom:3px !important;padding-top:7px !important}
	.infocenter23 p.ic{font-size:16px;padding-bottom:1em !important}
	.infocenter23 .ic_titlelink:after{right:60px;}
  .infocenter23 img#credit-card{width:300px !important;max-height:none !important;max-width:none !important;margin-left:-40px !important;}
  .infocenter23 p.ic_h1{text-align: right;padding-right:1em !important;padding-top:2.25em !important;}
}

@media (min-width: 1680px) { 
  .infocenter23 img#credit-card{width:auto !important;max-height:38px !important;max-width:none !important;margin-left:0 !important;}
}



/* Nur für Zahlungsmittel wichtig */
.infocenter23 .quick-facts p{font-size:110%;}
.infocenter23 .quick-facts .min-value{font-size:100%;font-weight:bold;height:40px;padding-top:20px;margin-top:20px;}
.infocenter23 .quick-facts .glyphicons-basic-223-chevron-left{font-size:100%;font-weight:bold;margin-top:1em;}
.infocenter23 .quick-facts .order-value{font-size:100%;font-weight:bold;}
.infocenter23 .quick-facts .glyphicons-basic-224-chevron-right{font-size:100%;font-weight:bold;margin-top:.5em;}
.infocenter23 .quick-facts .max-value{font-size:100%;font-weight:bold;height:50px;padding-top:20px;margin-top:10px;}
.infocenter23 .quick-facts .fact-title{font-size:220%;font-weight:bold;padding-top:20px;padding-bottom:5px !important;margin-top:10px;}
.infocenter23 .quick-facts .fact-title ~ p{margin-top:-10px;}

.infocenter23 .quick-facts p.ic_h3{font-size:18px;color:#00247b;font-family:opensans_bold;padding-top:.5em !important;}

.infocenter23 .circle-fact {width: 60%;padding 10px;margin:0 auto;width:125px;}
.infocenter23 .circle-fact:after {content: "";display: block;width: 100%;height: 0;padding-bottom: 100%;background: #00247B;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.infocenter23 .circle-fact div {float: left;width: 100%;padding-top: 20%;line-height: 1em;margin-top: -0.5em;text-align: center;color: white;}
.infocenter23 .circle-fact p{color:#fff !important;}
.infocenter23 p.h5{font-weight:bold;font-size:200%;color:#4f4f4f !important;padding:.25em 1em;text-align:center;margin:0 0 .25em 0;display:inline-block;}
#info_center p.h6{font-weight:bold;font-size:150%;color:#4f4f4f !important;padding:.25em 1em;text-align:center !important;margin:0 0 2em 0;display:inline-block;}
.infocenter23 .calcCol{font-size:120%;}