/* Individuelle Anpassungen und Ergänzungen bitte nur hier einfügen! */

body {/*background:#000;*/}

h1, h2, h3, h4, h5, h6 {/*font-weight:bold;*/}

hr {/*background-color:#000;*/}

a.btn, button.btn, input.btn, .btn a, span.ikiss-field-button input {}
.btn.eventbtn {}

table {/*background-color:transparent;*/}
table tr {/*border-bottom:none;*/}
table th {/*background-color:transparent;border-bottom:none;*/}

::-webkit-input-placeholder {/*color:#000;opacity:1;*/}
::-moz-placeholder {/*color:#000;opacity:1;*/}
:-ms-input-placeholder {/*color:#000;opacity:1;*/}
:-moz-placeholder {/*color:#000;opacity:1;*/}

.einleitung {/*display:block !important;font-style:italic;margin-bottom:20px;*/}

.pagenav a {/*text-decoration:none;*/}

/* Datepicker */
.ui-datepicker {/*background-color:#fff;*/}
.ui-datepicker .ui-datepicker-header {/*background-color:#000;*/}
.ui-datepicker th {/*background-color:#000;border-top:1px solid #fff;*/}
.ui-datepicker-calendar td:hover a {/*background-color:#000;*/}
.ui-datepicker-calendar a.ui-state-active {/*color:#000;*/}

/* Volltextsuche */
.vt_anchor {/*text-decoration:none;color:#000;*/}

