@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');































@import url('https://fonts.googleapis.com/css2?family=Knewave&display=swap');















































.lpcKoolSubscribe form h2.groupName{font-weight: normal;}







.lpcKoolSubscribe h3.sectionTitle{display: none;}















.lpcKoolSubscribe form .formSection label{display: none;}







.lpcKoolSubscribe form .formSection input, .lpcKoolSubscribe textarea, .lpcKoolSubscribe select{border: none; width: 100%; padding: 15px; font-style: italic; margin-bottom: 5px; box-sizing: border-box; background: rgb(245,245,250);} 



.lpcKoolSubscribe textarea{min-height: 120px; padding: 15px; border: none;}



.lpcKoolSubscribe select{padding: 15px; border: none;}







.lpcKoolSubscribe form .formSection .lpcFormGroup .lpcFormInput label{display: block;}



/*.lpcKoolSubscribe form .formSection .lpcFormGroup .lpcFormInput label input{display: none;}*/







.lpcKoolSubscribe form .formSection textarea{max-height: 120px;}







.lpcKoolSubscribe form .actionButtons button[type="submit"]{background: rgb(0,159,227); color: white; text-transform: uppercase; border: none; width: 100%; padding: 15px; font-style: italic; box-sizing: border-box;}































*{font-family: 'Roboto Condensed', sans-serif;}



































.bildwrap img{width: 100%; height: auto;}



























.container{max-width: 400px; margin: 0 auto;}































.works ul{ list-style: none; margin: 0; padding: 0; margin-bottom: 20px;}







