@import url('/.themes/font.css');
@import url('/.themes/jquery.fancybox.css');

.honeypot fieldset section:first-of-type:not(.webform_subfields *){display: none;}
.honeypot table.webform-input tr:first-child {display: none;}

.fancybox-slide--iframe .fancybox-content {max-width: 600px; max-height: calc(100% - 88px); border-radius: 5px;}
.iframe-content{margin-top: 40px; }
.fancybox-iframe {border-radius: 5px; box-shadow: 2px 1px 15px 5px rgba(255,255,255,0.85);}

/********* WEBFORM *************/




.type-webform.show {
  visibility: visible;
  opacity: 1;
  max-height: 1000px;
    transition: all .4s ease;
}

/*.type-webform {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: all .4s ease;
}
*/

.type-webform .textarea textarea { max-height: 70px;}
.type-webform .styled-form fieldset {padding: 0;}
.type-webform .styled-form .radio{padding-left: 27px; }
.type-webform { border-radius: 5px; }
.type-webform .styled-form {border: 0; padding: 20px 10px 10px; background: #f3f3f3; border-radius: 5px;}
.styled-form .input input, .styled-form .select select, .styled-form .textarea textarea{background: #f3f3f3;}
.type-webform input[type="text"], .type-webform .textarea textarea {border: 0; border-bottom: 2px solid #555; padding: 0;}
.type-webform .note {display: none;}
.type-webform .styled-form fieldset {padding-bottom: 0;}
.type-webform footer {border-top: 0; padding: 0 0 20px;}
.type-webform .formbtn.btn {background: #33a96d; border-radius: 4px;}

@media (max-width: 1013.98px){
.type-webform .styled-form {padding: 0;}
.type-webform label.checkbox{font-size: 16px;}
.type-webform {left: 0; max-width: 90%; margin: 0 auto;}
}
@media (max-width: 763px){
.form-contact {position: inherit;}
}
/********* One-Tab *************/
.icon-spendenprojekte .trigger-item img  {border-radius: 50%; padding: 8px; border: 8px solid #343434; transition: border 0.8s;}
.icon-spendenprojekte  {max-width: 100%; margin: 0 auto;}
.icon-spendenprojekte  .variant-tile-accordion .tile-col .text-overlay {background-color: transparent !important; margin-top: 3px;}
.icon-spendenprojekte  .tile-col .text-overlay div {color: #fff; font-size: 21px; font-family: 'Open Sans' ! Important; font-weight: 500;}
.icon-spendenprojekte  .type-section .effect-box {background-color: transparent  !important; border-radius: 0; padding: 0;}
.icon-spendenprojekte .trigger-item:hover img, .icon-spendenprojekte .collapse-trigger[aria-expanded="true"] img  { border: 8px solid #33a96d; }
.icon-spendenprojekte .variant-tile-accordion.show-border .collapse-trigger .content-box {outline: none;}
.icon-spendenprojekte .row.box{max-width: 800px; background-color: #f3f3f3; border-radius: 4px !important; padding: 35px 20px; margin: 0 auto;}
.icon-spendenprojekte img{pointer-events: none;}


@media (min-width:1014px) {
.icon-spendenprojekte .col-md-6{width: 25%; flex: 0 0 auto; }
.icon-spendenprojekte .variant-tile-accordion span.col-md-6:nth-of-type(n+3) {order: 14;}
}
@media (max-width:1013.98px) {
.icon-spendenprojekte img{margin-bottom: 30px;}
.row.box{margin-bottom: 30px !important;}
}
@media (min-width: 764px) and (max-width:1013.98px) {
.row.box .col-lg-8{width: 75%;}
.row.box .col-lg-4{width: 25%;}
}

.abschluss-img img{max-width: 100%; height: auto; margin-top: 15px;}

a.more-info:before {font-family: FontAwesome; content:"\f2dc";  font-size: 30px;   margin-left: 3px;}

a{font-family: 'Open Sans' ! Important;}

.tile-col.freefloat .copyright{color: #fff; text-shadow: none; font-weight: 400; font-size: 16px; text-align: center; display: flex; justify-content: center; position: relative;     padding: 8px 13px;
     max-width: max-content; margin: 0 auto; border-radius: 3px; margin-top: 10px; border: 1px solid;}

.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after{display: none;}

.projekt a.btn{color: #fff; padding: 20px 30px; border-radius: 6px; font-size: 20px; background: #33a96d;}
.projekt .btn {animation: pulse-animation 1.9s infinite;}
.projekt .btn:before{content:'\f044'; font-family: fontawesome;     margin-right: 10px; font-size: 23px; position: relative; top: 2px;}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}

.btn{background: #33a96d; padding: 20px 10px; padding: 8px 20px; border-radius: 6px; margin-top: 20px;}
a.external::after{display: none;}


.btn.formbtn:hover{color: #fff;}
.projekt{display: flex; justify-content: center;}

h1, h2{font-size: 45px; font-weight: 300 ; font-family: 'Open Sans'; letter-spacing: -2px;}
h1{background: url(/.galleries/bilder/.system/s11-logo.png) no-repeat 0 0; padding: 0px 0 0px 100px; display: inline;}
h3{font-size: 30px; font-weight: 300; letter-spacing: -2px; text-align: center;}
h1 strong, h2 strong, h3 strong{font-weight: 800;}
.foot a{color: #fff; font-size: 17px;}
.foot{text-align: center;}
body{color: #fff; font-size: 20px; font-family: 'Open Sans' ! Important; font-weight: 300;}

@media (max-width: 763.98px) {
body{font-size: 17px;}
h1{font-size: 30px; padding: 10px 0 20px 100px; background-size: 70px; background-position: 16px 6px; margin: 30px 0 !important;}
.pb-40 {padding-bottom: 1rem !important;}
}
@media (max-width: 550.98px) {
body{font-size: 16px;}
.t-left{text-align: left !important;}
h3 {font-size: 25px;}
}

:root {--button-protrusion-circle: 0px;}

@media (max-width:1013.98px) {
.kalender .col-md-6{width: 50%;}
}
@media (max-width: 599.98px) {
.kalender .col-md-6{width: 100%; margin: 0 auto;}
.pv-40, .pb-40 {padding-bottom: 2rem !Important;}
}

#mercury-page {overflow-x: clip; max-width: 100%; margin: 0 auto; padding: 0 10px 0px 10px ;}
body, h1, h2, h3, h4, h5{font-family: 'Open Sans' !Important; }

h1{margin: 30px 0 !important;}
body{background: #efefefef;}

.centa{display: flex; justify-content: center;}

.subline p:first-child{display: block; color: #888; font-size: 40px; line-height: 1.3; font-weight: 300; margin-top: -5px; margin-bottom: 20px !Important;    }

#topcontrol::after {width: 40px; line-height: 38px; content: "\f062";}
#topcontrol,#topcontrol:hover  {color: #3A5F45; background: transparent;}
@media (max-width: 763.98px) {
#topcontrol {display: none;}

}

@media (min-width: 1014px) {
    header.fh .header-group {
        border-bottom: 0 !important;
    }
	.max-75 {max-width: 1140px; margin: 0 auto;} 
}
body {   
        min-height: 100vh; 
  overflow-x: clip;
    }
    
    .snowflake {
	display: none;
        position: absolute;
        width: 10px;
        height: 10px;
        background: white;
        border-radius: 50%;
        filter: drop-shadow(0 0 10px white);
    }


html:not(.opencms-page-editor) .loading-overlay {position: fixed; width: 100%; height: 100%; background-color: #000; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 15000001;}

html:not(.opencms-page-editor) .loading-spinner {width: 30px; height: 60px; padding-top: 60px; box-sizing: border-box; display: grid; background: linear-gradient(#7e5b34 0 0) bottom/10px calc(100% - 15px), conic-gradient(from 134deg at top,#0000 ,#3A5F45 1deg 90deg,#0000 91deg) top/100% 15px;
  background-origin: content-box;  background-repeat: no-repeat;  animation: l10-0 2s infinite;}
html:not(.opencms-page-editor) .loading-spinner:before, .loading-spinner:after {  content: "";  grid-area: 1/1;  background:inherit;  background-size: 10px calc(100% - 25px),100% 25px;  animation: l10-1 2s infinite;}
html:not(.opencms-page-editor) .loading-spinner:after { background-size: 10px calc(100% - 30px),100% 30px;  animation: l10-2 2s infinite;}

@keyframes l10-0 {
  25%,100% {padding-top:0px}
}
@keyframes l10-1 {
  0%,25%   {margin:60px -10px 0}
  50%,100% {margin:8px  -10px 0}
}
@keyframes l10-2 {
  0%,50%   {margin:60px -15px 0}
  75%,100% {margin:20px -15px 0}
}

	

body .imageflip .front {border: 2px dotted #000; border-left: 2px solid #000;}
body .kalender {    box-shadow: 0px 0px 12px 7px rgb(255 255 255 / 74%) !Important;}
body {background: #0a0a0a !Important;}
body h1, body.dark h2 { color: #fff !Important;}
body .snowflake {display: inline-block;}