body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ /* Document ======== */ /** Use a better box model (opinionated). */ *, ::before, ::after { box-sizing: border-box; } /** Use a more readable tab size (opinionated). */ html { -moz-tab-size: 4; tab-size: 4; } /** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ======== */ /** Remove the margin in all browsers. */ body { margin: 0; } /** Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ body { font-family: system-ui, -apple-system, /* Firefox supports this but not yet `system-ui` */ 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; } /* Grouping content ================ */ /** 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ } /* Text-level semantics ==================== */ /** Add the correct text decoration in Chrome, Edge, and Safari. */ abbr[title] { text-decoration: underline dotted; } /** Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /** 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 2. Correct the odd 'em' font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** Add the correct font size in all browsers. */ small { font-size: 80%; } /** Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Tabular data ============ */ /** 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ } /* Forms ===== */ /** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** Remove the inheritance of text transform in Edge and Firefox. 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** Remove the inner border and padding in Firefox. */ ::-moz-focus-inner { border-style: none; padding: 0; } /** Restore the focus styles unset by the previous rule. */ :-moz-focusring { outline: 1px dotted ButtonText; } /** Remove the additional ':invalid' styles in Firefox. See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 */ :-moz-ui-invalid { box-shadow: none; } /** Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. */ legend { padding: 0; } /** Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /** Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to 'inherit' in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive =========== */ /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* tangerine-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Tangerine'; font-style: normal; font-weight: 400; src: url('/files/fonts/tangerine-v17-latin-regular.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/tangerine-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/tangerine-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/fonts/tangerine-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/files/fonts/tangerine-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/fonts/tangerine-v17-latin-regular.svg#Tangerine') format('svg'); /* Legacy iOS */ } /* tangerine-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Tangerine'; font-style: normal; font-weight: 700; src: url('/files/fonts/tangerine-v17-latin-700.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/tangerine-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/tangerine-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/fonts/tangerine-v17-latin-700.woff') format('woff'), /* Modern Browsers */ url('/files/fonts/tangerine-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/fonts/tangerine-v17-latin-700.svg#Tangerine') format('svg'); /* Legacy iOS */ } /* poppins-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('/files/fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/files/fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('/files/fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */ src: url('/files/fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('/files/fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */ } /*GLOBAL SLIDER*/ .background-slider .breitbild_wrap { animation: slider 11s infinite; } /*START SLIDER*/ .background-slider.start-slider .breitbild_wrap { animation: start-slider 27.5s infinite; } /*GLOBAL SLIDES*/ .background-slider .breitbild_wrap:nth-child(1) { animation-delay: 0s; } .background-slider .breitbild_wrap:nth-child(2) { animation-delay: -5.5s; } /*START SLIDES*/ .background-slider.start-slider .breitbild_wrap:nth-child(1) { animation-delay: 0s; } .background-slider.start-slider .breitbild_wrap:nth-child(2) { animation-delay: -5.5s; } .background-slider.start-slider .breitbild_wrap:nth-child(3) { animation-delay: -11s; } .background-slider.start-slider .breitbild_wrap:nth-child(4) { animation-delay: -16.5s; } .background-slider.start-slider .breitbild_wrap:nth-child(5) { animation-delay: -22s; } /*4 Pic Slider*/ .slider-4-images .breitbild_wrap { animation: slider 22s infinite; } .slider-4-images .breitbild_wrap:nth-child(1) { animation-delay: 0s; } .slider-4-images .breitbild_wrap:nth-child(2) { animation-delay: -5.5s; } .slider-4-images .breitbild_wrap:nth-child(3) { animation-delay: -11s; } .slider-4-images .breitbild_wrap:nth-child(4) { animation-delay: -16.5s; } /*GLOBAL ANIMATION*/ @keyframes slider { 0%, 45%, 100% { opacity: 1; animation-timing-function: ease; z-index: 0; } 50% { opacity: 0; animation-timing-function: step-end; z-index: 0; } 95% { opacity: 1; animation-timing-function: step-end; z-index: -1; } } /*START ANIMATION*/ @keyframes start-slider { 0%, 19%, 100% { opacity: 1; animation-timing-function: ease; z-index: 0; } 21% { opacity: 0; animation-timing-function: step-end; z-index: 0; } 98% { opacity: 1; animation-timing-function: step-end; z-index: -1; } } /* Arrangements – Slider (Startseite) und Detailseite Hotel Siebeneichen · Farben aus dem Theme: Grün #427327 / #5b9e36, Gelb #F3D627 */ /* ---------- Abschnitt auf der Startseite ---------- */ .arrangements-section{padding:4em 0 5em} .arrangements-section .arrangements-intro{text-align:center;max-width:780px;margin:0 auto 2.5em;padding:0 2em} .arrangements-section .arrangements-intro h2{font-family:'Tangerine';font-size:5em;line-height:110%;color:#427327;margin:0 0 .15em} .arrangements-section .arrangements-intro p{margin:0;color:#E6E8EB} /* ---------- Slider ---------- */ .arrangement-slider{position:relative;max-width:1280px;margin:0 auto;padding:0 4.5em} .arrangement-slider .slick-track{display:flex} .arrangement-slider .slick-slide{height:auto} .arrangement-slider .slick-slide > div{height:100%} .arrangement{outline:none} .arrangement__inner{display:flex;background:#fff;height:100%;min-height:480px;box-shadow:0 20px 50px rgba(0,0,0,.35)} .arrangement__media{position:relative;flex:0 0 50%;overflow:hidden;background:#1E2123} .arrangement__media figure{position:absolute;top:0;right:0;bottom:0;left:0;margin:0} .arrangement__media a{display:block;height:100%} .arrangement__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease} /* Bildausschnitt je Arrangement über CSS-Klasse am Eintrag */ .bild-links .arrangement__media img,.bild-links .arrangement-detail__hero img{object-position:20% center} .bild-rechts .arrangement__media img,.bild-rechts .arrangement-detail__hero img{object-position:80% center} .bild-oben .arrangement__media img,.bild-oben .arrangement-detail__hero img{object-position:center 20%} .arrangement:hover .arrangement__media img{transform:scale(1.03)} .arrangement__body{flex:1 1 50%;display:flex;flex-direction:column;padding:2.6em 3em;color:#333} .arrangement__kicker{margin:0 0 .4em;font-size:.8em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#427327 !important} .arrangement__title{position:relative;margin:0 0 1.1em;padding-bottom:.55em;font-size:1.75em;line-height:130%;color:#1E2123 !important} .arrangement__title:after{content:"";position:absolute;left:0;bottom:0;width:4em;height:3px;background:#427327} .arrangement__title a{color:inherit;text-decoration:none;display:inline} .arrangement__title a:hover{color:#427327} .arrangement__teaser{flex:none} .arrangement__teaser p{color:#555 !important;margin:0 0 .8em} .arrangement__teaser{position:relative;max-height:9.2em;overflow:hidden} .arrangement__teaser:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3em;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none} .arrangement__body .arrangement__price{margin-top:auto} .arrangement__more{align-self:flex-start;margin:.3em 0 1.4em;font-weight:700;font-size:.9em;color:#427327;text-decoration:none} .arrangement__more:hover{color:#5b9e36;text-decoration:underline} .arrangement__more:after{font-family:'Line Awesome Free';font-weight:900;content:"\f061";margin-left:.35em} .arrangement__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em 1.2em;margin:1.4em 0 1.6em;padding:1em 1.2em;background:#F5F7FA;border-left:4px solid #427327} .arrangement__price .arr-preis,.arrangement-detail .arr-preis{overflow:visible} .arrangement__price p:first-child strong,.arrangement-detail .arr-preis p:first-child strong{line-height:1.15;display:inline-block} .arrangement__price p{margin:0;color:#555 !important;font-size:.9em} .arrangement__price p:first-child{width:100%;color:#1E2123 !important;font-size:1em} .arrangement__price p:first-child strong{font-size:1.9em;color:#427327;margin-left:.15em} .arrangement__actions{display:flex;flex-wrap:wrap;gap:.8em} .arrangement__btn{display:inline-flex;align-items:center;gap:.5em;padding:.75em 1.4em;font-weight:700;font-size:.95em;text-decoration:none;border:2px solid #427327;transition:all .2s ease} .arrangement__btn--primary{background:#427327;color:#fff} .arrangement__btn--primary:hover{background:#5b9e36;border-color:#5b9e36;color:#fff} .arrangement__btn--ghost{background:transparent;color:#427327} .arrangement__btn--ghost:hover{background:#427327;color:#fff} .arrangement__btn--primary:before{font-family:'Line Awesome Free';font-weight:900;content:"\f0e0";font-size:1.2em} .arrangement__btn--ghost:after{font-family:'Line Awesome Free';font-weight:900;content:"\f061"} /* Pfeile und Punkte */ .arrangement-slider .slick-prev,.arrangement-slider .slick-next{width:52px;height:52px;border-radius:50%;background:#427327;transition:background .2s ease} .arrangement-slider .slick-prev{left:0 !important} .arrangement-slider .slick-next{right:0 !important} .arrangement-slider .slick-prev:hover,.arrangement-slider .slick-next:hover, .arrangement-slider .slick-prev:focus,.arrangement-slider .slick-next:focus{background:#5b9e36} .arrangement-slider .slick-prev:before,.arrangement-slider .slick-next:before{font-family:'Line Awesome Free';font-weight:900;font-size:26px;opacity:1;color:#fff} .arrangement-slider .slick-prev:before{content:"\f104"} .arrangement-slider .slick-next:before{content:"\f105"} .arrangement-slider .slick-dots{bottom:-2.6em} .arrangement-slider .slick-dots li button:before{font-size:12px;color:#E6E8EB;opacity:.45} .arrangement-slider .slick-dots li.slick-active button:before{color:#5b9e36;opacity:1} /* Wisch-Hinweis (nur mobil sichtbar) */ .arrangement-hint{display:none;align-items:center;justify-content:center;gap:.6em;margin:0 0 1.2em;font-size:.85em;letter-spacing:.06em;color:#E6E8EB} .arrangement-hint__count{font-weight:700;color:#5b9e36} .arrangement-hint__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent} .arrangement-hint__btn:active{background:rgba(91,158,54,.2)} .arrangement-hint__btn:before{font-family:'Line Awesome Free';font-weight:900;color:#5b9e36;font-size:1.5em} .arrangement-hint__prev:before{content:"\f104"} .arrangement-hint__next:before{content:"\f105";display:inline-block;animation:arrNudge 1.6s ease-in-out infinite} @keyframes arrNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}} /* ---------- Detailseite ---------- */ .arrangement-detail{color:#333} .arrangement-detail__hero{position:relative;max-height:520px;overflow:hidden} .arrangement-detail__hero figure{margin:0} .arrangement-detail__hero img{display:block;width:100%;height:520px;object-fit:cover} .arrangement-detail__wrap{max-width:1280px;margin:-6em auto 4em;padding:0 2em;position:relative} .arrangement-detail__card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.35);text-align:left} .arrangement-detail__main{padding:3em} .arrangement-detail__aside{padding:3em 2.5em;background:#F5F7FA;border-left:1px solid #E6E8EB} .arrangement-detail h1{font-size:4em;line-height:110%;margin:0 0 .2em} .arrangement-detail .arrangement__kicker{font-size:.85em} .arrangement-detail__teaser p{color:#555 !important} .arrangement-detail h2,.arrangement-detail h3{color:#1E2123 !important} .arrangement-detail .arr-leistungen h2,.arrangement-detail .arr-leistungen h3{position:relative;font-size:1.3em;margin:1.6em 0 1em;padding-bottom:.5em} .arrangement-detail .arr-leistungen h2:after,.arrangement-detail .arr-leistungen h3:after{content:"";position:absolute;left:0;bottom:0;width:3em;height:3px;background:#427327} .arrangement-detail .arr-leistungen ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:2em} .arrangement-detail .arr-leistungen li{position:relative;padding:0 0 .7em 1.9em;color:#333} .arrangement-detail .arr-leistungen li:before{position:absolute;left:0;top:.05em;font-family:'Line Awesome Free';font-weight:900;content:"\f00c";color:#427327;font-size:1.15em} .arrangement-detail .arr-preis p{margin:0 0 .4em;color:#555 !important} .arrangement-detail .arr-preis p:first-child{color:#1E2123 !important} .arrangement-detail .arr-preis p:first-child strong{display:block;font-size:2.4em;line-height:120%;color:#427327} .arrangement-detail .arrangement__actions{flex-direction:column;margin-top:2em} .arrangement-detail .arrangement__btn{justify-content:center} .mod_newsreader .arrangement-detail .ce_text{text-align:left} .arrangements-page .mod_newsreader p.back{text-align:center;margin:0 0 4em} .arrangements-page .mod_newsreader p.back a{display:inline-flex;align-items:center;gap:.5em;padding:.75em 1.4em;font-weight:700;font-size:.95em;text-decoration:none;color:#fff;border:2px solid #427327;transition:all .2s ease} .arrangements-page .mod_newsreader p.back a:before{font-family:'Line Awesome Free';font-weight:900;content:"\f060"} .arrangements-page .mod_newsreader p.back a:hover{background:#427327;color:#fff} /* ---------- Responsiv ---------- */ @media (max-width:1250px){ .arrangement-slider{padding:0 4em} .arrangement__body{padding:2em 2.2em} } @media (max-width:900px){ .arrangements-section .arrangements-intro h2{font-size:4em} .arrangement-slider{padding:0 1em} .arrangement__inner{flex-direction:column;min-height:0} .arrangement__media{flex:none;aspect-ratio:16/10} .arrangement-slider .slick-prev,.arrangement-slider .slick-next{display:none !important} .arrangement-slider{padding:0} .arrangement-slider .slick-slide{padding:0 6px;transition:opacity .3s ease} .arrangement-slider .slick-slide:not(.slick-current){opacity:.5} .arrangement-hint{display:flex} .arrangement-slider .slick-dots li button:before{font-size:14px} .arrangement-detail__card{grid-template-columns:1fr} .arrangement-detail__aside{border-left:0;border-top:1px solid #E6E8EB} .arrangement-detail__hero img{height:320px} .arrangement-detail__wrap{margin-top:-3em} } @media (max-width:500px){ .arrangement__body{padding:1.6em 1.4em} .arrangement__title{font-size:1.4em} .arrangement__actions{flex-direction:column} .arrangement__btn{justify-content:center} .arrangement-detail__main,.arrangement-detail__aside{padding:2em 1.4em} .arrangement-detail h1{font-size:3em} .arrangement-detail .arr-leistungen ul{grid-template-columns:1fr} } /* style.css */ .d21-primary:hover:before{background-color: #5b9e36 !important;opacity: 1 !important}.d21-primary:before{background-color: #427327 !important}.not-dark-bg p,.not-dark-bg h2,.not-dark-bg h3{color: #333 !important}h2,h3{color: #F5F7FA}p,.nav-info a,label{color: #E6E8EB}body{background-color: #111213}.gallery-images-3{display: grid;grid-template-columns: 1fr 1fr 1fr}.gallery-images-3 > .image-item > figure{width: 100%;height: 350px}.gallery-images-3 > .image-item > figure > img{width: 100%;height: 100%;object-fit: cover}.simpleContentRow{display: flex;gap: 2rem}.map-image-layout{max-width:1200px;margin-right:auto;margin-left:auto;padding:1rem}.map-image-grid{width:100%;display: grid; grid-template-columns: 1fr 1fr; gap: 1rem}.map-image-grid__image{height:500px;position:relative;overflow:hidden}.map-image-grid__image figure{width:100%;height:100%;margin:0}.map-image-grid__image figure img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block}.map-image-grid__map{position: relative;height: 500px}.map-image-grid__map > div{width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0}{}.mod_newsreader>div>.ce_gallery>ul{justify-content: center}.mod_newsreader>div>.ce_image>figure>img{width:80%;margin-right:auto;margin-left:auto}.mod_newsreader{text-align:center}.formular-row{display: flex;padding-bottom: 16px;justify-content: space-between;width: 100%;align-items: flex-start;border-top: 0;border-right: 0;border-left: 0}.formular-container input:focus,.formular-container textarea:focus{outline: none; border-bottom: 2px solid #F3D627; box-shadow: 0 2px 0 rgba(243, 214, 39, 0.3)}.formular-container input,.formular-container textarea{background-color: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #ffffff; font-size: 1rem; padding: 8px 4px; width: 100%;max-width: 640px; transition: border-color 0.25s ease, box-shadow 0.25s ease}.formular-container{display: flex;justify-content: center;max-width: 1024px;width: 100%;padding: 16px;flex-direction: row;margin: auto}.formular-button:hover{background-color: #5b9e36}.formular-button button{background-color: #427327;color: white;font-size: 1.2em;border: none;padding: 10px 20px;border-radius: 5px;cursor: pointer;float: right;transition: background-color 0.3s ease}h2>a{text-decoration:none;color:#F5F7FA}{}.specific-video-margin{margin-right:auto;margin-bottom:50;margin-left:auto;text-align:center;width: fit-content}#article-45{padding-bottom:50;padding-bottom: 50px !important}.galerie_layout{margin-right:auto;margin-left:auto;text-align:center;width: fit-content}.no_overflow > .ce_text{overflow:visible}.no_overflow{overflow:visible}.d21-quickbook{margin-top:3rem !important}.nav_info span > a{text-decoration:none;color:#E6E8EB}.nav_info span{margin-right:1em}.nav_info span:last-child{margin-right:0}#header .nav_info{text-align:right}.mobile_menu .nav_info span{display:block;margin: .4em 0}.mobile_menu hr{margin: 2em 0 1em}.mb3rem{margin-bottom:3rem !important}.ausstattung > ul{display: flex;margin-bottom:3rem}.ausstattung > ul > li{margin: 0em 3em}.kacheln .flexy-container > .ce_text img,.flexy-container.unterkacheln > .ce_text > figure > a > img{transform: scale(1.02)}.mobile_menu.active.position_right{box-shadow: 6px 0 12px 0 rgba(0,0,0,.2)}.mobile_menu .inner{padding: 4em;background-color:#fff}.mobile_menu .logo{margin-bottom:1em}.mod_mobile_menu{text-align:right}.mobile_button:hover{cursor:pointer}.mobile_button{font-size: 1.3em}p{font-size:110%;line-height:140%}header p,footer p{font-size:105%}.mod_navigation ul li.active:hover{cursor:default}.background-slider{height:700px;position: relative}.slider-4-images{height:700px;position: relative}.slider-4-images > .breitbild_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center}.page_start .background-slider{/*height:650px;*/position: relative}.background-slider > .breitbild_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center}.zimmer-wrap .spalte2 .slick-slide figure{margin:0 5%}.slick-next{right: 25px !important;z-index: 1}.slick-prev{left: 25px !important;z-index: 1}.zimmer-wrap{display:flex;align-items: center;margin-bottom:10em}.zimmer-wrap .ce_text{background-color:#eee;padding: 2em;margin-bottom: 3em}.zimmer-wrap img{width:100%}.spalte1,.spalte2{width:50%}.zimmer-wrap.alternating > .spalte1{order:2}.zimmer-wrap.alternating > .spalte2{order:1}.kacheln figure,.kacheln img{width:100%}.ce_image > figure > a{display:block}.info_nav_wrap > .ce_text p > i,.info_nav_wrap > .ce_text p > a{margin-left: 1.3em}.info_nav_wrap > .ce_text > p > a{text-decoration:none;color:#333}.y_button > p > a{margin-top:1em;background-color: #427327;padding: 0.3em 1em;text-decoration: none;color: #fff;transition:all .2s ease}.y_button > p > a:hover{background-color: #5b9e36;color: #fff}.button-hlink > a{margin-top:1em;background-color: #427327;padding: 0.3em 1em;text-decoration: none;color: #fff;transition:all .2s ease}.button-hlink > a:hover{background-color: #5b9e36;color: #fff}.imp #footer{margin-top:3em}.kacheln .flexy-container > .ce_text a{display:block;position:relative}.kacheln .flexy-container > .ce_text a:hover:after,.flexy-container.unterkacheln > .ce_text > figure a:hover:after{opacity:1}.kacheln .flexy-container > .ce_text a:after,.flexy-container.unterkacheln > .ce_text > figure a:after{display: block;content: "";width: 100%;height: 100%;opacity: 0;transition: opacity .2s ease;position: absolute;top: 0;left: 0;background-color: #3333334d}.kacheln .flexy-container > .ce_text:hover img,.flexy-container.unterkacheln > .ce_text > figure a:hover img{transform: scale(1.05)}.kacheln .flexy-container > .ce_text img,.flexy-container.unterkacheln > .ce_text > figure a img{transition: transform .2s ease}.kacheln .flexy-container > .ce_text:hover > h2{opacity:1}.kacheln .flexy-container > .ce_text > h2{color:#fff;opacity:0;transition: opacity .2s ease;z-index:1;pointer-events: none}.kacheln .flexy-container > .ce_text{display: flex;flex-direction: column;align-items: center;justify-content: center}.flexy-container p{display:none}.max-width-container{max-width: 1280px;margin: 0 auto}.ce_sliderStart,.content-slider{height: calc(100% - 30px)}.breitbild_wrap{background-position: center;background-repeat: no-repeat;background-size: cover}.mb3em{margin-bottom: 3em}.flexy-container h2,.flexy-container p{position:absolute}.flexy-container{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center}.flexy-container > .ce_text{width:25%}.flexy-container.unterkacheln > .ce_text{width: 33.333%;margin-bottom: 4em;display: flex;flex-direction: column}.flexy-container.unterkacheln > .ce_text > p:first-of-type{flex:1}.flexy-container.unterkacheln > .ce_text > figure > a,.flexy-container.unterkacheln > .ce_text > figure > a > img{width:100%;display: block}.flexy-container.unterkacheln > .ce_text > figure{margin-bottom: 3rem;display: flex;justify-content: center;align-items: center;position: relative;overflow:hidden}.flexy-container.unterkacheln > .ce_text > figure:hover figcaption{opacity:1}.flexy-container.unterkacheln > .ce_text > figure figcaption{position: absolute;opacity:0;transition:opacity .2s ease;font-size: 2em;font-weight: 700;color: #fff;pointer-events:none;line-height: 120%;text-align: center}.flexy-container.unterkacheln h2,.flexy-container.unterkacheln p,.zimmer-wrap h2{position:relative;display: block;padding: 0 3rem}.flexy-container.unterkacheln h2:after,.zimmer-wrap h2:after{content: "";width: 65%;height: 3px;background-color: #427327;left: 15%;bottom: -1rem;position: absolute;margin-left: 2em}.flexy-container.unterkacheln h2,.zimmer-wrap h2{display:inline-block}.flexy-container.unterkacheln h2{width: fit-content}.zimmer-wrap h2{margin: 2rem 0 3rem}.zimmer-wrap p{padding: 0 3rem}figure > img,figure > a > img{display:block}html{scroll-behavior: smooth}.intro h1{font-size: 8em;margin: 0;color:#427327}#article-1{height:700px;background-color:#f3d626}.article_padding{padding:4em 0}.center{text-align:center}.mod_navigation ul li > a{text-decoration:none;// color:#333;color: #F5F7FA;padding: 0.2em 0.4em;transition:all .2s ease}.mod_navigation ul li > a:hover{background-color: #427327;color: #fff}.mod_navigation ul > .active{color: #F5F7FA}.mobile_menu .mod_navigation ul{margin:0;padding:0}.mobile_menu .mod_navigation ul li{display:block;margin: 0.6em 0}.mobile_menu .mod_navigation ul li > .active{padding: 0.2em 0.4em}.mod_navigation ul li{display:inline-block;text-transform: uppercase;margin:0 .6em;font-size: 1.3em;position:relative}.mod_navigation ul li:first-child{margin-left:0}.mod_navigation ul li:last-child{margin-right:0}.mod_navigation ul li:last-child > a{background-color: #427327;color: #fff}.mod_navigation ul li:last-child > a:hover{background: #5b9e36;color: #fff}#header .mod_navigation ul{padding: 0;margin: 0}#header .mod_navigation{overflow:visible}#header > .inside{display: flex;padding: 2em 4%;justify-content: space-between;align-items: center}.info_nav_wrap > .ce_text > p{margin-top:0}.info_nav_wrap{display: flex;flex-direction: column}.pfeil-button{display:inline-block;background-color: #427327;margin-top: 1em;transition:all .2s ease}.pfeil-button:hover{background-color:#427327}.pfeil-button:before{display:inline-block;color: #fff;font-size: 4em;transform: translateX(-0.2em);transition: .1s transform ease;pointer-events: none}.pfeil-button:hover:before{transform: translateX(0.0em)}.flexy{display:flex}.space-between{justify-content:space-between}.a_inside{max-width: 1280px;margin: 0 auto}.lp_section{width: 100%;/*display: flex;flex-wrap: wrap;*/}.lp_section .ce_text:nth-child(1){width: 100%;/*background-color: fuchsia;*/overflow:visible}.lp_section .ce_text:nth-child(1) > h2{position:relative;width: initial;display: inline-block;padding: 3rem 6rem;/*background: #80808087;*/background: #17171787;margin: 0;font-size: 8em;color: #fff;font-family: Tangerine;min-height: 600px}.lp_section:nth-child(odd) .ce_text:nth-child(1) > h2:after{content: "";position: absolute;background-image: url("/files/grafiken/ornament_w.svg");background-size: cover;background-repeat: no-repeat;background-position: top left;bottom: 0;width: 80%;left: 10%;height: 33%}.lp_section:nth-child(even) .ce_text:nth-child(1) > h2:after{content: "";position: absolute;background-image: url("/files/grafiken/ornament_y.svg");background-size: cover;background-repeat: no-repeat;background-position: top left;top: 85%;width: 80%;left: 10%;height: 35%}.lp_section .ce_text:nth-child(1) > p{display: none}.lp_section .ce_text:nth-child(2){background-color: #fff;display: block;height: 100%;padding: 2em 4em;transform: translateY(-50%);margin-left: auto;margin-right: 4%;width: 59%}.lp_section:nth-child(even) .ce_text:nth-child(1){text-align: right}.lp_section:nth-child(even) .ce_text:nth-child(2){margin-right: auto;margin-left: 4%}.lp_section h3{position: relative;display: inline-block;font-size: 1.6em;margin-bottom: 1.4em;margin-top: 0.6em}.lp_section h3:after,#header .mod_navigation ul .active > strong:after{content: "";width: 120%;height: 3px;background-color: #427327;left: 0;bottom: -1em;position: absolute;margin-left: 20%}#header .mod_navigation ul .active > strong:after{height: 3px;width: 80%;margin-left: 10%;bottom: -.5em}body{font-family: 'Poppins';line-height: 150%;font-size:100%;color:#333}a{display: inline-block}h1,h2,h3,h4,h5,h6{line-height:150%}h1{font-family: 'Tangerine';font-size: 5em;color: #427327}footer{//background-color: #f3d626;background-color: #1E2123}footer a{font-weight:700;color:#fff;text-decoration:none}footer a:hover{color:#fff}footer > .inside > .a_inside{padding:2em 0}footer > .inside > .ce_text{background-color: #427327}footer > .inside > .ce_text > p{max-width: 1280px;margin: 0 auto;padding: 0.5em 0;font-size: 0.76em;color: #fff}footer h4{color:#fff;font-size:1.2em} @media (max-width : 1340px){ /* 1340max-width.css */ #header > .inside{padding:2em}.background-slider{height:500px;position: relative} } @media (max-width : 1250px){ /* 1250max-width.css */ .flexy-container.unterkacheln > .ce_text{width: 50%}.zimmer-wrap .ce_text{padding: 0 0 1em 0}.ausstattung > ul > li{margin: 0em 2em}footer > .inside > .ce_text > p{padding: 0.5em 2em}footer > .inside > .a_inside{padding: 2em}.max-width-container{padding-left:2em;padding-right:2em}#header > .inside{padding: 1em 2em}.info_nav_wrap > .ce_text > p{font-size:90%}.info_nav_wrap > .mod_navigation{display:none} } @media (max-width : 900px){ /* 900max-width.css */ .map-image-grid{grid-template-columns: 1fr}.zimmer-wrap .ce_text{margin-bottom:0}.spalte2 > .slick-slider{width: 100%}.spalte2 > .ce_text{order: 2;width: 100%}.spalte2{display:flex;flex-wrap: wrap}.spalte1,.spalte2{width:100%}.zimmer-wrap{flex-wrap:wrap}.ausstattung > ul > li{margin: 0em 1em}.flexy-container > .ce_text{width:50%}.lp_section:nth-child(2n) .ce_text:nth-child(2){margin:0}footer > .inside > .ce_text > p{text-align:center}#header .nav_info{display:none}footer > .inside > .a_inside{flex-wrap:wrap;text-align: center}footer > .inside > .a_inside > .ce_text{width:100%}.background-slider{height: 400px}.intro h1{font-size:6em}p{font-size:100%}.lp_section .ce_text:nth-child(2){width: 100%;margin: 0;transform: initial}.lp_section .ce_text:nth-child(1) > h2{font-size: 6em;padding: 2rem 3rem;min-height: 400px} } @media (max-width : 500px){ /* 500max-width.css */ .simpleContentRow{flex-direction: column}.map-image-grid__image,.map-image-grid__map{height:350px}.ausstattung > ul > li{width: 25%;margin-bottom: 1em}.ausstattung > ul{margin-bottom: 2rem;flex-wrap: wrap;justify-content: space-evenly}.flexy-container.unterkacheln > .ce_text{width: 100%}.background-slider{height: 260px}.lp_section .ce_text:nth-child(1) > h2{min-height: 260px}p{font-size: 92%} }