@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,800;1,300;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&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, .content .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(83 69 79); color: rgb(233,210,162); text-transform: uppercase; border: none; width: 100%; padding: 15px; font-style: italic; box-sizing: border-box;}





h6{font-size: 34px; line-height: 40px; font-weight: 700; color: white; text-align: center; margin: 0px 0 15px 0;}









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







.content .vwrap .video{background: transparent;}
.video h3, .video p{displAY:  NONE;}








.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;}











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



.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(83 69 79); -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: rgb(233,210,162);    box-sizing: border-box; padding: 10px 0;}





#foot a span.icn{background: url(../img/ghome.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/gprog.svg);}

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

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

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


.tt h3{background: #53454f; color: rgba(230,210,162); padding: 5px; font-weight: normal; font-size: 16px; margin-bottom: 0; margin-top: 20px;}
.tt ul{list-style:  none; padding: 0; margin: 0;}
.tt ul li{padding: 10px 0;}
.tt ul a li{color: rgb(83, 69, 79);}
.tt ul li:nth-child(even){background: rgb(83 69 79 / 50%);}
.tt ul li div{display: inline-table; font-size: 16px; line-height: 12px;}
.tt ul li.imp{ color: rgb(83, 69, 79);  font-weight: bold; background: rgba(83, 69, 79, 0.1);}
.tt ul li div span{display: table-cell; vertical-align: middle;}
.tt ul li div{width: 83%; margin-right: 1%; margin-left: 1%;}
.tt ul li div:first-child{width: 13%; margin-right: 2%; margin-left: 0;}
.tt ul li div:first-child span{font-size: 12px; text-align: right;}




























































.logo{width: 60%; height: 100px; margin: 30px 20% 20px 20%; background: url(../img/gmov.png) 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(83 69 79); color: rgb(233,210,162); 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: 24px; font-family: 'Permanent Marker', cursive; text-transform: uppercase; vertical-align: bottom; text-align: center;     text-shadow: 3px 2px 5px #000000;
    line-height: 44px;
    padding: 0 20px;}















































































































.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: rgb(83 69 79);  margin: 0 5px 5px 0; padding: 8px 15px; color: rgb(233,210,162); 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 rgb(83 69 79);















    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; }































































































.himg{padding-bottom: 60%;}