@charset "utf-8";
/* spezielle CSS für die Website der Anzeigenabteilung, Version ab 2025 mit der OpenSans */

@font-face {
	font-family:'OpenSans'; 
	src:	url('https://i.esv.info/webfonts/open-sans-latin-400.woff2') format('woff'),
  			url('https://i.esv.info/webfonts/OpenSans-Regular.ttf') format('truetype');
	font-weight:normal;
}	
@font-face {
	font-family:'OpenSans-Bold'; 
	src:	url('https://i.esv.info/webfonts/OpenSans-Semibold.ttf') format('truetype');
	font-weight:bold;
}	

body, .normal, .subhead, .kleine-zwhead, .bibliotext, .buttontext, .vorteil, .zurueck-button, ul li, .nl-form-input { font-family: 'OpenSans', Open Sans, Arial, Helvetica, sans-serif }
.head, .zwhead, b, strong { font-family: 'OpenSans-Bold', Open Sans, Arial, Helvetica, sans-serif }

.head {font-size: 44px; letter-spacing: -0.01em; margin-left:-2px}
.subhead {font-style:normal;color: #004577;font-size: 26px;line-height: 30px;}
.zwhead {font-size: 33px;}
.normal, .navi-tel {font-size: 18px; line-height: 29px;}
.wktext {font-size: 18px; line-height: 23px;}
.bibliotext {font-size: 17px; line-height: 23px;}

.subcontainer {border: 1px solid #dfdfdf; border-radius: 4px;}
.abspann {margin: 20px 0px}
.abspann .bibliotext {font-size: 15px; line-height: 20px;}
.links .content-box {padding-right:17px}

.button-stark {background-image:none; background-color: #004ea0; border:none;border-radius:4px}

/* ---------------------------------- */

body {background-color:#f3f4f5;}
.top-anzeigen {background-color:#ffffff;min-height: 130px;padding-top: 15px;} 
/* background-image siehe inline */
.top-links {text-align:left}
.top-rechts {float: right;padding-top: 35px;}
.top-rechts a {color:#6c6c6c;font-size:33px;line-height:42px}
.esv-logo {margin-top: 30px}
.navi {padding-bottom: 15px;}
.navi-navi {float:left}
.navi-tel {float:right}
.container-2sp, .container-top {margin:0px auto; width:1150px}
#start {margin-top:0px}
.box_style_1 {background-color:white}
.box_style_5 {background-color:#dbe9f9}
.footer-box {background-color:#dcdee1; padding: 0px 0px 50px 0px}
.footer-box a {color:#005ca2}
.box_style_anz_1 { background: linear-gradient(to right, white, #e7e8ec); }
.box_style_anz_2 { text-align:left; display: table-cell; vertical-align:middle; padding-left:15px }
ul li.rot::before {color:maroon}
.links { width:325px; float:left; }
.button-klein {margin-right:20px}
.footer-anz1 { float:left; margin-right: 38px; width: 300px; }
.footer-anz2, .footer-anz3 { float:left; margin-right: 80px;}
.footer-anz4 { float:left; }
.footer-content-box {text-align:left;padding-left:0px}
.rechts { margin-left: 340px; overflow:hidden }
.subcontainer { margin-top: 15px }
.content-box { max-width: 750px }
.slick-slider {margin-bottom: 0px }
#zg { display:none; }
.zg-inhalt { border-left: 2px solid #004577; padding-left: 25px; margin-top:15px; }
.abspann {text-align:left; padding-right:15px}
@media only screen and (max-width:1279px) {
.container-2sp, .container-top {margin:0px 65px; width:auto}
.footer-anz1, .footer-anz2, .footer-anz3 {width:auto;margin-right:60px}
}
@media only screen and (max-width:999px) {
.container-top {margin: 0px 25px}
.links { display: none }
.links.sichtbar { display:inline; float:none;}
.links.sichtbar img {width:220px;height:auto;padding: 12px 0px;}
.einschub { display: block }
.rechts { margin-left: 0px }
.container-2sp {margin:0px;}
.footer-anz1, .footer-anz2, .footer-anz3, .footer-anz4 {width:295px;margin-left:28px;margin-right:0px}
.footer-anz3 {clear:left}
.abspann {margin-left:28px}
}
@media only screen and (max-width:749px) {
.top-rechts, .navi-tel {float:none;text-align:left}
.navi-navi {margin-top:15px;text-align: left;}
.navi {padding-bottom: 0px}
.esv-logo {margin-top:0px;margin-bottom:20px}
}
@media only screen and (max-width:569px) {
.esv-logo {margin-left:0px}
}
@media only screen and (max-width:479px) {
.container-top {margin: 0px 10px}
.top-rechts a {font-size:32px;line-height:38px}
.normal.grau {margin-bottom:10px}
.footer-anz1, .footer-anz2, .footer-anz3, .footer-anz4, .abspann {margin-left:10px}
.esv-logo {display:inline !important; width:130px; height:auto}
}