*{padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:18px; line-height:1.4em; scroll-behavior:smooth;}

body{background:#127f93; hyphens: auto;}
h1{font-family: 'Kaushan Script'; font-size: 54px; text-align:center;}
h2{font-family: 'Kaushan Script'; font-size: 42px; margin-bottom:20px;}
h3{font-family: 'Kaushan Script'; font-size: 32px; margin-bottom:20px; text-align:center;}
h4{font-size:1.4em;}
p{margin-bottom:15px;}
p a{color: #f8f8f8; }
p strong{font-weight:600;}
.tile-text p{font-size:16px;}
ol,ul{margin-left:20px; margin-bottom:15px;}
ol ol{list-style: lower-alpha;}
li{margin-bottom:15px;}
.center{text-align:center;}
.logo{position:relative; z-index:999;}
.bold{font-weight:600;}

.button, button{background-color: #ed008c; color:#f8f8f8; text-decoration:none; display:block; padding:10px 30px; border:initial; border-radius:10px; text-align:center; transition: all 0.3s ease; font-weight:400;}
.button:hover, button:hover{background-color:#053b69;}
button{width:100%;}

.light{background: #f8f8f8; color:#053b69;}
.petrol{background:#127f93; color:#f8f8f8;}
.dark{background:#127f93; color:#f8f8f8;}
/*.dark{background:#053b69; color:#f8f8f8;}*/
.lightgreen{background: #7cb862; color:#f8f8f8;}

.container{margin:0 5%; position: relative; z-index:998;}

.login-wrapper-head {position:fixed; top:0; left:0; right:0; z-index:99999;}
.login-wrapper-head .wrap-inner{padding-top:10px; padding-bottom:10px;}
.login-wrapper-head .login{display:block; margin-left:auto; width:fit-content; cursor:pointer;}
.login-wrapper-head .login-link{display:block; margin-left:auto; width:fit-content; cursor:pointer; text-decoration:none; color:#f8f8f8;}
.login-wrapper-head .logged{display:flex; margin-left:auto; width:fit-content; cursor:pointer; gap:30px; color:#f8f8f8;}
.login-wrapper-head .logged a{color:#f8f8f8; text-decoration:none;}

.menu-wrapper{position: fixed; top:0; left:0; right:0; z-index:9999; transition: all 0.3s ease;}
.menu-wrapper.fixed{position:fixed;}
.menu-wrapper .wrap-inner{padding-top:80px;}
.menu-wrapper.fixed .wrap-inner{padding-top:30px}
.nav-grid {display: grid; grid-template-columns: 180px 1fr; gap: 40px; align-items: center;}
.hauptmenu { display: none;}
.menulink{transition: all 0.3s ease;color:#127f93; text-decoration:none; cursor:pointer; font-weight:400;}
.menulink.active{color:#7cb862;}
.menulink:hover{color:#7cb862;}
/*.menulink.first{ font-size:1.4em;}*/
.menulink.second{/*font-size:1.2em;*/ margin: 5px 0; display:block;}

.title-image-wrapper{z-index:9; margin-top:165px; height:fit-content; display:flex;}
/*.title-image, .slide{position: static;  background-size: cover; background-attachment: fixed; background-position: 50% 50%; padding: 50px 0; min-height:560px; }*/

.slider{max-width: 100%; position: relative;}

.chevron_wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; bottom: 180px; position: absolute; z-index: 999;}
.chevron {position: absolute; width: 2rem; height: 0.3rem; opacity: 0; transform: scale(0.5); animation: move-chevron 3s ease-out infinite;}
.chevron:first-child {animation: move-chevron 3s ease-out 1s infinite;}
.chevron:nth-child(2) {animation: move-chevron 3s ease-out 2s infinite;}
.chevron:before, .chevron:after {content: ''; position: absolute; top: 0; height: 100%; width: 50%; background: rgba(255, 255, 255, 0.6);}
.chevron:before { left: 0; transform: skewY(30deg);}
.chevron:after { right: 0; width: 50%; transform: skewY(-30deg);}

@keyframes move-chevron {
	25% { opacity: 1;}
	33.3% {opacity: 1; transform: translateY(2.28rem); }
	66.6% { opacity: 1; transform: translateY(3.12rem); }
	100% { opacity: 0;  transform: translateY(4.8rem) scale(0.5); }
}

.welle-bottom{display:grid; margin-top:-1px;}
.welle-top{display:grid; margin-top:-80px; margin-bottom:-1px;}

.content{padding-bottom:120px; padding-top:40px;}

.grid-two{display:grid; grid-template-columns:1fr 1fr; gap:40px;}
.grid-two .box{padding:30px; border-radius:10px; margin-bottom:10px;}

.relative{position:relative;}
.welle-bottom-absolute{position:absolute; left:0; right:0; bottom:0; height:fit-content; display:flex;}
.welle-top-absolute { position: absolute; top: -1px; left: 0; right: 0; z-index: 9;}
.overview-backgroundimage{padding:80px 0 120px; position: static;  background-size: cover; background-attachment: fixed; background-position: 50% 50%;}
.grid-three{display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px; }
.grid-three .tile{position: relative; text-decoration:none; color: #053b69; transition: all 0.3s ease;}
.grid-three .tile-content{position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; padding:40px 34px;}
.grid-three h3{color: #f8f8f8; margin-bottom:60px;}
.overview-backgroundimage .grid-three .tile:hover img{filter:grayscale(0.5);}

.content-zweispaltig h2{font-size:1.8em;}
.grid-two-three{display:grid; grid-template-columns: 2fr 3fr; gap:60px;}
.grid-three-two{display:grid; grid-template-columns: 3fr 2fr; gap:60px;}
.content-image{max-width:calc(100% - 40px); border:1px solid #f8f8f8; padding:20px; border-radius:20px;}

.seitenueberschrift{padding-bottom:20px;}
.seitenueberschrift.dark{background:initial;}

.content-wrapper{min-height:50vh; padding-bottom:100px;}

video {background: #f8f8f8; padding: 6px; width: calc(100% - 12px); border-radius: 15px;}

.background-image { position: fixed; left: 5%; right: 5%; width:90%; top: 200px; z-index: 0; bottom: 0;}

.footmenu{display:flex; justify-content:space-between; padding-bottom:20px;}
.footlink{color: #f8f8f8; text-decoration:none;}

input[type=text], input[type=email], textarea, input[type=password] {width: calc(100% - 20px); padding: 10px; border:initial; border-radius:10px; border: 2px solid #127f93;}
input[type=date]{width: calc(100% - 20px); padding: 10px; border:initial; border-radius:10px;}
input:focus-visible, textarea:focus-visible{background-color: rgba(248, 248, 248, 0.8);}
form .grid-two{gap:0 40px; margin-bottom:20px;}
form textarea{margin-bottom:10px; height:150px;}
form .checkbox a{color:#f8f8f8;}
form .checkbox label{display:grid; grid-template-columns: 20px 10px 1fr; align-items:center;}
div#yform-form-angebot-a_datasecure {margin-right:10px;}
div#yform-form-angebot-a_datasecure label {display: block; margin-bottom: 20px;}
form input[type=checkbox]{width:20px; height:18px;}
form .control-label{margin-bottom:5px; display:block; font-weight:500;}
form .hint{font-size:0.8em; margin-top:5px;}
form .margin-top{margin-top:30px;}
form input[type = radio] { margin-right: 10px;}
.form-check-group{margin-bottom:20px;}
.form-group{margin-bottom:20px;}
form .radio{display:inline; margin-right:30px;}
.grid-furnishing{display:grid; grid-template-columns:1fr 1fr 1fr; gap: 10px 5px;}
.upload-grid{display:grid; grid-template-columns: 2fr 1fr; gap:40px; margin:20px 0;}
.preview-btn{width:300px; margin-left:auto; background-color: #558899; margin-bottom:40px;}
form .hint{font-style:italic;}
form .hint b{font-size:initial; font-weight:500;}

.count-hint{font-style:italic; margin-top:-10px; padding-bottom:20px;}
#yform-form-angebot-main_img .help-block{font-size: initial; margin-top:10px;}
#yform-form-angebot-payment_options {column-count:2;}
#yform-form-angebot-payment_options .control-label{column-span: all;}

.success{padding: 30px; border-radius: 15px;}

.sidemenu{position: fixed; top:calc(50% - 70px); right:0; z-index:99999;}
.side-button {background: #053b69; padding: 10px; border-radius: 15px 0 0 15px; display: grid; grid-template-columns: 40px 200px; gap: 20px; align-items: center; margin-bottom: 10px; position: absolute; right:-220px; transition: all 0.3s ease;}
.side-button.p-btn{background:#7cb862;}
.side-button a{color:#f8f8f8; text-decoration:none;}
.side-button.mg-btn{top:0;}
.side-button.s-btn{top:70px;}
.side-button:hover{background: #053b69; right:0;}
.side-button.p-btn:hover{background:#7cb862;}
.side-img.profil-img {transform: scaleX(-1);}

.side-button.telegram-btn{top:140px; background: #0088CC;}
.icon-platzhalter { width: 40px; height: 40px; position: relative;}
.telegram-btn .icon-platzhalter:before { font-size: 26px; padding: 7px; line-height: 40px !important;}

.login-wrapper.inactive{display:none;}
.login-wrapper.active {display: block; position: fixed; top: 0; left: 0; right: 0;  bottom: 0; background: rgba(18, 127, 147, 0.8);  z-index: 999999; transition:all 0.3s ease;}
.login-inner-wrap { max-width: 600px; margin: auto;padding: 30px; height: 100vh; display: grid; align-items: center;}
.login-form-wrapper { background: #f8f8f8; margin-bottom: 30px; padding: 30px;  border-radius: 10px;  position: relative;}
.mitglied-wrapper { background: #f8f8f8; padding: 30px; border-radius: 10px;}
.login-close { position: absolute; top: 10px; right: 20px; cursor: pointer; z-index: 999999;}
.login-wrapper h3{color:#053b69;}
.login-wrapper input{margin-bottom:20px; background-color:#fff; border:1px solid #127f93;}
.login-wrapper input[type=checkbox]{margin-right:5px;}

.login.section{margin-bottom:80px;}
.content_login_wrapper{max-width:800px; margin:auto;}
#login_form_content .formcheckbox{margin-bottom:20px;}

.stoerer-inner{max-width:800px; margin:auto; margin-bottom:60px;}

.profil{padding-bottom:100px;}
.profil h3{text-align:left;}
.profildata-grid .grid-two-three, .profildata-grid h4, .profildata-grid .button{margin-bottom:10px;}
.profil .grid-three{gap: 20px 40px; margin-bottom:60px;}
.profil .border-wrapper .grid-three { border-top: 1px solid; padding-top: 30px; margin-bottom: 30px;}
.button.orange{background:#ffac05;}
.button.lila{background:#bb65a5;}
.button.rot{background:#e6675b;}
.button.altrosa{background:#d8959c;}
.button.gruen{background:#638c24;}
.button.weinrot{background:#d52151;}
.button.petrol{background:#558899;}
.profil .button:hover{opacity:0.9;}
span.status{text-transform:lowercase;}

.form-wrapper-angebot{padding-bottom:120px;}

/*.vorteil-box {position: relative;  display: grid;grid-template-columns: 200px 1fr;gap:40px; align-items: center; padding: 60px; overflow:auto; background:rgab(248, 28, 248, 0.8);} */
.vorteil-box.inactive{display:none;}
.trigger {font-weight: 600; text-decoration: underline; cursor: pointer; }
a.trigger{color:#f8f8f8;}

footer{position: relative;}

.content-wrap ul{list-style:none;}
.content-wrap ul li{text-indent:-20px;}

.form-headline{font-size:1.6em;}
.form-subhead{font-size:1.2em;}
.border-wrapper {padding: 20px; border: 1px solid #f8f8f8; border-radius: 15px; margin: 20px 0 60px;}
.form-subhead {font-size: 1.2em; margin-top: -35px; background: #127f93; display: block; width: fit-content; padding: 0 10px; margin-bottom: 10px;}

form #payment_currency{display:block;}
form #catering_type{display:block;}

.freigabe-table{margin-top:40px;}
.freigabe-row{display:grid; grid-template-columns: 100px 100px 300px 250px 150px 130px; margin-bottom:0px; gap:10px; align-items:start; padding:10px; border-bottom: 1px solid #f8f8f8; transition: all 0.3s ease; hyphens:auto;}
.freigabe-row:hover{background:rgba(5,59,105,0.2); cursor:auto;}
.freigabe-row.headline:hover{background:initial;}
.freigabe-row .button {display: block; height: fit-content; width: fit-content; margin-left: auto;}
.meine-angebote-row{display:grid; grid-template-columns: 150px 200px 2fr 1fr 1fr; margin-bottom:20px; gap:10px; align-items:start; padding-bottom:10px; border-bottom: 1px solid #f8f8f8;}
.angebot-bearbeiten .angebot-title{text-align: center; font-style: italic; margin: 20px 0 40px;}
.angebot-bearbeiten .kategorie{margin:auto;}
.button-delete-row{margin-top:20px;}
.button-delete-row .yform {display: inline-block;}
.button-delete-row button { width: fit-content; margin-left: auto; font-size: 16px; padding: 10px 20px;}

.kategorie { background: #ed008c; display: block; width: fit-content; border-radius: 5px; padding: 2px 4px 4px; font-weight: 500; font-size:0.75em; color: #fdfdfd;}
.kategorie.begegnung{background:#bb65a5;}
.kategorie.beratung{background:#e6675b;}
.kategorie.seminar{background:#ffac05; color:#053b69;}
.kategorie.herzgruppe{background:#638c24;}
.kategorie.begleitung{background:#d8959c;}
.kategorie.gründungshilfe{background:#d52151;}
.kategorie.synergie{background:#558899;}


.details-creator { border: 1px solid rgba(248, 248, 248, 0.5); border-radius: 15px; background: rgba(248, 248, 248, 0.2); margin-bottom:40px; margin-top:40px; padding:20px;}
.freigabe-detail { border: 1px solid rgba(248, 248, 248, 0.5); border-radius: 15px; background: rgba(248, 248, 248, 0.2); padding:20px; margin-bottom:20px; }
.freigabe-detail .head_image { height: 400px; background-repeat: no-repeat; background-size: cover; background-position: 50%; margin-bottom:20px;}
.freigabe-detail .content-col{padding-top:20px;}
.grid-two.small-gap{gap:10px 30px;}
.grid-two.smaller-gap{gap:20px;}
.detail-row {display: grid; gap: 20px; grid-template-columns: 1fr 3fr; margin-bottom: 10px;}
.detail-row-flex{display:flex; gap:15px; margin-bottom:10px;}
.detailrow{margin-bottom:10px;}
.detail-row-flex a{color:#f8f8f8; text-decoration:none;}
.border-wrapper.begegnung{background:#bb65a5; border-width:4px;}
.border-wrapper.beratung{background:#e6675b; border-width:4px;}
.border-wrapper.seminar{background:#ffac05; border-width:4px;}
.border-wrapper.herzgruppe{background:#638c24;border-width:4px;}
.border-wrapper.begleitung{background:#d52151; border-width:4px;}
.border-wrapper.gründungshilfe{background:#d52151; border-width:4px;}
.border-wrapper.synergie{background:#558899; border-width:4px;}
.freigabe-detail .border-wrapper{ border-width:4px;}
.intention{margin-bottom:20px; font-style:italic;}
.teaser{margin-bottom:20px;}
.button-row{margin-bottom:100px; display:inline-block;}

.subhead {font-size: 2em; font-family: 'Kaushan Script';  margin: -10px 0 10px;}

.button-row{display: flex; justify-content: space-between; padding-bottom:440px; position:relative; padding-top:0;}
.button-row .col-right{display:flex; gap:20px;}
button{cursor:pointer; font-weight:400; transition: all 0.3s ease;}
button:hover{background-color:#053b69;}
.freigeben-form button{background-color:#75ba5d;}
.freigeben-form button:hover{background-color:#053b69;}
.freigeben-form .alert-danger{display:none;}
.ablehnen-form button{background-color:#ff4733;}
.ablehnen-form button:hover{background-color:#053b69;}
.ablehnen-form .alert-danger{position: absolute; top:80px; right:0; }
.ablehnen-form .alert-danger li{color:#ff4733; font-weight:600; list-style:none;}
div#yform-ablehnen-form-rejection { position: absolute; left: 0; right: 0; top: 80px;}

.upload-wrap {margin-top: 20px; padding: 10px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.1); margin-bottom:30px;}
.input-group button {width: fit-content; display: inline; padding: 10px 20px; background: #053b69;}
#yform-form-angebot-main_img .input-group,
#yform-form-angebot-img_zwei .input-group,
#yform-form-angebot-img_drei .input-group,
#yform-angebot-edit-img_eins .input-group,
#yform-angebot-edit-img_zwei .input-group,
#yform-angebot-edit-img_drei .input-group{border: 1px dotted #f8f8f8; width: fit-content; padding: 5px 10px;}
.btn.btn-default{padding:5px; background:rgba(5,59,105);}
p.help-block.small {font-size: 0.9em; font-style: italic;}

.neueste-angebote{display:inline-block; width:100%; margin-bottom:110px;}
.neueste-angebote .grid-three{margin-bottom:30px;}
.neueste-angebote .button{width:fit-content; margin:auto;}

.angebot-tile { text-decoration: none;  border: 1px solid #f8f8f8; border-radius: 20px; padding: 20px;transition: all 0.3s ease; margin-bottom:40px; position:relative; width: calc(100% - 42px);}
.angebot-tile:hover{background:#34A8BD;}
.angebot-tile .img-col{min-height:300px; background-position:50%; background-size:cover; background-repeat:no-repeat; position: relative;}
.angebot-tile-beschriftung{text-decoration:none; bottom:0; left:0; right:0; padding:10px 10px 20px; color: #f8f8f8;}
.angebot-tile-beschriftung h3{font-family: 'Open Sans'; font-size:1.4em; font-weight:400; text-align:left; margin-bottom:10px;}
.angebot-tile-beschriftung .teaser{margin-bottom:10px;}
.angebot-tile .benefit-hint{position:absolute; width:100px; right:10px; bottom:10px;}

.copyright{position: absolute; background:rgba(255, 255, 255, 0.5); font-size:12px; color:#000; padding:2px; top:0; left:0;}


.grid-neueste{display:grid; grid-template-columns:1fr 1fr 1fr; gap: 40px;  margin-bottom:80px;}
.angebot-neu{height:500px; background-position:50%; background-size:cover; background-repeat:no-repeat; position:relative; text-decoration:none; padding:10px;}
.angebot-neu-beschreibung{background: rgba(0, 0, 0, 0.8); position: absolute; bottom:0; padding:10px; left:0; right:0; color:#f8f8f8; }
.angebot-neu-beschreibung h3{font-family: 'Open Sans'; font-size:1.4em; font-weight:400; text-align:left; margin-bottom:10px; }

.filter-wrap{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:40px; margin-bottom:40px;}
.filter-wrap .filter-select{width:100%;}

.image-wrapper-detail { margin-top: 125px;  height: 800px;  background-size: cover;  background-position: 50%;  background-repeat: no-repeat;}
.detail-wrapper{padding-bottom:120px;}
.detail-wrapper .border-wrapper{margin-top: initial;}
.detail-wrapper  h1{margin-bottom:20px;}
.detail-wrapper  h3{text-align:left;}
.detail-wrapper .border-wrapper .button{width:fit-content;}

.headline-date{font-family: 'Kaushan Script'; font-size: 42px;  margin-bottom: 20px; text-align:center; color: #55D0E6; margin-bottom:40px;}
.detail-teaser, .detail-description, #vorschau-teaser, #vorschau-description{margin-bottom:20px;}
.angebot-galerie{margin-bottom:20px; display:grid; grid-template-columns:1fr 1fr 1fr;}
.angebot-galerie .img-col{height:300px; background-position:50%; background-size:cover; background-repeat:no-repeat; box-shadow: inset 0 0px 2px #000; position: relative;}
.angebot-innerwrap{padding:20px; border-radius:20px; background:#34A8BD; color:#f8f8f8; margin-bottom:5px;}
.angebot-innerwrap.verpflegung{background:#1F8FA4; margin: 40px 0;}
.angebot-innerwrap.uebernachtung{background:#07697C; margin-bottom:40px;}

.contact-wrapper{width: fit-content; min-width:300px; margin: 20px auto 60px; display:block; }
.contact-wrapper .button{margin-bottom:10px;}

.grid-one-two{display:grid; grid-template-columns:1fr 2fr; gap:40px;}

.ausstattung-liste { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px 20px;}


.grid-uebernachtung{display:grid; gap:1px; padding:1px; background:#f8f8f8;}
.row-uebernachtung{display:grid; grid-template-columns: 130px 1fr 1fr; background:#f8f8f8; gap:1px;}
.row-uebernachtung div{padding:5px; background:#07697C;}


input[required], input[type=date]  textarea[required], textarea.required{/*background:rgba(237, 0, 140, 0.2);*/ border: 2px solid #053b69;}

.paypal-wrapper h4{margin-bottom:10px;}
.paypal-wrapper .product{padding:10px; border:1px solid #f8f8f8; background-color:rgba(255, 255, 255, 0.1);}
.paypal-wrapper .product_head{font-weight:700;}
.paypal-wrapper .grid-three{margin-bottom:20px;}
.paypal-wrapper .head-zahlungen{margin:10px 0 5px;}

.angebot-button-wrapper .button-row { justify-content: center; gap: 20px; padding-bottom: initial;}

#img_end{position:absolute; bottom:150px;}

#vorteile { position: absolute; top: -140px;}
.paypal-wrapper .vorteil-box{padding:40px; text-align:center;}

.angebot-button-wrapper{margin-bottom:100px;}
.angebot-button-wrapper .button-row{margin-bottom:20px;}
.angebot-button-wrapper .hint{text-align:center;}


.pw-vergessen {color: #127f93; margin-top: 20px; display: block;}
.pw-vergessen-white {color: #f8f8f8; margin-top: 20px; display: block;}

.angebot-bearbeiten .img-col {height: 300px; width: 300px; background-position: 50%; background-size: cover;}
.img-upload-grid{display:grid; grid-template-columns:300px 1fr; gap:40px; padding:20px;}

.button-grid{margin-top:40px;}
.button.green{background: #7cb862;}

.uebersicht-freigabe .filters, .uebersicht-alle-angebote .filters{display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-bottom:60px;}
.button-group{display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px;}
.filter button{font-size:14px; border: 1px solid; padding:5px; background-color:initial;}
.filter button.is-checked{background-color: #053b69;}
.angebot-row .titel{font-weight:600;}

.uebersicht-wrapper div{font-size:16px;}
.uebersicht-wrapper .freigabe-row a, .uebersicht-wrapper .freigabe-row button{font-size:16px; padding:10px; display:block; width:fit-content; margin-bottom:5px; margin-left:0;}

.button-green{background: #7cb862;}
.button-orange{background: #e6675b;}
.delete-form button{background: #d52151;}
.delete-form button:hover{background: #053b69;}
.deaktivieren-form button{background: #e6675b;}
.deaktivieren-form button:hover{background: #053b69;}

.about-tile{padding:30px; border-radius:30px; position:relative; height:fit-content; min-height:400px; text-align:center; color: #053b69;}
.about-tile.hg-lila{background:#bb65a5;}
.about-tile.hg-gelb{background:#ffac05;}
.about-tile.hg-orange{background:#e6675b;}
.about-tile.hg-gruen{background:#638c24;}
.about-tile .tile-content{position:relative; z-index:1;}

.angebot-tile-beschriftung .benefit-wrapper { display: grid; grid-template-columns: 1fr 100px; align-items: center; gap:20px;}
.zahlungsmoeglichkeiten{ gap:10px; padding:10px 0;}
.zahlungsmoeglichkeiten .payment-item{display:inline-block; margin-right:5px; margin-bottom:5px;}

.rueckblick-three{display:grid; grid-template-columns: 1fr 1fr 1fr; gap:20px;}
.rueckblick-tile{position: relative; min-height:400px; background-size:cover; background-position:50%; text-decoration:none;}
.rueckblick-tile-beschriftung{background:rgba(255, 255, 255, 0.7); position: absolute; bottom:0; left:0; right:0; padding:10px; transition: all 0.3s ease; color: #053b69;}
.rueckblick-tile-beschriftung h3 { font-family: 'Open Sans'; font-size: 1.6em; font-weight: 600; text-align: left; margin-bottom: 10px;}
.galerie { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; margin-bottom:50px; margin-top:20px;}
.gal-img{height:200px; background-size:cover; background-position:50%;}

.zahlungsuebersicht{margin-bottom:60px;}
.zahlungsuebersicht h1{margin-bottom:60px;}
.zahlung { padding: 10px 5px; border-bottom: 1px solid #f8f8f8;}

#yform-angebot-edit-filter_cat, #yform-form-angebot-filter_cat{column-count:3;}

.section-search.inactive{display:none; transition: 0.5s;}
.section-search{position: fixed; top:0; left:0; right:0; bottom:0; background: rgba(18, 127, 147, 0.8); z-index:99999;}
#search-form{width:calc(100% - 200px); display:block; padding:100px; max-width:1200px; margin:30vh auto 0;}
.search-form fieldset { margin: 0; padding: 0; width: 100%; border: none; box-shadow: 0px 0px 20px #5a5a5a;}
.search-form .search_button { width: 100%; margin-top: 0; padding: 10px 0; font-size: 16px; border: none; background: #127f93; color: #f8f8f8; text-transform: uppercase;}
.search-form .abbrechen {text-align: center; margin-top: 20px; color: #f8f8f8; text-decoration: underline; cursor: pointer; opacity: 0.85; -webkit-transition: all 200ms ease; transition: all 200ms ease;}
.suchausgabe .request {text-align:center; margin-bottom:20px;}
.suchausgabe .highlight{font-style:italic;}
.suchausgabe .result {margin-bottom:30px;}
.suchausgabe .result a{background-color: #ed008c; text-decoration:none; color:#f8f8f8; padding: 3px 5px; border-radius:5px; margin-bottom:5px; display:block; width:fit-content; font-weight:600;}


.vorschau.hidden{display:none;}
.vorschau{position:absolute; top:0; left:0; right:0; bottom:0; background: rgba(18, 127, 147, 0.8); z-index:99999;}
.vorschau-inner{width:calc(100% - 260px); display:block; padding:30px; left:100px; right:100px; height: calc(100vh - 400px);  background: #127f93; border: 2px solid #f8f8f8; border-radius: 20px; position: fixed; top:260px; overflow-y:auto;}
.vorschau-inner h3{text-align:left;}

.akkordeon-item.inactive .akkordeon-content{display:none;}
.akkordeon-item{margin-bottom:20px;}
.akkordeon-title{cursor:pointer; position: relative; transition: all 0.3s ease;  padding: 10px 20px; border-radius: 15px; background-color: #1F8FA4; font-size:1.4em; font-weight:400;}
.akkordeon-title:hover{background-color: #34A8BD;}
.akkordeon-content{padding: 30px;}
/*.akkordeon-item.active .akkordeon-title:after{transform:rotate(270deg);}*/

.content ul{margin-left:30px;}
.content li{list-style:none; text-indent:-25px;}



/*.rueckblick-tile:hover .rueckblick-tile-beschriftung { top: 0;}*/
.login-wrapper-head .login:after,
.login-wrapper-head .login-link:after,
.login-wrapper-head .logout-button:after,
.hassubmenu .menulink.first:after,
.login-close:after,
.herz-close:after,
.vorteil-box:before,
.content-wrap ul li:before,
.ausstattung-liste .wlan:before,
.ausstattung-liste .strom:before,
.ausstattung-liste .beamer:before,
.ausstattung-liste .flipchart:before,
.ausstattung-liste .coffee:before,
.ausstattung-liste .oven:before,
.ausstattung-liste .stove:before,
.ausstattung-liste .fridge:before,
.icon-einbettzimmer:before,
.icon-zweibettzimmer:before,
.icon-dreibettzimmer:before,
.icon-vierbettzimmer:before,
.icon-mehrbettzimmer:before,
.icon-camping:before,
.list-item.herz:before,
.payment-item:before,
.about-tile:after,
.such-link:after,
.close-search:after,
.vorschau-close:after,
.akkordeon-title:after,
.content li:before,
.telegram-btn .icon-platzhalter:before{font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.login-wrapper-head .login:after{content:"\f090"; margin-left:5px;}
.login-wrapper-head .login-link:after{content:"\f090"; margin-left:5px;}
.login-wrapper-head .logout-button:after{content:"\f08b"; margin-left:5px;}
.login-close:after{content:"\f00d"; font-size:30px; color:#127f93;}
.herz-close:after{content:"\f00d"; font-size:30px; color:#f8f8f8;}
.hassubmenu .menulink.first:after{content:"\f078"; margin-left:8px; font-size:0.8em;}

.content-wrap ul li:before{content:"\e900"; margin-right:5px; font-size:15px;}
.about-tile:after{content:"\e900"; position: absolute; top: 30px; font-size: 400px; left: calc(50% - 200px); opacity: 0.2; color:#f8f8f8; z-index:0;}

.ausstattung-liste .wlan:before{content:"\e91b"; margin-right:10px; }
.ausstattung-liste .strom:before{content:"\e90d"; margin-right:10px;}
.ausstattung-liste .coffee:before{content:"\e904"; margin-right:10px;}
.ausstattung-liste .beamer:before{content:"\e902"; margin-right:10px;}
.ausstattung-liste .oven:before{content:"\e909"; margin-right:10px;}
.ausstattung-liste .flipchart:before{content:"\e906"; margin-right:10px;}
.ausstattung-liste .stove:before{content:"\e90b"; margin-right:10px;}
.ausstattung-liste .fridge:before{content:"\e90a"; margin-right:10px;}

.icon-einbettzimmer:before{content:"\e911";}
.icon-zweibettzimmer:before{content:"\e912";}
.icon-dreibettzimmer:before{content:"\e910";}
.icon-vierbettzimmer:before{content:"\e913";}
.icon-mehrbettzimmer:before{content:"\e90f";}
.icon-camping:before{content: "\e91a";}

.telegram-btn .icon-platzhalter:before{content: "\f1d8"; color: #f8f8f8;}

.list-item.herz:before, .content li:before{content:"\e900"; margin-right:10px; font-size:15px;}

.payment-item:before{margin-right:5px;}
.zahlungsmoeglichkeiten .payment-item:before{font-size:30px;}
.bar:before{content:'\e93c';}
.ueberweisung:before{content:'\e91c';}
.paypal:before{content:'\f1ed';}
.kreditkarte:before{content:'\f09e';}
.kryptowaehrung:before{content:'\f15a';}
.lastschrift:before{content:'\e919';}
.rechnung:before{content:'\f0f6';}
.tausch:before{content:'\f2b5';}
.talentstunde:before{content:'\e918';}
.schenkung:before{content:'\e917';}
.sharinggood:before{content:'\e91e';}
.regionalwaehrung:before{content:'\e914';}
.gradito:before{content:'\e915';}

.such-link{float:left; cursor:pointer;}
.such-link:after{content:'\f002'; margin-left:5px;}
.close-search:after{content:"\f00d"; font-size:30px; color:#fff; position:absolute; right:30px; top:40px;  cursor:pointer;}
.login-wrapper-head{clear:both;}

.vorschau-close:after{content:"\f00d"; font-size:30px; color:#fff; position:absolute; right:20px; top:20px;  cursor:pointer;}

.akkordeon-title:after{content:'\f054'; position:absolute; right:20px; font-size: 20px; top: calc(50% - 10px);}

.freigabe{display:grid;}

@media(min-width:1024px){
	.hauptmenu { display: flex; justify-content: space-around; }
	.submenu{position: absolute; background:#f8f8f8; padding:10px; min-width:150px; border-radius: 0 0 10px 10px; margin-left:-10px;}
	.chevron_wrapper{bottom:120px;}
	.paypal-wrapper .vorteil-box:before{left: calc(50% - 225px);}
	#passwort { width: 600px; margin: auto;}
	
}

@media(min-width:1200px){
	.container{max-width:1100px; margin:auto;}
	.background-image {left: calc(50% - 505px); right: calc(50% - 505px); width: -webkit-fill-available; }
	.grid-two{gap:80px;}
	.vorteil-box:before{content:"\e900"; font-size:450px; position:absolute; color: rgba(18, 127, 147, 0.05); }
	.chevron_wrapper{bottom:130px;}
}

@media(min-width:1600px){
	.side-button{grid-template-columns:60px 200px; }
	.side-button.s-btn{top:90px;}
	.side-button.telegram-btn{top:185px; background: #0088CC;}
	.icon-platzhalter { width: 60px; height: 60px; position: relative;}
	.telegram-btn .icon-platzhalter:before{font-size:40px; padding:10px; line-height:60px!important;}
	.side-img { width: 60px; height: 60px;}
	.chevron_wrapper{bottom:160px;}
	*{font-size:20px;}
	.uebersicht-wrapper div{font-size:16px;}
	.uebersicht-wrapper .freigabe-row a, .uebersicht-wrapper .freigabe-row button{font-size:16px; padding:5px 10px;}
	.uebersicht-wrapper .kategorie{font-size:12px;}
}

@media(min-width:2400px){
	.container{max-width:1600px;}
	.menu-wrapper .wrap-inner{padding-top:110px;}
	.content{padding-bottom:160px;}
	.content-wrapper .content{padding-bottom:80px;}
	.grid-three{grid-template-columns:1fr 1fr 1fr 1fr;}
	.grid-three .product-hinweis{grid-column-start:1; grid-column-end: 3;}
	.detail-wrapper .grid-three{grid-template-columns:1fr 1fr 1fr;}
	.overview-backgroundimage{padding:160px 0;}
	.overview-backgroundimage .grid-three h3{margin-bottom:55px;}
	
	.welle-top{margin-top:-140px}
	.content.padding-bottom-start {padding-bottom: 200px;}
	.background-image {left: calc(50% - 800px); right: calc(50% - 800px);}
	.content-wrapper.not-start{padding-bottom:160px;}
	.welle-bottom-absolute{bottom:-1px;}
	.chevron_wrapper{bottom:240px;}
	
	*{font-size:24px;}
	h1{font-size:70px;}
	h2{font-size:42px;}
	h3{font-size:42px;}
	.headline-date{font-size:42px;}
	.tile-text p{font-size:18px;}
	/*p{font-size:1.2rem; line-height:1.45rem;}

	.detail-row-flex {font-size:1.2rem; line-height:1.45rem;}
	.detailrow {font-size:1.2rem; line-height:1.45rem;}
	.detail-teaser {font-size:1.2rem; line-height:1.45rem;}
	.grid-two {font-size:1.2rem; line-height:1.45rem;}
	.menuitem{font-size:1.4em; line-height:1.45em;}*/
	
	
}

@media(max-width:1199px){
	.overview-herzwelle .tile-bg{display:none;}
	.grid-three .tile-content{position:initial; padding:0;}
	.grid-three .tile-headline{padding:10px; background:#127f93; border-radius:15px 15px 0 0; transition: all 0.3s ease;}
	.grid-three .headline_1{background:#bb65a5;}
	.grid-three .headline_2{background:#e6675b;}
	.grid-three .headline_3{background:#ffac05;}
	.grid-three .headline_4{background:#638c24;}
	.grid-three .headline_5{background:#d8959c;}
	.grid-three .headline_6{background:#d52151;}
	.grid-three .headline_7{background:#558899;}

	.grid-three h3{margin:0;}
	.grid-three .tile-text{background:#f8f8f8; padding:10px; border-radius:0 0 15px 15px;}
	
	.grid-three .tile:hover .tile-headline{filter:grayscale(0.5);}
	
	.freigabe-row{grid-template-columns:2fr 2fr 6fr 2fr 2fr;}
	.meine-angebote-row{grid-template-columns:1fr 1fr 2fr 1fr 1fr;}
	.freigabe-row .buttons{ grid-column: span 5;}
	.uebersicht-wrapper .freigabe-row a, .uebersicht-wrapper .freigabe-row button{padding:5px; margin-left:auto; float:left; margin-right:5px;}
}

@media(max-width:1024px){
	.toggle_button{ height:24px; width:30px; margin-left:auto; display:grid; align-content:space-around;}
	.toggle_button .line{height:3px; background-color:#127f93;}
	.hauptmenu { position: absolute; background: #f8f8f8; right: -5%; padding: 5%; text-align: center; border-radius: 0 0 15px 15px; max-height: calc(100vh - 235px); min-width: calc(300px - 10%);  overflow-y: auto; }
	.hassubmenu .menulink.first:after{position:absolute; margin-left:6px; font-size:0.6em; margin-top:10px; }
	.submenu{margin-bottom:20px;}
	.menuitem.first{margin:10px 0;}
	.grid-three{grid-template-columns:1fr 1fr;}
	.chevron_wrapper{bottom:120px;}
	
	#img_end{bottom:130px;}
	
	.grid-three .product-hinweis{grid-column-start:1; grid-column-end: 3;}
	
	.galerie {grid-template-columns: repeat(3, 1fr);}
	.grid-three-two{gap:40px;}
	
	.angebot-galerie .img-col{height:200px;}
	.freigabe-row.headline{display:none;}
	.meine-angebte-row.headline{display:none;}
	.freigabe-row{display:block; width:100%;}
	.freigabe-row .kategorie, .freigabe-row .user{float:left; margin-right:10px; margin-bottom:5px;}
	.freigabe-row .titel, .freigabe-row .buttons{clear:both;}
	
	.meine-angebote-row{grid-template-columns:1fr 1fr 2fr 1fr;}
	.meine-angebote-row .buttons{ grid-column: span 4;}
	.meine-angebote-row a, .meine-angebote-row button{width:fit-content; padding:5px; margin-left:auto; float:left; margin-right:5px;}
	
	.grid-neueste{grid-template-columns:1fr 1fr;}
	
	.filter-wrap{grid-template-columns: 1fr 1fr; gap: 20px 40px;}
}
	  
@media(max-width:767px){
	.grid-two, .grid-two-three, .grid-three-two{grid-template-columns:1fr; gap:20px;}
	.col-right.img-col { grid-row-start: 1;}
	.content{padding-bottom:40px; padding-top:20px;}
	.menu-wrapper .wrap-inner{padding-top:60px;}
	.menu-wrapper.fixed .wrap-inner{padding-top:1px;}
	.title-image-wrapper{margin-top:150px;}
	/*.title-image, .slide{min-height:350px;}*/
	.grid-three{grid-template-columns:1fr;}
	form .grid-two{gap:20px; margin-bottom:20px;}
	.footmenu{padding-bottom:10px;}
	
	.chevron_wrapper{bottom:110px;}
	
	.angemeldet-als{display:none;}	
	.welle-bottom{margin-top:0;}
	.nav-grid{margin-top:20px;}
	.logo img{width:160px;}
	
	.grid-three .product-hinweis{grid-column-start:initial; grid-column-end: initial;}
	
	.galerie {grid-template-columns: repeat(2, 1fr);}
	
	.uebersicht-freigabe .filters, .uebersicht-alle-angebote .filters{grid-template-columns:1fr; gap:10px; margin-bottom:10px;}
	
	.meine-angebote-row{display:block; width:100%; padding-bottom:60px;}
	.meine-angebote-row .kategorie{float:left; margin-right:10px; margin-bottom:10px;}
	.meine-angebote-row .titel{clear:both; margin-bottom:5px; }
	.freigabe-row .buttons{clear:both; display:block; margin-top:5px;}
	
	.grid-neueste{grid-template-columns:1fr;}
	.video-col{margin-bottom:60px;}
	
	.footmenu{display:grid; grid-template-columns: repeat(2, 1fr); gap: 20px; text-align: center;}
}

@media(max-width:767px) and (orientation:landscape){
	.sidemenu{top: 50%;}
}
@media(max-width:520px){
	h1{font-size:3em;}
	.menu-wrapper .wrap-inner{padding-top:50px;}
	.chevron_wrapper{display:none;}
	
	.angebot-galerie {grid-template-columns:1fr;}
	
	.filter-wrap{grid-template-columns: 1fr; gap:10px;}
}

@media(max-width:400px){
	h1{font-size:2.6em;}
	.menu-wrapper .wrap-inner{padding-top:40px;}
	.title-image-wrapper{margin-top:140px;}
	.galerie {grid-template-columns: repeat(1, 1fr);}
	
	.footmenu{grid-template-columns: 1fr;}
}