a{color:#006cb7;text-decoration:none}
footer a,ul a,ol a{color:#006cb7}
body{margin:0;font-family:tahoma,arial,sans-serif;font-size:1em;line-height:1.5rem;position:relative;background-position:right -60px;background-repeat:no-repeat;color:#4b4a49}
@media(min-width:768px){body{background-position:right -90px}
}
@media(min-width:1500px){body{background-position:50% -90px;width:1500px;margin:0 auto;border-left:1px solid #96c0e8;border-right:1px solid #96c0e8}
}
footer{clear:both;padding:50px 30px 10px 30px;text-align:center;width:auto;background-color:#cce9fd}
footer p{font-size:.9rem;line-height:1.1rem}
@media(min-width:768px){footer{margin:6% 0 0 0;padding:40px 10% 20px 10%;width:80%}
}
@media(min-width:1024px){footer{padding:40px 20% 20px 20%;width:60%}
}
.no-multiplebgs footer{background-position:-35px bottom;background-repeat:no-repeat}
@media(min-width:768px){.no-multiplebgs footer{padding:60px 10% 0 10%;background-position:-30px bottom}
}
@media(min-width:1024px){.no-multiplebgs footer{padding:100px 20% 0 20%;background-position:-50px bottom}
}
@media(min-width:2000px){.no-multiplebgs footer{padding:150px 20% 0 20%;background-position:-43px bottom}
}
h1{font-size:1.3rem;margin:6% 0 3% 0;line-height:1.6rem;text-transform:uppercase}
h2{font-size:1rem;line-height:1.3rem;margin:-3% 0 0 3%;font-style:italic;font-weight:normal}
h3{clear:both;font-style:normal;font-size:1.1rem;line-height:1.6rem;margin:6% 0 1.5% 0;padding:0 0 5px 0;border-bottom:4px solid #96c0e8}
a h3,a h5{color:#4b4a49}
h4{font-size:1rem;line-height:1.1rem;margin:3% 0 .6% 0}
.contentklapper h4{text-align:left;padding:0 0 3px 0;border-bottom:2px solid #adcced;font-weight:normal;font-style:italic}
h5{font-size:1rem;line-height:1.1rem;margin:0 3% 3% 0;padding:0 0 0 40px;text-align:right;font-style:italic;font-weight:normal}
img{border:0}
nav{font-size:1rem;background:#96c0e8;height:35px;padding:0 0 0 20px}
@media(max-width:250px){nav{font-size:.65rem}
}
@media(max-width:320px){nav{font-size:.8rem}
}
@media(min-width:768px){nav{padding:0 0 0 10%}
}
@media(min-width:1024px){nav{padding:0 0 0 20%}
}
nav a{height:25px;padding:5px 0;display:inline-block}
@media(min-width:400px){nav a{padding:5px 5px}
}
@media(min-width:768px){nav a{padding:5px 20px}
}
nav a:hover{background:#adcced}
nav a.active{background:#e4f4fe;font-weight:bold}
ol li{margin:0 0 5px 0}
p{margin:0}
section{margin:0 20px;width:auto}
@media(min-width:768px){section{margin:0 auto;width:80%}
}
@media(min-width:1024px){section{margin:0 auto;width:70%;max-width:1024px}
}
section p{margin-bottom:3%}
section .image{width:100%;text-align:center;margin:0 0 3% 0}
section .image img{width:70%}
section .caption{width:96%;display:inline-block;background-color:#bcd7f1;padding:4px 2%;color:#004493}
.bild{clear:both;width:auto;margin:20px auto;display:block}
@media(min-width:768px){.bild{width:80%}
}
@media(min-width:1024px){.bild{width:60%;max-width:500px}
}
.bild img{width:100%}
.contentbild{clear:both;width:75%;padding:55.75% 0 0 0;margin:20px auto;display:block;background-repeat:no-repeat;background-size:100% auto}
.hochformat{padding:100% 0 0 0}
@media(min-width:500px){.contentbild{width:50%;padding:37.25% 0 0 0}
.hochformat{padding:66.6% 0 0 0}
}
ul,ol{margin:0 0 0 -25px}
ul.nostyle,ol.nostyle{margin:0 0 0 -40px;list-style-type:none;list-style-position:outside;display:inline-block}
ul#autobahnliste1,ul#autobahnliste2{width:100%}
@media(min-width:840px){ul#autobahnliste1,ul#autobahnliste2{width:calc(50% - 20px)}
}
.left{float:left}
.right{float:left}
@media(min-width:768px){.right{float:right}
}
::selection{color:#e4f4fe;background:#006cb7}
.clearer{clear:both}
.mobileonly{display:inline-block;visibility:visible}
@media(min-width:540px){.mobileonly{display:none;visibility:hidden}
}
.tabletonly{display:none;visibility:hidden}
@media(min-width:768px){.tabletonly{display:inline-block;visibility:visible}
}
@media(min-width:1024px){.tabletonly{display:none;visibility:hidden}
}
.webonly{display:none;visibility:hidden}
@media(min-width:1024px){.webonly{display:inline-block;visibility:visible}
}
header{padding:10px 0;width:95%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between}
.akademie-logo-white{height:75px;width:150px;background-size:100% 100%}
.logoabk{width:101px;height:68px;margin:6px 0 0 0}
.wortmarke{display:none;visibility:hidden}
@media(min-width:540px){.akademie-logo-white{height:100px;width:200px}
.logoabk{width:134px;height:90px;margin:8px 0 0 0}
.wortmarke{display:inline-block;visibility:visible;float:right;padding:23px 0 0 10px;color:#006cb7;font-size:1.3rem}
}
@media(min-width:768px){header{padding:15px;width:80%;max-width:1024px}
.wortmarke{font-size:1.6rem;padding:21px 0 0 10px}
}
.mobilehidden{display:none;visibility:hidden}
@media(min-width:540px){.mobilehidden{display:inline-block;visibility:visible}
}
footer p{display:block;clear:both}
footer .footerlinks{line-height:30px}
@media(min-width:830px){footer .footerlinks{margin:20px auto 0 0;padding:16px 0 0 0;width:100%;float:left}
}
@media(min-width:1024px){footer .footerlinks{min-width:400px;width:100%}
}
.inline-block{display:inline-block;white-space:nowrap}
@media(min-width:540px){.inline-block{width:250px}
}
@media(min-width:768px){.inline-block{width:340px}
}
.kreuz,.kreuzkirche{position:relative;text-align:right;vertical-align:top}
@media(min-width:768px){.kreuzkirche{background-size:2100px auto;background-position:right -90px}
}
.kreuzkirche{padding:10px 60px 30.5% 20px}
@media(min-width:768px){.kreuzkirche{padding:10px 10% 22.5% 10%}
}
@media(min-width:1024px){.kreuzkirche{padding:10px 20% 27% 20%}
}
@media(min-width:1200px){.kreuzkirche{padding:10px 20% 25% 20%}
}
.visual{background-repeat:no-repeat;background-size:100% auto;background-position:bottom}
.kirchenvisual{background-repeat:no-repeat;background-position:right bottom;background-size:auto 100%;border-top:1px solid #96c0e8}
.map{background-repeat:no-repeat;background-size:auto 100%;background-position:5%}
@media(min-width:768px){.map{background-position:25%}
}
.adressat,.kontaktperson,.strasse,.stadt,.telkommentar,.telefon,.telefax,.email,.url,.mobil,.facebook,.twitter,.social{display:block;float:none}
.plz{float:left;display:inline-block}
.plz::after{content:"$leerzeichen"}
.kontaktperson,.adressat{margin:0;font-weight:bold}
.telkommentar::before{content:"("}
.telkommentar::after{content:")"}
.plz::after,.telefon::after{content:" "}
a[href^="https://www.google.de/maps"]{font-weight:bold}
.date,.title,.content,.autobahn{display:block}
a .date,a .title,a .content,a .autobahn{color:#4b4a49}
.date{font-size:.8rem;color:#7f7f7f}
#date p{margin:0 0 3% 0}
.title{font-size:1rem;line-height:1.3rem;font-weight:bold}
.content{font-weight:normal}
.touch .terminuebersicht .bab{margin:5px 10px 5px 0}
.terminuebersicht .date,.terminuebersicht .title,.terminuebersicht .content{margin-left:65px}
.toggle{width:60px;height:25px;display:inline-block;position:relative;text-align:center;text-transform:uppercase;font-size:1rem;float:right;font-weight:bold;color:basisfarbe}
.shortinfo{display:block;padding:0;width:auto}
.shortinfo .svg{width:30px;height:30px;float:left}
.shortinfo div{width:100%;float:right}
.shortinfo h4{border-bottom:3px solid #96c0e8}
.shortinfo .bab{display:inline-block}
.contentklapper{background:transparent;padding:65px 0 0 0;position:relative;top:-70px;margin-bottom:-50px}
.contentklapper .link{display:block}
.contentklapper:not(:target){display:none;visibility:hidden}
a h3{position:relative}
a h3:before{position:absolute;content:" ";bottom:-25px;left:3px;display:block;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:17px solid #96c0e8}
#autobahnkarte img{width:100%;height:auto;display:inline-block}
@media(min-width:768px){#autobahnkarte img{width:75%;margin:0 12.5% 15px 12.5%}
}
@media(min-width:768px) and (orientation:landscape){#autobahnkarte img{width:50%;margin:0 25% 15px 25%}
}
object{width:100%;height:auto;display:inline-block}
@media(min-width:768px){object{width:75%;margin:0 12.5% 15px 12.5%}
}
@media(min-width:768px) and (orientation:landscape){object{width:50%;margin:0 25% 15px 25%}
}
.no-backgroundsize .autobahnkarte{display:none;visibility:hidden}
#autobahnkarte{clear:both}
.imagemapitem{display:flex;flex-direction:row;justify-content:space-between}
.autobahnliste li{padding:3px 0;height:33px;display:inherit}
.autobahnliste li p,.nostyle li p{background:#F00;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;margin:0}
.center{margin:0 auto}
.ausfahrt{background:white;color:#006cb7;height:25px;width:25px;text-align:center;padding:0;box-sizing:border-box;border-radius:35px;border:1px solid #006cb7;display:inline-block;font-size:.75rem;position:relative}
.ausfahrt:before{content:url(../bilder/design/ausfahrt.svg);position:absolute;width:30px;height:30px;left:-35px}
.bigger.ausfahrt{width:auto;padding:0 3px 0 3px}
.linkblock{display:inline-block;width:100%;box-sizing:border-box}
.linkblock a{display:inline-block;width:100%;min-height:33px;background:#FFF;position:relative;box-sizing:border-box}
.linkblock.nobab{padding-left:60px}
.touch .linkblock{margin:5px 0 0 0}
.bab{background:#006cb7;border:3px solid white;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:white;display:inline-block;float:inherit;font-size:.9rem;font-weight:bold;line-height:1.5em;margin:0 10px 2px 0;text-align:center;min-width:44px;max-height:22px;position:relative;box-shadow:0 0 0 1px #e4f4fe}
.touch .bab{margin:5px 10px 15px 0}
.bab{border-top:5px solid white;border-right:3px solid white;border-bottom:5px solid white;border-left:3px solid white}
.bab::before,.bab::after{content:" ";display:block;position:absolute;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent}
.bab::before{border-bottom:3px solid #006cb7;top:-3px;-webkit-box-shadow:0 1px 0 0 #006cb7;-moz-box-shadow:0 1px 0 0 #006cb7;box-shadow:0 1px 0 0 #006cb7}
.bab::after{border-top:3px solid #006cb7;bottom:-3px;-webkit-box-shadow:0 -1px 0 0 #006cb7;-moz-box-shadow:0 -1px 0 0 #006cb7;box-shadow:0 -1px 0 0 #006cb7}
.ort{width:calc(100% - 50px);display:inline-block;padding:4px 10px;box-sizing:border-box}
.tint a{background:#e4f4fe !important}
object{width:100%;height:auto;display:inline-block;margin:15px 0 15px 0}
@media(min-width:640px){object{width:75%;margin:15px 12.5% 15px 12.5%}
}
@media(min-width:640px) and (orientation:landscape){object{width:66%;margin:15px 17% 15px 17%}
}
.infobox{display:block;position:relative;margin-top:5px;margin-bottom:25px;padding:10px 10px 11px 10px}
.infobox h4{color:white;margin:0 0 .6% 0}
.infobox p{margin-bottom:0}
.leftbox{clear:both;float:left;min-width:10%;max-width:65%}
@media(min-width:768px){.leftbox{transform:translate(-10%)}
}
@media(min-width:1024px){.leftbox{transform:translate(-20%);min-width:45%;max-width:55%}
}
.rightbox{float:right;min-width:50%;max-width:80%}
@media(min-width:768px){.rightbox{transform:translate(10%);min-width:20%;max-width:39%}
}
@media(min-width:1024px){.rightbox{transform:translate(20%);min-width:10%}
}
.generatedcontent .leftbox::before{z-index:-100;position:absolute;top:0;content:"";width:100px;height:100%;-moz-transform:skew(4deg);-webkit-transform:skew(4deg);-o-transform:skew(4deg);-ms-transform:skew(4deg);transform:skew(4deg)}
@media(min-width:768px){.generatedcontent .rightbox::after,.generatedcontent .leftbox::after{z-index:-100;position:absolute;top:0;content:"";width:100px;height:100%;-moz-transform:skew(4deg);-webkit-transform:skew(4deg);-o-transform:skew(4deg);-ms-transform:skew(4deg);transform:skew(4deg)}
}
.tdot{margin-bottom:10px;background:#a5cf4c;color:white}
.tdot a,.tdot h4{color:white}
.anfahrt,.reisesegen{margin-top:0}
@media(min-width:768px){.anfahrt,.reisesegen{margin-top:20px}
}
.tint110,.offen{background:#006cb7;color:#bcd7f1}
.tint110 .emphase,.offen .emphase{color:#fff;font-weight:bold}
.tint110 h4,.offen h4{color:#eaf7fe}
.tint2,.weekly{background:#adcced;color:#0072bd}
.tint2 .emphase,.weekly .emphase{color:#e4f4fe;font-weight:bold}
.emphase,.adressat,.kontaktperson{color:#006cb7;font-weight:bold}
.emphase h4,.adressat h4,.kontaktperson h4{color:#006cb7}
.emphase a,.adressat a,.kontaktperson a{color:#0072bd}
.contact{margin-bottom:10px}
@media(min-width:768px){.contact{max-width:33%}
}
.tint205,.monthly{background:#92b8e4;color:#004493}
.tint205 .emphase,.monthly .emphase{color:#eaf7fe;font-weight:bold}
.tint205 h4,.monthly h4{color:#006cb7}
.tint310,.service,.anfahrt,.reisesegen,.contact{background:#cce9fd;color:#006cb7}
.tint310 .emphase,.service .emphase,.anfahrt .emphase,.reisesegen .emphase,.contact .emphase{color:#006cb7;font-weight:bold}
.tint310 h4,.service h4,.anfahrt h4,.reisesegen h4,.contact h4{color:#5891d3}
.copytext{margin:15px 0 15px 0}
.leftcopy,.leftinfocopy,.rightcopy{display:inline-block}
@media(min-width:768px){.leftcopy,.leftinfocopy,.rightcopy{min-width:30%;width:55%}
.leftcopy,.leftinfocopy{float:left}
.rightcopy{float:right}
.leftinfocopy{width:60%}
}
@media(max-width:768px){.leftcopy,.leftinfocopy,.rightcopy{display:inherit}
}
@media(min-width:1024px){.leftinfocopy{width:65%}
}
.bibelspruch{margin:3% 0 0 0;font-style:italic;display:block}
.bibelspruch::before{content:"„"}
.bibelspruch::after{content:"‟"}
.zusatz{color:white;display:block;text-align:right;font-size:.8rem;line-height:.8rem}
@media(max-width:319px){.bildsteuerung{width:0}
}
@media(min-width:320px){.bildsteuerung{width:320px}
}
@media(min-width:500px){.bildsteuerung{width:500px}
}
@media(min-width:768px){.bildsteuerung{width:768px}
}
@media(min-width:1024px){.bildsteuerung{width:1024px}
}
@media(-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.bildsteuerung{line-height:2px}
}
.buehnenbild_animation{background-size:1000% auto}
@media(max-device-width:767px){.buehnenbild_animation{background-image:url(../bilder/buehnenbilder/sprite_horizontal_320.jpg)}
}
@media(max-device-width:767px) and (-webkit-min-device-pixel-ratio:2){.buehnenbild_animation{background-image:url(../bilder/buehnenbilder/sprite_horizontal_320@2x.jpg)}
}
@media(min-device-width:768px){.buehnenbild_animation{background-image:url(../bilder/buehnenbilder/sprite_horizontal_768.jpg)}
}
@media(min-device-width:768px) and (-webkit-min-device-pixel-ratio:2){.buehnenbild_animation{background-image:url(../bilder/buehnenbilder/sprite_horizontal_768@2x.jpg)}
}
@media(min-device-width:1024px){.buehnenbild_animation{background-image:url(../bilder/buehnenbilder/sprite_horizontal_1024.jpg)}
}
@media(min-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.buehnenbild_animation{background-image:url(../bilder/buehnenbilder/sprite_horizontal_1024@2x.jpg)}
}
.animation_start{-webkit-animation:animation_start 50s steps(10) infinite;-moz-animation:animation_start 50s steps(10) infinite;-ms-animation:animation_start 50s steps(10) infinite;-o-animation:animation_start 50s steps(10) infinite;animation:animation_start 50s steps(10) infinite}
@-webkit-keyframes animation_start{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@-moz-keyframes animation_start{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@keyframes animation_start{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@-o-keyframes animation_start{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@keyframes animation_start{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
.animation_kirchenliste{-webkit-animation:animation_kirchenliste 50s steps(10) -10s infinite;-moz-animation:animation_kirchenliste 50s steps(10) -10s infinite;-ms-animation:animation_kirchenliste 50s steps(10) -10s infinite;-o-animation:animation_kirchenliste 50s steps(10) -10s infinite;animation:animation_kirchenliste 50s steps(10) -10s infinite}
@-webkit-keyframes animation_kirchenliste{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@-moz-keyframes animation_kirchenliste{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@keyframes animation_kirchenliste{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@-o-keyframes animation_kirchenliste{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@keyframes animation_kirchenliste{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
.animation_akademie{-webkit-animation:animation_akademie 50s steps(10) -20s infinite;-moz-animation:animation_akademie 50s steps(10) -20s infinite;-ms-animation:animation_akademie 50s steps(10) -20s infinite;-o-animation:animation_akademie 50s steps(10) -20s infinite;animation:animation_akademie 50s steps(10) -20s infinite}
@-webkit-keyframes animation_akademie{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@-moz-keyframes animation_akademie{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@keyframes animation_akademie{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@-o-keyframes animation_akademie{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@keyframes animation_akademie{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
.animation_info{-webkit-animation:animation_info 50s steps(10) -30s infinite;-moz-animation:animation_info 50s steps(10) -30s infinite;-ms-animation:animation_info 50s steps(10) -30s infinite;-o-animation:animation_info 50s steps(10) -30s infinite;animation:animation_info 50s steps(10) -30s infinite}
@-webkit-keyframes animation_info{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@-moz-keyframes animation_info{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@keyframes animation_info{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@-o-keyframes animation_info{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@keyframes animation_info{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
.animation_termine{-webkit-animation:animation_termine 50s steps(10) -40s infinite;-moz-animation:animation_termine 50s steps(10) -40s infinite;-ms-animation:animation_termine 50s steps(10) -40s infinite;-o-animation:animation_termine 50s steps(10) -40s infinite;animation:animation_termine 50s steps(10) -40s infinite}
@-webkit-keyframes animation_termine{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@-moz-keyframes animation_termine{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@keyframes animation_termine{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@-o-keyframes animation_termine{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
@keyframes animation_termine{from{background-position:.00% bottom}
to{background-position:111.11% bottom}
}
.cookiebanner{position:fixed;bottom:0;background-color:#fff;width:100%;z-index:999;text-align:center;border-top:1px solid #cad5d9;color:#333;padding-top:10px;padding-bottom:10px}
@media(min-width:1500px){.cookiebanner{width:1500px}
}
.cookiebanner__button{background:#006cb7;color:#fff;padding:7px 30px;border-radius:2px;text-decoration:none;border:1px solid #0063af}
@media(max-width:37.4375em){.cookiebanner__button{font-size:1.00rem;padding:3px 15px}
}
.cookiebanner__button:hover{background-color:#006cb7}
.cookiebanner__textblock{display:block;margin-bottom:10px}