.works ul li{padding: 10px; background: #009fe4; color: white; margin-bottom: 5px;}







.works ul li h5{margin: 0; padding-right: 30px; position: relative; font-size: 18px; font-weight: normal;}







.works ul li h5::after{content: "+"; position: absolute; right: 0; top: 0; font-size: 40px; font-weight: normal; padding: 10px; line-height: 0;







-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}







.works ul li.open h5::after{-moz-transform: rotate(315deg);







-webkit-transform: rotate(315deg);







-o-transform: rotate(315deg);







-ms-transform: rotate(315deg);







transform: rotate(315deg);}







.works ul li div{display: none; margin-top: 20px;}







.works ul li div h6{margin: 0; margin-bottom: 5px; font-size: 16px; font-weight: normal; font-style: italic; color: lightgray;}







.works ul li div span{display: block; margin-top: 5px; padding: 10px; text-align: center; background: rgba(255,255,255,0.8); color: black;}




.pincont .search input{padding: 10px; display: block; width: 100%; box-sizing: border-box; margin-bottom: 50px; margin: 0;}
.pincont ul.select{list-style: none; padding: 0;}
.pincont ul.select li{display: inline-block; padding: 8px 12px; margin: 0 2px 4px 0; background: transparent; color: white; border: 1px solid rgb(0,159,227); color: black; cursor: pointer;}

.pincont ul.select li.act{background-color: rgb(0,159,227); color: white;}


ul.pins{list-style: none; padding: 0; margin: 0;}

ul.pins li{background: #e9e9e9; margin-bottom: 15px; border-left: 3px solid #F5F3F5;}

ul.pins li .he{position: relative; line-height: 0; cursor: pointer;}

ul.pins li .he h2{position: absolute; bottom: 0; left: 0; background: rgba(0,159,227, 0.85); padding: 3px 8px; display: inline-block; color: white; font-weight: 400; margin: 0; font-size: 22px; line-height: 26px;}

ul.pins li .he .pr{position: absolute; right: 0; top: 0; padding: 12px 15px 12px 10px; background: #71919f; color: white; margin-top: 10px;}
ul.pins li .he .pr::before{   content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #71919f;
    position: absolute;
    top: 0px;
    left: -10px;}

ul.pins li .he .kat{position: absolute; left: 0; top: 0; padding: 12px 10px 12px 10px; color: white; margin-top: 10px; text-shadow: 1px 1px 5px #000000; font-style: italic;}

.pinnewwrap{text-align: right; margin-top: -30px;}
a.pinnew{text-decoration: none; color: white; font-size: 72px; padding: 20px 50px; background: #009fe3; border-radius: 100%;     font-size: 40px;  line-height: 5px; padding: 0px 14px;}

ul.pins li img{width: 100%; height: auto; line-height: 0;}

ul.pins li .det{padding: 15px; display: none;}

ul.pins li .det p{margin: 0 0 10px 0; line-height: 20px;}



ul.pins li .det a{text-decoration: none; color: #444; display: block; padding: 10px; border: 1px solid #444; text-align: center;}

ul.pins li .det a{color: white; background: #444;}

ul.pins li .det .addr{background: rgb(0,159,227); padding: 5px 15px; margin: 15px -15px -15px -15px;}

ul.pins li .det .addr table{width: 100%; }

ul.pins li .det .addr td{width: 55px; text-align: right;}

ul.pins li .det .addr td h3{color: white; font-weight: normal; font-style: italic; margin: 0;}

ul.pins li .det .addr td:first-child{width: auto; text-align: left;}

ul.pins li .det .addr a{display: inline-block; background: url(../img/mail.svg) no-repeat center center; background-size: contain; padding: 22px; border: none; border-radius: 100%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

ul.pins li .det .addr a:hover, ul.pins li .det .addr a.tel:hover{background-color: black;}

ul.pins li .det .addr a.tel{background: url(../img/tel.svg);}



.tx-powermail fieldset .powermail_fieldwrap input[placeholder="Arbeitsbereiche"]{font-weight: bold; background:rgba(0,159,227, 0.8); color: white;}


a.dat{position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(../../Images/icns/pdf.svg) no-repeat center center; background-size: 50%; color: transparent; font-size: 0; text-decoration: none; }




.tx-powermail fieldset .powermail_fieldwrap input[placeholder="Arbeitsbereiche"]::placeholder{color: white;}



















.new {padding: 0; margin: 0;}



.new a{display: inline-block; width: 50%; padding-bottom: 60%; position:relative;}



.new a span{background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}



.new a span h3{position: absolute; left: 0; bottom: 0; background: yellow; padding: 10px; line-height: auto; margin: 0; color:black;}







.new a:first-child{width: 100%; padding-bottom: 45%;}



























#foot{position: fixed; left: 0;  bottom: 0;  width: 100%; padding-bottom: 10px;  height: 60px; background: rgb(0,159,227); -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);  z-index: 999; box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);}











#foot a{display: inline-block; height: 100%; width: 20%; text-align: center; text-decoration: none; font-size: 10px; text-transform: uppercase; color: white;    box-sizing: border-box; padding: 10px;}











#foot a span.icn{background: url(../img/home.svg) no-repeat center center; background-size: contain; height: 24px; margin-bottom: 5px; display: block}







#foot a:nth-child(2) span.icn{background-image: url(../img/cal.svg);}



#foot a:nth-child(3) span.icn{background-image: url(../img/heart.svg);}



#foot a:nth-child(4) span.icn{background-image: url(../img/sound.svg);}



#foot a:nth-child(5) span.icn{background-image: url(../img/don.svg);}































































































































.logo{width: 80%; height: 160px; margin: 10px 10%; background: url(../img/cl.svg) no-repeat center center;  background-size: contain;}







































































.headim p{margin-top: 0;}







.headim img{width: 100%; height: auto;}















































.img{background: url(../img/King.jpg) no-repeat center center; background-size: cover; height: 220px;}















































.vwrap .video{background: #009fe3; color: white; padding: 5px; position: relative;}







.vwrap .video h3{font-weight: normal; margin: 0;}







.vwrap .video p{font-size: 12px; padding: 5px; margin: 0; color: lightgray; position: absolute; right: 0; top: 0;}







































































#pro{position: absolute; right: 0; top: 0; width: 60px; height: 60px;}































































































































#pro span{background: url(../img/pro.svg) no-repeat center center; background-size: contain; width: 30px; height: 30px; margin: 15px; display: inline-block;}































































































































.tx-powermail h3{display: none;}































.tx-powermail fieldset{border: none; margin: 0; padding: 0;}































.tx-powermail fieldset legend{display: none;}































.tx-powermail fieldset .powermail_fieldwrap label{display: none;}































.tx-powermail fieldset .powermail_fieldwrap input, .tx-powermail fieldset .powermail_fieldwrap textarea{border: none; width: 100%; padding: 15px; font-style: italic; margin-bottom: 5px; box-sizing: border-box; background: rgb(245,245,250);} 







.tx-powermail fieldset .powermail_fieldwrap textarea{max-height: 120px;}























.tx-powermail fieldset .powermail_fieldwrap textarea{height: 350px;}































.tx-powermail fieldset .powermail_fieldwrap input[type="submit"]{background: rgb(0,159,227); color: white; text-transform: uppercase;}































































h1{margin-top: 0; font-weight: 300; margin-bottom: 10px;}































































































































ul#news{list-style: none; padding: 0; margin-left: -5px; margin-right: -5px; margin-top: 0;}



ul#news li{display: inline-block; padding: 5px; width: 50%; box-sizing: border-box;}



ul#news li a{display: block; position: relative; padding-bottom: 60%; color: white; text-decoration: none;}



ul#news li a span.nimg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}



ul#news li a span.title{position: absolute;    bottom: 0;    left: 0;    background: rgba(0,159,227,0.7);    padding: 5px;}











ul#news li:first-child{width: 100%;}



ul#news li:first-child a{padding-bottom: 50%;}



ul#news li:first-child a span.title{font-size: 28px;}











































































































.container section{padding: 10px; margin-bottom: 80px;}































































































































































































































































.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }































































































































































































































































.responsive-video { margin: 30px 0; position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden;}































































































































ul.filter{list-style: none; padding: 0; margin: 0; margin-bottom: 10px;}































































ul.filter li{    padding: 5px 10px;    margin: 0 5px 5px 0;    display: inline-block;    background: white;   border: 1px solid #009fe3;    box-sizing: border-box; color:black;}































































ul.filter li.act{background: #009fe3;  color: white; }































































































































ul.termin{list-style: none; padding: 0; margin: 0;}































































































































ul.termin li{ border-radius: 5px 0 5px 0;     overflow: hidden; width: 100%;}































































































































ul.termin li table{width: 100%; border-collapse:collapse;}































































ul.termin li a {color: black; text-decoration: none;}































































ul.termin li a h3{margin: 0;}































































ul.termin li table td{padding: 5px 10px; background: rgb(240,240,240);}































































ul.termin li table td:first-child{padding: 5px;}































































ul.termin li .dis{height: 5px;}































































ul.termin li table td.da{text-align: center; vertical-align: middle; width: 50px; color: white; background: rgba(0,159,227,0.5)}































































































































ul.termin li table td.da .day{font-size: 28px;}































































































































ul.termin li table td.da .month{text-transform: uppercase; font-size: 10px;}































































































































ul.termin li table td span.tit{font-size: 18px; margin-bottom: 5px; font-weight: bold; display: block;}































































































































ul.termin li table td span.file a{text-decoration: none; color: white; background: url(../img/link.svg) no-repeat center center rgba(0,159,227,1.0); position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: transparent; background-size: 50%;}































































































































ul.termin li table td.link{width: 30px;  text-align: center; vertical-align: middle; position: relative;}































.appgal{position: relative; margin-bottom: 5px;}







.appgal a{line-height: 0;}







.appgal img{width: 100%; height: auto; line-height: 0;}







.appgal h3{position: absolute; right: 0; bottom: 0; margin: 0; padding: 10px; color: white; font-weight: normal; text-shadow: 1px 1px 0 #000000;}















































.single .anspr a{position: relative; position: relative; padding-left: 33.33%; display: block;}







.single .anspr .img{position: absolute; left: 0; top: 0; width: 33.333%; height: 100%;} 















.single .anspr span{display: block; padding: 20px 10px;}







.single .anspr span h4, .single .anspr span p{margin: 0;}























.subnav a{line-height: 0;}















.subnav div{margin-bottom: 5px; position: relative; background: #d39a9a;    }















.subnav div img{width: 100%; height: auto;         filter: sepia(0.5);    opacity: 0.7;}















.subnav div div{margin: 0; display: block;     position: absolute;







    width: 100%;







    height: 100%;







    top: 0;







    left: 0;







    background: transparent;}



















#c221{padding: 10px; margin-left: -10px; margin-right: -10px; background: rgb(240,245,245);}



















.tx-lpc-kool-events.scroll{padding: 10px; margin-left: -10px; margin-right: -10px;}







.tx-lpc-kool-events.scroll .monthlist{max-height: 315px; overflow: hidden;}







.tx-lpc-kool-events.scroll .btn{background: rgb(0 159 227); color: white; text-align: center; padding: 10px; margin-top: 5px;}















































.subnav div span.subt{ position: absolute; text-decoration: none; color: white; left: 0px; top: 0px; width: 100%; height: 100%; display: inline-table;}































.subnav div span.subt span.inner{display: table-cell; font-size: 32px; font-family: 'Knewave', cursive; text-transform: uppercase; vertical-align: middle; text-align: center; text-shadow: 1px 1px 0 #000000;}































































































































































































































.gallery{line-height: 0;}































































































































.gallery a{line-height: 0;}































































































































.gallery .imwrap{width: 33.333%; display: inline-block; line-height: 0;}































































































































.gallery .imwrap img{width: 100%; height: auto; line-height: 0;}































































































































.gallery .imwrap .imgin{line-height: 0; padding: 3px;}































































































































































































































































ul.preach{list-style: none; margin: 0; padding: 0;}































































































































ul.preach li{margin-bottom: 10px;}































































































































ul.preach table{width: 100%;}































































































































ul.preach table .img{width: 150px; height: 150px;}































































































































ul.preach table audio{width: 100%;  margin-top: -2px;}































































































































ul.preach table td{background: rgb(240,240,240);}































































































































ul.preach table td.im{width: 150px;}































































































































ul.preach .date, ul.preach h3, ul.preach .name{margin-left: 10px;}































































































































ul.preach h3{margin-top: 0;}































































































































































.single h2{font-size: 32px; margin: 20px 0  10px 0; font-weight: 500;}































.single .date{color: #222; font-style: italic; font-size: 18px;}































.single .room{color: #222; font-size: 14px;}































.single a{text-decoration: none; background: #009fe3;  margin: 0 5px 5px 0; padding: 8px 15px; color: white; display: inline-block;}































































.single a.filelink{padding-left: 50px; position: relative;}































.single a.filelink::before{content:" "; background: url(../img/file.svg) no-repeat center center; position: absolute; left: 0; top: 0; height: 100%; width: 40px; background-size: 60%;}































































.single a.clink{padding-left: 50px; position: relative;}































.single a.clink::before{content:" "; background: url(../img/cala.svg) no-repeat center center; position: absolute; left: 0; top: 0; height: 100%; width: 40px; background-size: 60%;}































































































































.single .back-link a{margin-left: 15px; position: relative;}































.single .back-link a::before {    content: " ";































    width: 0;































    height: 0;































    margin-left: -15px;































    border-top: 17px solid transparent;































    border-bottom: 18px solid transparent;































    border-right: 15px solid #009fe3;































    position: absolute;































    left: 0px;































    top: 0px;}































































ul.preach li a.yt{position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; background: url(../Images/video.png) no-repeat center center transparent; background-size: contain; opacity: 0.5;































































































































  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}































































































































ul.preach li a.yt:hover{opacity: 1.0;}































































































































































































































































.tx-felogin-pi1 legend{display: none;}































































































































.tx-felogin-pi1 fieldset{border: none; padding: 0; margin-top: 20px;}































































































































.tx-felogin-pi1 label{display: none;}































































































































.tx-felogin-pi1 input{width: 100%; box-sizing: border-box; padding: 15px; border: none; border-radius: 0; background: rgba(0,159,227,0.3); margin-bottom: 10px;}































































































































.tx-felogin-pi1 input[type="submit"]{margin-top: 10px; background: rgba(0,159,227,10); color: white;}































































































































































































.connectcal ul.events{list-style: none; padding: 0; margin: 0 -5px;}































































.connectcal ul.events li{display: inline-block; width: 50%;  position: relative; box-sizing: border-box; }































































.connectcal ul.events li{padding: 5px;}































































.connectcal ul.events li:first-child{width: 100%;}































































.connectcal ul.events li:first-child .title{font-size: 28px;}































































.connectcal ul.events li a{display: block; padding-bottom: 60%; left: 0; top: 0; color: white; text-decoration: none; position: relative;}































































.connectcal ul.events li:first-child a{padding-bottom: 45%;}































































.connectcal ul.events li .title{position: absolute; bottom: 0; left: 0; background: rgba(0,159,227,0.7); padding: 5px;}































































.connectcal ul.events li .title h3{margin: 0;}































































.connectcal ul.events li .title p{margin: 0;}































































.connectcal ul.events li .dateWrap{position: absolute; right: 0; top: 0; background: rgba(0,159,227,0.7); padding: 2px 3px; font-size: 12px;}































































.callink{    display: block; text-align: center;    padding: 8px 20px;    background: #009fe3;    text-decoration: none;    margin: 5px auto 20px auto; color: white; text-transform: uppercase; }



































.subsub p{border-top: 1px solid lightgray; margin: 0;}



.subsub p a{text-decoration: none; color: black; display: block; padding: 15px; border-bottom: 1px solid lightgray; background: rgba(0,159,227,0.05); position: relative;}



.subsub p a::after{content:""; position: absolute; right: 15px; top: 20%; height: 60%; width: 20%; background: url(../img/for.svg) no-repeat center right; background-size: contain; opacity: 0.4;}























































































































































.himg{padding-bottom: 60%;}