/* 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 .textarea{padding:2em 0 3em 0!important;}
.infocenter20 .border{border-right: solid #263964 2px;}
.infocenter20 hr.line{border: solid #263964 2px}
.infocenter20 hr.line_small{border: solid #263964 1px}
.infocenter20 p.h2{font-size:130%;text-align:center;text-transform:none;color:#00a8ff;}
.infocenter20 strong.xs{color:#00a8ff;}
.infocenter20 .aufzaehlung p.h3{font-weight:bold;font-size:150%;text-align:left;text-transform:none;color:#263964;}
.infocenter20 .aufzaehlung p{text-align:left;}
.infocenter20 p.h3{font-weight:bold;font-size:130%;text-align:center;text-transform:none;color:#263964;}
.infocenter20 img.icon {padding-top:2em !important}

.infocenter20 .center-block{display:flex;justify-content: center;align-items: center;}

.infocenter20 p{font-size:120%;text-align:justify;padding-right:30px !important;padding-left:30px !important;color:#263964;}
.infocenter20 p.text-center, .infocenter20 .text-center p{text-align:center;}
.infocenter20 .blue p{color:#fff;}
.infocenter20 .blue p.h2{fcolor:#fff;}
.infocenter20 .blue p.zaehler{font-size:300%;text-align:center;text-transform:none;color:#fff;}
.infocenter20 .blue p.h3{color:#fff;}
.infocenter20 p.tiny{font-size:70%;}
.infocenter20 p.big{font-size:170%;}
.infocenter20 .row{padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important}
.infocenter20 p.erfahrung{margin-top:-0.4em;padding-bottom:2em !important}
.infocenter20 .businesskunden{padding-bottom:2.3em !important;text-align:left !important}
.infocenter20 img.iconbusiness {padding-top:1em !important}
.infocenter20 img.iconforum {padding-top:3em !important}

#info_center .infocenter20 .social-media img.iconsocial{max-width:70px;}
#info_center .infocenter20 .social-media img.iconsocial:first-child{padding-top:.5em !important;}

#info_center .infocenter20 img.iconsocial {width:90% !important;}
#info_center .infocenter20 img.iconsocial:hover {width:100% !important}


@media (min-width:600px){
	.infocenter20 img.iconbusiness {padding-top:2em !important}
}

@media (min-width:980px){
	.infocenter20 p.erfahrung{margin-top:-0.4em;padding-bottom:2.3em !important}
	.infocenter20 .iconbusiness{padding-bottom:2.3em !important;text-align:left !important}
	.infocenter20 p.businesstext{padding-top:1em}
	.infocenter20 img.iconbusiness {padding-top:0 !important}
	.infocenter20 p.h2{font-size:200%;text-align:center;text-transform:none;color:#00a8ff;}
	.infocenter20 p.h3{font-weight:bold;font-size:150%;text-align:center;text-transform:none;color:#263964;}
}

@media (min-width:1680px){	
	.infocenter20 p.erfahrung{margin-top:-0.4em;padding-bottom:1em !important}
	.infocenter20 img.iconbusiness {padding-top:1em !important}
	.infocenter20 img.iconforum {padding-top:2em !important}
  
  #info_center .infocenter20 .social-media img.iconsocial{max-width:none;}
  #info_center .infocenter20 .social-media a:first-child img.iconsocial{padding-top:2em !important;}
}