/* Deign Override */
.primary-bg-color { background-color:#1f9234 !important; }
.main-navigation .nlv_1 { position: relative;width: 100%; }
.main-navigation li { list-style: none;float: left; }
.main-navigation .nlv_1 > li > a, .main-navigation .nlv_1 > li > span { padding: 10px 20px;display: inline-block; }
/*#nav-mob .hidden { display:block !important; }*/
#nav-mob .overlay-menu { position:relative;z-index:0;padding-top:0;overflow:auto;top:0;min-height:unset; }
.slicknav_nav { overflow-y: auto !important;max-height: calc(100vh - 65px); }

/** STARTSEITE **/
#start1 .card-content .small h3 {margin: 0; font-size: 0.8em; font-weight: normal;}
#start1 .card-content h2 {margin-top: 10px; font-size: 1.3em;}
#start1 .wrapper {margin-bottom: 50px; }
#start2 .result-content .small h3 {margin: 0; font-size: 0.8em; font-weight: normal;}
#start2 .result-content h2 {margin-top: 10px; font-size: 1.3em;}


/* Allgemein */
.abs { position:absolute; }
.rel { position:relative; }
.sticky { position:fixed; }
.row-flex { display:flex;justify-content:space-between; }
.row-flex-even { display:flex;justify-content:space-evenly; }
.row-flex.centered { align-items:center; }
.col-flex { flex-basis:0;flex-grow:1;max-width:100%; }
.col-flex-2 { flex:2; }
.col-flex-4 { flex:4; }
.col-flex-6 { flex:6; }
.gap-05 { gap:0.5em; }
.gap-1 { gap:1em; }
.gap-2 { gap:2em; }
.gap-1x2 { gap:1em 2em; }
.dir-col-0 { flex-direction: row !important; }
.dir-col { flex-direction:column !important; }
.flex-list { display:flex;flex-wrap:wrap; }
.flex-center { display:flex; justify-content:space-around; }
.just-center { justify-content:center; }
.no-grow { flex-grow:unset; }

.hidden { display:none !important; }

.bg-white { background-color:#fff; }
.bg-lgreen { background-color:#eaf4ec; }
.bg-dgreen { background-color:#1f9234; }
.bg-red { background-color:#ffaaaa; }
.bg-cover { background-size:cover !important; }

.c-red { color:red; }
.c-black { color:#333; }
.c-grey { color:#9a9a9a; }
.c-white { color:#fff; }
.c-green { color:#0e8a25; }

.t-under { text-decoration:underline; }
.t-bold, .t-bold a { font-weight:900; }
.t-upper { text-transform:uppercase; }
.t-center {text-align:center; }
.t-right { text-align:right; }

.fs-tiny { font-size:0.5em; }
.fs-small { font-size:0.7em; }
.fs-med { font-size:1.2em; }
.fs-large { font-size:1.5em; }

h7 { font-size:1.1em;font-weight:900;padding-bottom:0.3em; }

a { color:#0e8a25;font-weight:500; }

.h-full { height:100%; }
.h-90 { height:90%; }
.w-full { width:100%; }
.mw-400 { min-width:400px; }
.w-1x3 { width:33.3% }
.mw-1x2 { min-width:50%; }
.w-min-25 { min-width: calc(1240px * 0.25); }
.w-min-75 { min-width: calc(1240px * 0.75); }

.m-auto { margin: auto; }
.mb-2 { margin-bottom:2em; }
.p-1 { padding:1em; }
.pb-1 { padding-bottom:1em; }
.no-padding-top { padding-top:0 !important; }
.no-padding-bottom { padding-bottom:0 !important; }

.z-0 { z-index:0; }
.z-10 { z-index:10; }

.varw-150 { --width:150px; }

.pointer { cursor:pointer; }

.trans-all { transition: all ease-in-out 0.5s; }

/* Buttons */
.btn { cursor:pointer;text-align:center;/*border-radius:30px;*/padding:5px 0;user-select:none; }
.btn-med { background-color:#fff;color:#0e8a25; }
.btn-med:active { background-color:#0e8a25;color:#fff; }
.btn-grn { background-color:#0e8a25;color:#fff; }
.btn-grn:active { background-color:#fff;color:#0e8a25; }
.centered { margin:0 calc(50% - var(--width) / 2); }
.right-paramed { margin-right:0;margin-left:calc(100% - var(--width)); }
.btn-crossref { width:400px; max-width:95vh;margin:auto; }

/* Navigation */
nav > ul > li > a { text-transform:uppercase;transition: font ease-in-out 0.5s, background-color 0.25s !important; }
nav a.active { color:#d0f028; }
.overlay-menu { position: fixed;overflow:auto;z-index: -10;min-height: 240px;max-height:calc(100vh - 3em);height: unset;padding-left: 0;top: 0;max-width: 1270px;width: 100vw;left: calc(50% - 1270px / 2);/*background: linear-gradient(to bottom right, #d1e61d, #46bd45);*/ }
.overlay-menu.flex-list { padding:1em 2em 2em;gap:1em 3em;top:3em;transition: top 0.5s ease-in-out; }
.overlay-menu.flex-list > li { min-width:calc(33% - 3em); }
.overlay-menu.flex-list > li > a { display:inline-block;width:100%;border-bottom:1px solid #fff; }
.overlay-menu.flex-list > li > a.active { border-color:#666; }
.overlay-menu.flex-list > li > a:hover { background-color:rgba(0,0,0,0.1); }

.sprungmarke { position:absolute;margin-top:-70px; }
.sprungmarke-weit { position:absolute;margin-top:-250px; }

/* Header */
.bgimg-right { background-position-x: 100% !important; }

.top.wrapper { max-height:100px;width: min(100%, 1270px);margin: 0 max(0px, calc( ( 100% - 1270px ) / 2));padding:0;z-index:500; }
.top .top-bar { display:inline-block;padding:0 10px;/*background: linear-gradient(to bottom right, #d1e61d, #46bd45);*/ }
.top-bar .main-navigation { width:unset;background-color:transparent;display:flex;align-items:center; }
.top-bar .main-navigation a { font-weight:500; }
.top-bar .main-navigation .nlv_1 > li > a, .main-navigation .nlv_1 > li > span { font-size:1.2em; }

.site-header .logo { min-width:190px; }
#nav-mob .nav-mob-logo { height:45px;padding-top:5px; }
.intern .site-header .logo { min-width:60px; }
.site-header .copyright-wrapper { display: inline-block;position: absolute;right: 0;width: 15px;bottom: 50px;background: #cccc;padding:5px 0; }
.site-header .img-copyright { transform: rotate(180deg);writing-mode: vertical-lr; }

.floaty-header { top: 0;max-height: 50px !important; }
.floaty-header .top-bar { /*padding:5px 0;*/ }
.floaty-header img { max-height:40px !important; }
.floaty-header nav a { font-size:1em !important; }
.floaty-header .overlay-menu.flex-list { top:2.5em; }

.titelbild .wrap-img { width:calc(100% - 0.5px) !important; }

.empty-title { height:65px; }

/*.site-header, .site-header ol > li { height:400px; }*/
.site-header ol > li > .bg-img { padding-top:400px !important; }
.head-wrapper { /*height:0;*/padding-top:1px;margin-top:-85px;z-index:0;position:relative; }
.headline { text-align:center; }
.headline h1 { margin:1em 10% 0; }
.headline h2 { margin-top:0;font-size:1.2em; }
.top-curved { height:80px;margin-top:-70px;position: relative;clip-path: ellipse(max(51%, 350px) 85% at 50% 100%);background: #fff; }
.curved-headline { margin-top:15px; }
.bot-curved { clip-path: ellipse(max(51%, 350px) 85% at 50% 0%);height:120px;position:relative;bottom:0;background-color:#fff;padding-bottom:10px; }

/* Footer */
footer { margin-top:-3em;position:relative; }
.footer-bg { position:absolute;background:url('/shared/footer02.png') no-repeat calc(100vw - 1930px) calc(100% - 50px) ;width:100%;height:100%;opacity:0.2;filter: brightness(40%); }
.footer-content { position:relative;padding-bottom:50px !important; }
.footer-content ul { list-style:none;padding-left:0;padding-right:1em;color:#fff;font-size:0.9em; }
.footer-content ul li { padding:5px 0; }
.footer-service { position: absolute;bottom: 0;width: 100%;height: 50px;background: #278339; }
.footer-service .wrapper { display:flex;gap:0.5em;justify-content:end;height:100%; }
.footer-service a { color:#fff;margin:auto 0; }
.footer-service .spacer-horizontal { border-left:2px solid #fff;height:1.5em;margin:auto 0; }
.footer-cat a { color:#fff; }

/* Modal */
.harzmodal-backdrop { display:none;position:fixed;z-index:101;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2); }
.harzmodal-backdrop.show { display:flex !important;align-items:center;justify-content:center; }
.harzmodal { display: none;position: fixed;z-index: 5;max-width:95%;width: 700px;max-height: 80%;background:#fff;flex-direction:column; }
.harzmodal.show-flex { display:flex !important; }
.harzmodal .modal-header { width:100%;font-size:1.5em;padding:10px 40px 10px 10px; }
.harzmodal .modal-close { position:absolute;right:10px;top:10px;width:30px;height:30px;background-color:#fff;text-align:center; }
.harzmodal .modal-close:hover { background-color:#0001; }
.harzmodal .modal-content { overflow: auto;margin:10px 20px; }
.harzmodal .modal-footer { height:10px; }

#city-modal { width:900px; }
#city-modal .modal-content { height:100vh; }
#city-modal .left-side { flex:1 1 0; }
#city-modal .right-side { flex:2 1 0; }
#city-modal .right-side > div { min-width:180px;width:48%; }
#city-modal .region-selector.selected, #city-modal .city-selector.selected { background-color:#eaf4ec; }

/* Content */
main.site-main { padding-top:0;padding-bottom:0;margin-top:-1px; }
.main-content { padding:0 0 0 0; }
.content { padding-top:2em;padding-bottom:4em; }
.close-content-gap { margin-top:-4em; }
.spacing { padding:1em; }

.no-layout { background:transparent;border:none; }

#dd-gaeste > input::-webkit-outer-spin-button, #dd-gaeste > input::-webkit-inner-spin-button,
#guest-input::-webkit-outer-spin-button, #guest-input::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0; }
#dd-gaeste > input, #guest-input { -moz-appearance: textfield; }
.dropdown { position: relative;display: inline-block; }
.dropdown-btn { background:transparent; }
.dropdown-stub { display: none;position: absolute;background-color: #f1f1f1;min-width: 200px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;max-height: 300px;overflow-y: scroll; }
.dropdown-stub div { display:block; }
.show { display:block; }

.overlay { position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);z-index:510; }
.modal { position:absolute;background:url(tint20.png) 0 0 repeat;background:rgba(0,0,0,0.2);border-radius:14px;padding:8px;z-index:510; }
.modal .content { border-radius:8px;background:#fff;padding:20px; }
.modal .close { position:absolute;background:url(close.png) 0 0 no-repeat;width:24px;height:27px;display:block;text-indent:-9999px;top:-7px;right:-7px; }

.wrapper.small { max-width:960px; }

.start-slay { display: flex;justify-content: center;gap: 20px;font-size: 1.2em;font-weight: 700; }

.flex-list > .flex-item { width:calc(50% - 2em); }
.flex-list > .flex-item-3x { min-width:calc(33% - 1em); }
.flex-list > .flex-item-4x { min-width:calc(25% - 1em); }
.flex-list .flex-item .item-text { font-size:13px; }
.flex-list > .btn { padding:5px 15px; }

.link-list > h5 { border-bottom:3px solid #3333; }
.link-list > ul, .icon-list > ul { list-style:none;padding-left:0; }
.link-list > ul > li { padding-bottom:1em;font-size:14px; }

.list-3x3 { width:100%;display:flex;flex-wrap:wrap; }
.list-3x3 > .list-item { min-width:300px;width:33%;padding:1em; }
.list-3x3 > .list-item > .row-flex { gap:1em }
.list-3x3 > .list-item .bg-cover { height:125px; }

.icon-list { font-size:2em; }
.icon-list i { width:3em;margin-left:-0.8em;text-align:center; }
.icon-list .active i { color:#1f9234; }
.icon-list span { font-size:0.6em; }

.header-booking { padding-top:9em !important; }
.quick-booking > div { min-width:150px;max-width:25%; }

.themes-list h4 { margin-top:0 !important; }
.themes-list img { height:175px;width:260px;object-fit:cover;object-position:top; }

.places-list .row-flex { flex-flow:wrap; }

.search-result { /*min-height:230px;max-height:230px;*/ }
.search-result h3 { margin: 0.3em 0 0.3em; }
.search-result .result-img { flex-grow:unset;flex-basis:30%;background-size:cover !important;min-height:230px; }
.search-result .result-img + .copyright-wrapper, .card-image > .copyright-wrapper { position:relative;height:100%; }
.search-result .result-img + .copyright-wrapper > .copyright, .card-image > .copyright-wrapper > .copyright { position: absolute;right: 0;bottom: 0;text-align: right;background: #fffd;white-space: nowrap;padding: 0px 5px; }
.search-result .result-pricing { flex-grow:unset;flex-basis:15%;text-align:center;margin:auto 1em; }
.search-result .result-pricing .price { font-weight:900;font-size:1.3em;padding-bottom:0.3em; }
.search-result .result-pricing .price-type, .search-result .result-pricing .max-guest { font-size:0.8em; }
.search-result .result-content { margin:15px; }
.search-result .result-content  > a { font-weight:900; }
.search-result .result-content  > h3 { margin:0.2em auto; }

.sys-list > div { border:2px solid #eaf4ec; }
.sys-list .result-content > h6 { margin: 0;font-size: 0.8em;font-weight: normal; }

.card-list { margin:auto -15px; }
.card-list-3 { flex-wrap:wrap; }
.card-list-3 .card { height:520px;min-width:380px;max-width:calc(33% - 30px); }
.card-list.large .card { height:500px;min-width:390px; }
#Themengebiete.card-list.large .card { max-height:700px;height:unset;max-width:31%; }
.card-list-3.complex .card { height:unset; /*min-width:390px; - ncf: wofuer? */ }
.card-list-3.complex .card > h4 { text-transform:uppercase;color:#9a9a9a;margin:0 0 1.5em; }
.card { background-color:#fff;margin:15px; }
.sys-card { height:unset !important; }
.card.with-shadow { box-shadow:0 5px 5px 5px #33333323; }
.card-image { height:200px; background-size:cover !important; }
.large .card-content { padding:0.5em 1em 0;margin-bottom:0.5em;max-height:245px;overflow:hidden; }
.large .card-content.no-bounds { max-height:unset; }
.large .sys-card .card-content { max-height:calc(100% - 0.5em); }
.complex .card-content, .complex .card > h4, .complex .link-list { padding: 0.5em 1em; }
.card > .card-link { padding:0 1em; }
.card > .ad-card-content-wrapper { height:calc(100% - 30px); }
.card > .adhead { text-align: right;padding: 0 10px; }
.card-content > .kat-link { float:right;text-transform:uppercase; }
.card-content > a > h4 { padding-top:10px; }
#Themengebiete .card-content > a > h4 { padding-top:0;margin-top:0; }
.card-content p { font-size:15px; }
.card-content > .description { /*height:180px;*/ }
.card .card-price { text-align:right;font-weight:700;font-size:1.2em;padding:5px 1em; }
#Themengebiete .card-content .description { max-height:425px;height:unset;color:#000;text-align:justify; }

.card.hover-enlarge { transition:transform ease-in-out 0.5s; }
.card.hover-enlarge:hover { transform:scale(1.1); }

.prop-filter { padding:1em; }
.prop-filter > .col-flex { min-width:50px; }
.prop-filter i { font-size:2em;color:#bdbdbd;min-width:2em; }
.prop-filter i.active { font-size:2em;color:#1f9234; }
.prop-filter img { height:3em;opacity:0.4; }
.prop-filter img.active { opacity:1; }

.add-prop { max-height: 0;overflow: hidden;padding: 0 1em;transition:all 1s cubic-bezier(0, 1, 0, 1); }
.add-prop.active { max-height:1000px;transition: all 1s ease-in-out }
.add-prop+.fold-out:hover { background-image: linear-gradient(#3330 0%, #3332 100%); }

.drag-item { background-color: #eee;height: 25px;line-height: 25px;padding: 0 10px;cursor: grab; }

.text-fill { display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; }
.clamp-5 { -webkit-line-clamp:5; }
.clamp-6 { -webkit-line-clamp:6; }
.clamp-7 { -webkit-line-clamp:7; }
.clamp-8 { -webkit-line-clamp:8; }
.clamp-9 { -webkit-line-clamp:9; }

figcaption { text-align:center;padding-top:0.5em; }
.mce_pictext { color: #808080;margin: -10px 0 20px 0;font-size: 0.8em;text-align: right; }
.mce_picdiv { color: #808080;font-size: 0.8em;text-align: right;float: right;margin-left: 10px;margin-bottom: 10px;width: 260px; }

.text-normal { line-height:1.7; }

.partner-container { position:relative;height:150px;width:200px; }
.partner-container > img { position:absolute;bottom:0; }
.partner-container ~ figcaption { font-size:13px;font-weight:700; }

.ad-list .col-flex { margin:auto; }
.ad-container { text-align:center; }
.ads-horizontal { align-items: center; }
.adhead { padding-bottom:1em;color:#ccc; }

#tabs > .nav { display:flex;gap:1em;flex-wrap:wrap; }
#tabs > .nav > div { background: #0e8a25;padding: 10px 15px; }
#tabs > .nav > div > a { color:#fff; }

#thumbs .thumbs { list-style:none;background:#eaf4ec;display:flex;justify-content:center;flex-wrap:wrap;padding:0 15px; }
#thumbs .thumbs > li { width: 85px;height:85px;margin: 5px; }
#thumbs .thumbs > li > a { width: 100%;height:100%; }
#thumbs .thumbs > li > a > img { width: 100%;height:100%;object-fit:cover; }

#galleriffic .caption-container { height:unset !important; }
#galleriffic .caption-container .controls {display: flex;justify-content: space-between;gap: 2em; }
#galleriffic .caption-container .controls .nav-controls .prev { padding-right:1em; }
#galleriffic .caption-container .photo-index { text-align:center; }
#galleriffic .caption-container .image-caption { text-align:center;margin:15px; }
#galleriffic .content { padding:0; }
#galleriffic .image-title { display:none; }
#galleriffic .slideshow-container { text-align:center; }
#galleriffic .image-wrapper.previous, #galleriffic .image-caption.previous { position:absolute; }

.buchlinks { /*position:sticky;float: right;max-width: 45px;border-radius: 4px;box-shadow: 0 0 5px 0 grey;*/padding: 10px;background:#eaf4ec;top:40%;z-index:100;/*transition:all ease-in-out 0.5s;*/color:#0e8a25; overflow: hidden; }
/*.buchlinks:hover, .buchlinks.hover { max-width:400px; }
@media screen and (max-width: 960px){
	.buchlinks.hover { top: 80px;}
}*/
.buchlinks > div { white-space:nowrap;font-size:1.3em/*max(1.3em,3vh)*/;display:flex;/*flex-direction:column;*/gap:0.5em 2em;justify-content: center;flex-wrap: wrap; }
.buchlinks i { /*width:30px;*/margin-right:0.25em; }

img.preview260 { float: right;margin-left: 10px;margin-bottom: 10px;width: 260px; }

/*.ht_tab_label { width:70px; }*/

h3.top { background:#eaf4ec;padding:10px; }
h3.top a { display: block;float: right; }

.information-container { position:relative; }
.information-container .gg_detail_middle_main { min-width:75%; }
.information-container .sidebar { min-width:25%; }
#div_sidebar { background:#eaf4ec;padding:10px; }
.sidebar .box .head { font-weight:600;border-bottom: 1px solid;margin-bottom: 3px;padding-top:15px; }
.sidebar .box .ext_links { display:grid; }

.ui-dialog { max-width:90%; }
#pikto-dialog .pikto-list { display:flex;flex-wrap:wrap;gap:0.2em;padding-top:10px; }
#pikto-dialog .pikto-list .gg_pikto { width:282px;display:flex;gap:0.5em; }
#pikto-dialog .pikto-list .gg_pikto div { font-size:0.8em;padding-top:0.4em; }

.pikto-container { padding: 0 10px;background: #d9ecdd;margin:0 10%;align-items:center; }
.pikto-container { /*border-left: solid 1px #1f9234;border-right: solid 1px #1f9234;*//*background:linear-gradient(to right, #1f92345e 0%, #eaf4ec 10px calc(100% - 10px), #1f92345e)*/ }
#pikto-modal .pikto-container { width:320px;max-width:45%;margin:0;text-align: right;background:#eaf4ec; }

/*.side-sticky {  position: fixed;   top: 10px;  right:18px;  margin: 0;  width:calc(33.33% - 25px);}
.side-abs {  position: absolute;   bottom: 10px;  right:10px;  width:calc(33.33% - 20px);}
.side-clearfix:after {    content:"";    display:block;   clear:both;}*/

/* Unterkünfte */
#lytebox-container::-webkit-scrollbar { display:none; }
#lytebox-container { overflow:auto hidden;height:175px;-ms-overflow-style: none;scrollbar-width: none; }
#lytebox-container .arrows { width: min(1240px,95%);justify-content:space-between; }
#lytebox-container .arrow > i { font-size: 2.5em;top: 70px;font-weight: 900;color: #ccc;cursor:pointer; }
#lytebox-container .arrow > i.fa-chevron-left { left: -40px; }
#lytebox-container .arrow > i.fa-chevron-right { right: -40px; }
#lytebox-container .lytebox-gallery-item { flex:1 1 0;min-width:max(23%, 200px); }
#lytebox-container .lytebox-gallery-item > img { width:100%;max-width:300px;height: min(100%,175px);object-fit: cover;object-position:bottom; }

.travanto-iframe > iframe { width:100%; }

#legende_belegung td { color:#fff; }
div.belegungsplan { display:flex;gap:2em;overflow:hidden;padding-bottom:17px; }
div.belegungsplan:hover { overflow:auto;padding-bottom:0; }
div.belegungsplan > div { min-width:max(23%, 200px); }

.belegungsplan table { background-color:unset;color:#fff; }
.belegungsplan table tr { border-bottom:0; }
.belegungsplan table td { padding:5px; }
.belegungsplan table h4 { margin:0.5em 0; }
.belegungsplan td { text-align:center; }
td.st0 { color:#333 !important; }
td.st1 { background-color: #1f9234; }
td.st2 { background-color: #f15d3f; }
.intern td.st3 { background-color: #ffb561; }
td.st3.pt21 { background: linear-gradient(140deg, #f15d3f 50%, #1f9234 50%); }
td.st3.pt12 { background: linear-gradient(140deg, #1f9234 50%, #f15d3f 50%); }

.loading-circle { border: 8px solid #fff; /* Light grey */border-top: 8px solid #1f9234; /* Blue */border-radius: 50%;width: 120px;height: 120px;animation: spin 1s linear infinite; }
.belegungsplan .loading-circle { height:50px;width:50px;margin:auto; margin-top:90px; }
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#city-input.form-control { border:1px solid #a8c3b2 !important;text-align:left; padding:0 5px;color:inherit; }

/* Gastronomie */
.gastro-result h4, .gastro-result h6 { margin:0 0 0.5em; }
.gastro-result .teaser-content { max-height: calc(100% - 25px);overflow: hidden;margin-bottom:5px; }
.gastro-result .teaser-content .adresse { margin-bottom:12px; }
.gastro-result .content_detail { height:250px;padding:10px; }
.gastro-result .content_detail img { height:230px;object-fit:cover; }

.ht-row { display:flex;padding-bottom:0.5em; }
.ht-row > .ht-label { display: inline-block;min-width:165px;font-weight:600; }
.ht-row > .ht-content { display: inline-block; }

.spacer { height:20px; }

/* Brockencam */
#brockencam { flex:100%; }
#video_cams_arrow_left, #video_cams_arrow_right { display:none !important;}
#brockenwetter .warnicon { margin:auto;width:60%;text-align:center; }
#brockenwetter .warnicon > img { max-height:160px; }
#brockenwetter .left { float:left;width:70%;padding-bottom:5px; }
#brockenwetter .right { float:right;width:30%;text-align:right;padding-bottom:5px; }
#brockenwetter .temp { font-size:2em;line-height:2.5;height:85px; }
#brockenwetter .icon { max-height:85px; }
#brockenwetter .icon > img { max-height:80px; }

#brockencampics .card-image, #brockencampics2 .card-image {height: 220px;}
#brockencampics .card-content, #brockencampics2 .card-content {position: relative;margin:0 10px; }
#brockencampics .card-content .card-image { margin:0 -10px; }
#brockencampics .card-content .text {position: absolute; top: 0; background: rgba(234,244,236,0.8); width: calc(100% + 20px); padding: 3px 6px; font-size: 0.9em; margin-left: -10px; z-index: 10; }
#brockencampics .card-content .lytebox {position: absolute; top: 0; width: calc(100% + 20px); left: -10px; height: 220px; z-index: 1; }
#brockencampics2 .card-content .text {position: absolute; top: 0; background: rgba(234,244,236,0.8); width: 100%; padding: 3px 6px; font-size: 0.9em; z-index: 10; }
#brockencampics2 .card-content .lytebox {position: absolute; top: 0; width: 100%; height: 176px; z-index: 1; }

#roundshot_wrapper {position: relative;}
div[id^="roundshot_container_"] { width:100% !important; }
#roundshot_wrapper .roundshot_desc {position: absolute; bottom: 47px; background: rgba(234,244,236,0.8); width: 100%; padding: 3px 6px; font-size: 0.9em; z-index: 10; }

.info-corner-tl { position:absolute;right:0;top:0;font-size:1.3em; }

/*#timeline, #timeline > ul, #timeline > #issues > li, #timeline .text1, #timeline img { width:100% !important; }*/
#timeline { height:unset !important; }
#timeline.cam1 { width: min(100vw, 800px); }
#timeline.cam2 { width: min(100vw, 800px); }
#timeline #issues { /*display:flex;*/ }
#timeline .text1, #timeline .text3 { bottom:12px; }
#timeline.cam1 ul#issues li { width: min(100vw, 800px); }
#timeline.cam2 ul#issues li { width: min(100vw, 800px); }
#timeline div#grad_left, #timeline div#grad_right { width:40px; height:70px; }

/* Veranstaltungen */
#event-search > .col-flex { min-width:200px; }
#event-search .form-group { padding-right:0; }

.event-detail .lytebox-gallery-item { float:right;margin:0 0 1em 1em; }
.event-detail .ht_tab_row > .ht_tab_label, .event-list .ht_tab_row > .ht_tab_label, .login-form .ht_tab_row > .ht_tab_label { min-width:155px;font-weight:900; }
.event-detail .ht_tab_row:not(:last-child), .event-list .ht_tab_row:not(:last-child) { padding-bottom:1em; }

.event-list .content_detail, .camp-wan-list .content_detail { flex:1 1 0;min-width:300px;padding:10px 15px; }
.event-list .content_detail.odd, .camp-wan-list .content_detail.odd { background-color:#eaf4ec;border:2px solid #fff; }
.event-list .content_detail.even, .camp-wan-list .content_detail.even { border:2px solid #eaf4ec;background-color:#fff; }
.event-list .content_detail h6, .camp-wan-list h6 { margin:0; }
.event-list .content_detail .detail-link { padding-top:1em;color:#0e8a25; }

.va-kat-item { width:285px; }

/* Wanderrouten */
.wander-detail .row-flex > .col-flex { flex:1 1 0; min-width:350px;}

/* Orte */
.orte .flex-list .list-item { flex:1 1 250px; }

/* Forms */
fieldset { width:100%;max-width:620px;border: 1px dotted #1f9234;margin: 0 0 25px;padding: 15px 10px 0; }

.form-group { padding-right:3em; }
.form-control { width:100%;height:2.5em;background:#eaf4ec;border-radius:0;font-size:18px/* !important*/;border:1px solid #a8c3b2; } /*SKR: unklar, warum das important da war, behindert aber auto-resize im unterkuenfte-suchfeld*/
.bg-lgreen .form-control { background:#fff; }

form .formular_bezeichnung { width: 25%;display: inline-block;font-weight:600; }
form .formular_input, form .formular_output { width:74%;display: inline-block;padding:5px; }
form :not(.formular_bezeichnung)+.formular_input { width:100%; }
form .formular_input input, form .formular_input textarea, form .formular_input button { width:100%;border: 2px solid #0e8a25; }
form .formular_input input:focus, form .formular_input textarea:focus { border: 2px solid #0e8a25;background:#eaf4ec; }
form .formular_input input:disabled, form .formular_input textarea:disabled { border:0; }
form .formular_bezeichnung.wide, form .formular_input.wide { width:100%;display:flex;gap:10%; }
form .formular_bezeichnung.wide > label { width:100%; }
form .input_absenden { cursor:pointer; }
form .input_absenden:disabled { color:lightgrey;background-color:grey !important;border:0 !important;cursor:auto; }

.search-form .form-group label { height:2em;display:inline-block; }

.sightseeing-search .form-control { height:2em; }

.gastro-search .row-flex { flex-wrap:wrap;justify-content:center; }
.gastro-search .col-flex { flex: 1 1 31%;max-width:31%; }

/* Karte */
#map { min-height:400px; }
.popup-body { width:280px;height:150px;border-radius:25px;padding:1em; }
.popup-title { font-weight:900; }
.popup-content { font-size:0.7em; }

.wetter-popup > .popup-body { height:unset;width:250px; }
.wt_title { font-size:1.2em;font-weight:900; }
.wt_img { float:right;height:65px; }
.wt_time { font-size:0.8em; }
.wt_temp, .wt_hum, .wt_wind, .wt_press { font-size:0.9em; }
.wt_src { text-align:right;font-size:0.7em;padding-top: 0.7em; }

path { opacity:1;fill:red; }

/* Harzorte */
.kontakt-awesome {margin-bottom: 30px;}
.kontakt-awesome .ht_tab_row {margin-bottom: 5px;}
.kontakt-awesome .ht_tab_row .comadr_label {margin-right: 10px;}

/* Angebote */
.angebot { float: right;border: 2px solid #0e8a25;padding: 2px 10px;font-size: 0.9em;max-width:70%; }
.angebot + div { clear: both; }
.angebot-icon { position: absolute;margin-left: -40px;background-color: #0e8a25;width: 30px;height: 28px;line-height: 1.3;margin-top: -4px;text-align: center;color: #fff;font-weight: 700;font-size: 1.4em; }

/* Intern */
.intern .alarm { font-weight: bold;color: #ff0000; }
.intern .header-booking { visibility:hidden; }
.intern a#neulink { text-align:center;float: right;display: block;width: 130px;padding: 10px;color: #ffffff;border-radius: 4px;box-shadow: 0 0 5px 0 grey; }

.intern .search-result .result-img { min-height:160px;flex-basis:20%; }
.search-result .result-links { flex-grow:unset;flex-basis:20%;text-align:center;margin:auto 1em;display:flex;flex-direction:column; }

.intern #contentnav { display:flex;gap:0 0.5em;flex-wrap:wrap; }

.intern .ui-accordion .ui-accordion-header { background: #eaf4ec; }
.intern .ui-accordion .ui-accordion-header.ui-state-active { background: #1f9234;font-weight: bold;color:#fff; }

.intern form { display:flex;gap:0.5em 1em;flex-wrap:wrap; }
.intern form:not(.fill) > .formRow.full, .intern form fieldset > .formRow.full { flex:1 1 100%;display:flex; }
.intern form:not(.fill) > .formRow, .intern form fieldset > .formRow { flex:1 1 45%;min-width:400px;display:flex;/*gap:1em;*/ }
.intern form:not(.fill) > .formRow > .label_form { min-width:150px; }
.intern form:not(.fill) > .formRow > div { /*width:100%;*/display:flex; }
.intern form:not(.fill) > .formRow > div input:not([type="checkbox"]), .intern form > .formRow > div > select, .intern form > .formRow > div > textarea, .intern form fieldset > .formRow > div > input:not([type="checkbox"]), .intern form fieldset > .formRow > div > select, .intern form fieldset > .formRow > div > textarea { width:100%; }
.intern form:not(.fill) > .formRow > div input[type="text"] { height:2em; }
.intern form.fill > .formRow { flex:1 1 0; }

.intern .col1, .intern .col2, .intern .col3, .intern .col4, .intern .col5, .intern .col6, .intern .col7, .intern .col8, .intern .col9, .intern .col10, .intern .col1 { padding: 1% 0.5%;}
.intern .formRow { display: flex; }
.intern .col1 { width: 8.5%;flex:1 1 8.5%; }
.intern .col2 { width: 16.5%;flex:1 1 16.5%; }
.intern .col3 { width: 24.5%;flex:1 1 24.5%; }
.intern .col4 { width: 32.5%;flex:1 1 32.5%; }
.intern .col5 { width: 40.5%;flex:1 1 40.5%; }
.intern .col6 { width: 48.5%;flex:1 1 48.5%; }
.intern .col7 { width: 56.5%;flex:1 1 56.5%; }
.intern .col8 { width: 64.5%;flex:1 1 64.5%; }
.intern .col9 { width: 72.5%;flex:1 1 72.5%; }
.intern .col10 { width: 80.5%;flex:1 1 80.5%; }
.intern .col11 { width: 88.5%;flex:1 1 88.5%; }

.intern .content_detail img { height:150px;min-width:200px;object-fit:cover; }
.intern .content_detail .content { padding:1em; }
.intern .content_detail .syst-button-area { min-width:200px;margin:auto 0px auto 10px; }

.intern .full fieldset { max-width:100%; }

.intern form .formInline { display:inline-block; }
.intern form .formInline select { width:90%; }

.intern .image-selection-area { height:355px;overflow-x:scroll; }
.intern .image-selection-area img { width:100px;height:100px;object-fit:cover; }
.intern .image-selection-area div { padding:3px; }
.intern .image-selection-area div.selected { border:3px solid #1f9234;padding:0; }

.intern #prev-image[src=""] { opacity:0; }

.intern .content_detail.odd { background-color:#eaf4ec; }
.intern .content_detail.even { background-color:#fff; }

.intern .norel { background-color:#ffc0c0 !important; }

.intern .gg_belegung { color:#333; }
.intern .gg_belegung .pointer { color:#fff;text-align:center; }

.intern .pikto-drag-lists { display:flex;gap:0.5em; }
.intern .pikto-drag-lists img { max-height:25px;padding-right:10px; }
.intern .pikto-drag-lists .drag-item { display:flex;height:unset; }

.intern .img-list > .content_detail { gap:1em;flex-wrap:nowrap; }
.intern .img-list > .content_detail > img { width:50%;object-fit:contain; }
.intern .img-list > .content_detail > div { justify-content:space-between;width: calc(50% - 1em); }

/* VA-Import */
.intern .content_liste.va .content_detail { padding: 10px;}
.intern .content_liste.va .content_detail h4 { margin-top: 0px;}

/* Iframe */
.iframe { background-color: #fff; }

@media screen and (max-width: 1300px){
    .row-flex { flex-direction:column; }
    .row-flex.row-flex-md { flex-direction:row; }
	#lytebox-container.row-flex {flex-direction:row; }
	.titelbild-slider .titelbild-bullet-nav { top:50px; }
}

@media screen and (max-width: 1280px){
	.overlay-menu { left:calc(50% - 50vw); }
	#lytebox-container .arrows { justify-content:space-evenly;}
	#lytebox-container .arrows > .arrow { top:185px; }
	#lytebox-container .arrows > .arrow > i	{ top:0;left:0;right:0; }
}

@media screen and (max-width: 1160px){
	.top-bar .main-navigation .nlv_1 > li > a, .main-navigation .nlv_1 > li > span { font-size:1em; }
}

@media screen and (max-width: 1090px){
	.flex-list > .flex-item { width:100%; }
	.col-flex-2 { min-width:150px; }
	
	.top-bar .main-navigation .nlv_1 > li > a, .main-navigation .nlv_1 > li > span { font-size:0.9em; }
	.floaty-header nav a { font-size:0.8em !important; }
	
	.logo img { max-height:45px !important }
}

@media screen and (max-width: 1024px){
	div.belegungsplan { overflow:auto; }
}

@media screen and (max-width: 960px){
    .row-flex-md { flex-direction:column !important; }
	.site-header { height:auto; }
	.top-curved { height:80px;margin-top:-70px;/*bottom:-45px;*//*border-top-left-radius: 50% 33%;border-top-right-radius: 50% 33%;width:102%;position:relative;top:-100px;left:-1%;background-color:#fff;padding-top:10px;*/ }
	.curved-headline { margin-top:15px; }
	/*.bot-curved { border-bottom-left-radius: 50% 33%;border-bottom-right-radius: 50% 33%;height:120px;width:102%;position:relative;bottom:0;left:-1%;background-color:#fff;padding-bottom:10px; }*/
	
	.primary-bg-color { background:#fff; }
	.primary-bg-color a { background-color:#1f9234; }
	
	/*.titelbild-slider .titelbild .wrap-img { height:250px; }*/
    .titelbild-slider .titelbild .wrap-img .bg-img { background-position:cover;height:100%; }
	
	.header-booking { padding-top:2em !important; }
	
	.wrapper.small { max-width:100%; }
	
	.dir-col-960 { flex-direction: column; }
	
	.search-result .result-content { margin:15px; }
	.search-result .result-pricing { margin: 0 1em 15px; }
	
	header { padding-top:60px !important; }
	#nav-mob { position:fixed;z-index:100;width:100vw; }
	
	.start-slay { flex-direction:column;align-items:center;gap:10px; }
	.start-slay > span:nth-child(2), .start-slay > span:nth-child(4) { display:none; }
}

@media screen and (min-width: 961px){
	.dir-col-960 { flex-direction: row !important; }
}

@media screen and (max-width: 680px){
	.header-booking { padding-top:0.5em; }
    
	.information-container .sidebar { display:none; }
	
	.gastro-search .col-flex { flex:inherit; max-width:inherit; }
	
	.gastro-result .content_detail { height:300px; }
	.gastro-result .content_detail img { height:150px;width:min(40%,200px); }
	
	.dir-col-680 { flex-direction: column; }
	
	form .formular_bezeichnung { width: 100%; }
	form .formular_input { width:100%; }
	
	.card-list-3 .card, .card-list-3.complex .card { min-width: 95vw; }
	
	#gg_anfrage .input_absenden { height:50px; }
}

@media screen and (min-width: 681px){
	.dir-col-680 { flex-direction: row !important; }
}