@charset "utf-8";
/* CSS Document */

body {background-color:#071e4a } /* #f7f8f9 */
.top-anzeigen {background-color:#004F9F;height: 40px;}
.top-links {text-align: left;}
.esv-logo {margin-top: -30px;}
.top-rechts .zwhead { color: #769ecc; }
.navi {padding:0px 70px 10px;height:100px;background-color:#dfeeff;background-image: linear-gradient(to right, #dfeeff, #c3d6ec);} /* c3d6ec */
.container-top {padding:40px 0px 20px;margin: 0px auto; max-width: 1600px;}
.kontaktleiste {padding-right:187px;font-size:22px; font-weight:bold}
.kontaktleiste a {font-size:22px; font-weight:bold}
.container-startbild {background-image:url("bilder/startbild.jpg");background-position:right top;background-repeat:no-repeat;}
.startbild-box {background: linear-gradient(74deg,#ffffff 65%,rgba(255,255,255,0) 65%);} /* #dde6f7 */
.startbild-breite {max-width: 1730px;margin: 0px auto;}
.starttext {padding: 55px 10px 50px 70px;text-align:left;max-width:54%}
.lizenzenbild {width:100%; height:auto; display:inline}
.lizenzenbild-klein {width:100%; height:auto; display:none}
.index-content {padding: 0px 70px 50px}
.container-webinare {margin: 0px auto 10px; max-width: 1600px;text-align: left;}
.container-flex {display: flex; flex-wrap: wrap; align-content:space-between; gap: 2%;}
.flexbox {display: flex; width: 32%; margin: 10px 0; }
.breitbox {display: flex; width: 100%; margin: 10px 0; }
.breitbox .content-box {width:100%; background-color:#c3d6ec}
.breitbox .normal {max-width:800px}
.footer-box { padding: 0px 0px 20px 0px; background-color: #eef2f7; margin-top: 100px; }
.footer-breite {max-width: 1730px;margin: 0px auto;}
.content-box {padding: 15px 10px 30px 15px; background-color: #ffffff; border: 1px solid silver; border-radius:4px }
.footer-content-box { padding: 30px 60px 10px; }
.headline {font-size: 45px;line-height: 48px;}
.starttext .normal {font-size: 18px}
.starttext .zwischenhead {font-size: 23px;line-height:30px}
.head {margin-bottom: 15px;color: #fff;padding-top: 55px;}
.zwischenhead {color: #c8080b;font-size:21px;line-height:28px}
.normal {margin-top: 10px;}
.bibliotext {font-size:15px;line-height:20px;hyphens: auto;margin-bottom:2px}
.icons {float: right;padding:10px 5px 5px 20px;}
.icons img {width: 160px; height:auto;}
select {padding: 10px;background-color: #fff;border-radius: 4px;font-size: 16px;font-family: 'OpenSans', Open Sans, Arial, Helvetica, sans-serif;margin-top: 15px;}
.webinare-button {background: none #004e9f; border-radius: 4px;padding: 6px 14px 8px;cursor: pointer;display: table-cell;color:#ffffff}
.impressum .container {margin:auto;width:auto}
.impressum .content-box {padding: 0px 10px 30px 0px;}
.zusammenhalten {white-space:nowrap}
.bln {flex-grow: 2;}
.bln .content-box {width: 100%;background-color:#edf5ff;background-image: linear-gradient(to bottom, #edfeff, #deecfc);}
.bln .icons {padding-left:30px}
.bln .zwischenhead {font-size:22px;padding-top:3px;padding-bottom:10px}
.bln .normal {margin-top:28px;}
.bln .bibliotext {max-width: 700px;}
@media (min-width:1250px) {
.bln .content-box {padding-left:35px;padding-top:33px;padding-right:25px}
.bln .icons img {width:230px;}
}
@media (max-width:1249px) {
.flexbox {width: 49%;}
.top-links,.impressum .content-box {padding-left: 15px}
.top-rechts {padding-right: 15px}
.navi {text-align: right;padding:0px 20px 10px;}
.sticky.navi {padding-right:40px}
.kontaktleiste {padding-right: 0px;margin-top:-10px; }
.kontaktleiste a {font-size:19px}
.starttext {padding-left:20px}
.index-content {padding:0px 20px 50px}
.footer-content-box { padding: 30px 15px 10px; }
}
@media (max-width: 819px) {
.top-rechts {padding-left: 15px;padding-top:0px}
.container-startbild {background-image: none}
.startbild-box {background: #ffffff;background-image:url("bilder/startbild_mobile.jpg");background-position:top right;background-repeat:no-repeat;padding-top:200px}
.starttext {max-width:none}
.container-top {line-height: 27px;}
.flexbox {width:100%}
.lizenzenbild {display:none}
.lizenzenbild-klein {display:inline}
.kontaktbox {margin-top: -12px}
}

@media only screen and (max-width: 569px) {
.esv-logo {margin-left:0px}
.kontaktleiste {margin-top:-30px;margin-left:125px}
.kontaktleiste a {font-size:15px;line-height:22px}
.kontaktleiste .symbol-inline {display:none}
}

.sticky {position:fixed; top:0; height:85px;width:100%;border-bottom:1px solid #bec8db}
.sticky + .content {padding-top: 100px;}
.sticky .kontaktleiste {padding-right: 40px!important}