/* montserrat-200 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url('../fonts/montserrat/montserrat-v15-latin-200.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat/montserrat-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat/montserrat-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat/montserrat-v15-latin-200.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat/montserrat-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat/montserrat-v15-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('../fonts/montserrat/montserrat-v15-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat/montserrat-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat/montserrat-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat/montserrat-v15-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat/montserrat-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat/montserrat-v15-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../fonts/montserrat/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('../fonts/montserrat/montserrat-v15-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat/montserrat-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat/montserrat-v15-latin-600.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat/montserrat-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat/montserrat-v15-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('../fonts/montserrat-v15-latin-800.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat/montserrat-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat/montserrat-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat/montserrat-v15-latin-800.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat/montserrat-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat/montserrat-v15-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* cinzel-regular - latin */
@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../fonts/cinzel/cinzel-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/cinzel/cinzel-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/cinzel/cinzel-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/cinzel/cinzel-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/cinzel/cinzel-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/cinzel/cinzel-v11-latin-regular.svg#Cinzel') format('svg'); /* Legacy iOS */
}
/* cinzel-700 - latin */
@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('../fonts/cinzel/cinzel-v11-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/cinzel/cinzel-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/cinzel/cinzel-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/cinzel/cinzel-v11-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/cinzel/cinzel-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/cinzel/cinzel-v11-latin-700.svg#Cinzel') format('svg'); /* Legacy iOS */
}
noscript {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip-link {
position: absolute;
top: -40px;
left: 10px;
background: #000;
color: #fff;
padding: 8px;
z-index: 100;
text-decoration: none;
}
.skip-link:focus {
top: 10px;
}
/* */
/* Standardmäßig kein sichtbarer Fokus*/
:focus {
outline: none;
box-shadow: 0;
}
/* Optional: Fokus für Links */
a:focus-visible, .navi-header a:focus-visible, .navi-header a:focus {
outline: 2px dashed #005fcc; /* Beispiel: anderer Stil für Links */
}
.slick-slide a:focus-visible{
border: 4px solid #005fcc !important;
}
a:focus-visible .text-title-wrap{
border: 4px solid #005fcc !important;
}
/* Optional: Fokus für Buttons */
button:focus-visible, .btn:focus-visible {
outline: 2px solid #005fcc !important;
outline-offset: 4px !important;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
button.menu-link-icon:focus-visible {
outline: none !important; /* Sichtbarer Fokus für Tastaturbenutzer */
outline-offset: 2px;
border: 2px solid #005fcc !important;
min-width: 24px;
min-height: 24px;
display: inline-block;
}
.navi-header a:focus-visible{
border: 2px solid #005fcc !important;
}
.powermail_form.layout3 .btn-group{
display: none;
}
.powermail_form.layout3 .powermail_legend{
}
.powermail_form.layout3 .powermail_fieldwrap_type_radio .control-label{
}
.powermail_form.layout3 h3:first-of-type{
display: none;
}
.powermail_form.layout3 fieldset:first-of-type .powermail_tab_navigation{
display: none;
}
.powermail_form.layout3 .powermail_fieldwrap_type_html, .powermail_form.layout3 .form-group{
text-align: center;
}
.powermail_form.layout3 .powermail_fieldset{
padding-top: 50px;
padding-bottom: 50px;
}
.powermail_form.layout3 .powermail_fieldset_15 {
max-width: 650px;
margin-left: auto;
margin-right: auto;
}
.powermail_form.layout3 .control-label{
max-width: 100%;
}
.powermail_form.layout3 .powermail_fieldwrap_type_radio{
text-align: center;
}
.powermail_form.layout3 .powermail_fieldwrap_type_radio .col-sm-10, .powermail_fieldset .col-sm-10{
width: 100%;
max-width: 100%;
}
/* SVG Icon STartseite */
.special-svg{
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
.svg-img{
text-align: center;
}
.svg-img svg{
width: 100px;
}
/* Grundstil für die Radioboxen */
.powermail_form.layout3 .powermail_radio {
display: none; /* Versteckt die eigentlichen Radioboxen */
}
.powermail_form.layout3 .radio{
display: inline-block;
}
/* Stil für die Label, die die Radioboxen umgeben */
.powermail_form.layout3 .radio label{
display: flex; /* Verwendet Flexbox */
align-items: center; /* Zentriert den Inhalt vertikal */
justify-content: center; /* Zentriert den Inhalt horizontal */
margin: 10px; /* Abstand zwischen den Labels, wenn sie untereinander angezeigt werden */
background-color: #926d1f; /* Dunkelrote Hintergrundfarbe */
color: white; /* Weiße Schriftfarbe */
border: 2px solid transparent; /* Transparenter Rand, der sich bei Auswahl ändert */
cursor: pointer; /* Zeigt den Zeiger-Cursor an, wenn Sie darüber fahren */
transition: all 0.3s, border-color 0.3s; /* Glatter Übergangseffekt */
width: 200px;
height: 200px;
box-sizing: border-box; /* Stellt sicher, dass Padding und Border in der Gesamtbreite und -höhe enthalten sind */
text-transform: uppercase;
flex-direction: column;
}
.powermail_form.layout3 .radio label:hover{
transform: scale(1.05); /* Vergrößert das Label um 5% */
}
.powermail_form.layout3 .powermail_fieldwrap_type_radio.layout2 .radio{
display: flex; /* Verwendet Flexbox */
flex-direction: row;
justify-content: center;
}
.powermail_form.layout3 .powermail_fieldwrap_type_radio.layout2 .radio label{
display: flex; /* Verwendet Flexbox */
flex-direction: row;
width: 100%;
max-width: 400px;
height: 40px;
}
/* Stil für die ausgewählten Labels */
.powermail_form.layout3 .radio label.selected-label, .powermail_form.layout3 .powermail_button.selected-label label {
background-color: white; /* Weißer Hintergrund */
color: #926d1f; /* Dunkelrote Schriftfarbe */
border-color: #926d1f; /* Dunkelroter Rand */
}
.powermail_form.layout3 .powermail_fieldwrap_type_radio .control-label{
}
.powermail_form.layout3 .powermail_tab_navigation a.btn-warning{
color: #fff;
background-color: #926d1f;
border: none;
font-size: 16px;
text-transform: uppercase;
}
.icon-svg.graduation-user {
display: inline-block;
width: 50px; /* Breite des Icons */
height: 50px; /* Höhe des Icons */
background: url('images/user-graduate-solid.svg') no-repeat center center;
background-size: contain;
}
.icon-svg.bell-concierge {
display: inline-block;
width: 50px; /* Breite des Icons */
height: 50px; /* Höhe des Icons */
background: url('images/bell-concierge-solid.svg') no-repeat center center;
background-size: contain;
}
.icon-svg.earth-europe {
display: inline-block;
width: 50px; /* Breite des Icons */
height: 50px; /* Höhe des Icons */
background: url('images/earth-europe-solid.svg') no-repeat center center;
background-size: contain;
}
.icon-svg.id-card-clip {
display: inline-block;
width: 50px; /* Breite des Icons */
height: 50px; /* Höhe des Icons */
background: url('images/id-card-clip-solid.svg') no-repeat center center;
background-size: contain;
}
.icon-svg.business-time {
display: inline-block;
width: 50px; /* Breite des Icons */
height: 50px; /* Höhe des Icons */
background: url('images/business-time-solid.svg') no-repeat center center;
background-size: contain;
}
.powermail_form.layout3 .radio label.label-ja::before {
/* content: url('images/circle-check-solid.svg'); /* Pfad zu Ihrem Ja-Icon */
content: url('data:image/svg+xml;utf8,');
width: 50px; /* Breite des Icons */
height: 50px; /* Höhe des Icons */
vertical-align: middle;
margin-right: 5px; /* Abstand zwischen dem Icon und dem Text */
margin-bottom: 20px;
}
.powermail_form.layout3 .radio label.label-ja.selected-label::before{
content: url('data:image/svg+xml;utf8,');
}
.powermail_form.layout3 .radio label.label-nein::before {
/* content: url('images/circle-xmark-solid.svg'); /* Pfad zu Ihrem Nein-Icon */
content: url('data:image/svg+xml;utf8,');
width: 50px; /* Breite des Icons */
height: 50px; /* Höhe des Icons */
vertical-align: middle;
margin-right: 5px; /* Abstand zwischen dem Icon und dem Text */
margin-bottom: 20px;
}
.powermail_form.layout3 .radio label.label-nein.selected-label::before{
content: url('data:image/svg+xml;utf8,');
}
.powermail_form.layout3 .radio label.label-bewerben::before {
/* content: url('images/pen-clip-solid.svg'); /* Pfad zu Ihrem Nein-Icon */
content: url('data:image/svg+xml;utf8,');
width: 50px; /* Breite des Icons */
height: 50px; /* Höhe des Icons */
vertical-align: middle;
margin-right: 5px; /* Abstand zwischen dem Icon und dem Text */
margin-bottom: 20px;
}
.powermail_form.layout3 .radio label.label-bewerben.selected-label::before{
content: url('data:image/svg+xml;utf8,');
}
.powermail_form.layout3 .powermail_button.selected-label label:before{
content: url('data:image/svg+xml;utf8,');
}
.powermail_form.layout3 .radio label.label-mehr::before {
/* content: url('images/pen-clip-solid.svg'); /* Pfad zu Ihrem Nein-Icon */
content: url('data:image/svg+xml;utf8,');
width: 50px; /* Breite des Icons */
height: 50px; /* Höhe des Icons */
vertical-align: middle;
margin-right: 5px; /* Abstand zwischen dem Icon und dem Text */
margin-bottom: 20px;
}
/* */
body{
font-size:16px;
font-family: 'Montserrat', sans-serif;
font-weight:300;
min-width:320px;
color: #181d24;
}
h1{
font-family: 'Cinzel', serif;
color:#926d1f;
font-size: 32px;
}
h2{
font-family: 'Montserrat', serif;
font-weight:400;
text-transform:uppercase;
color:#926d1f;
font-size: 28px;
text-align: center;
}
h3{
font-family: 'Montserrat', serif;
color:#181d24;
font-size: 26px;
font-weight:400;
text-align: center;
}
h4{
font-family: 'Montserrat', serif;
color: #181d24;
text-transform: uppercase;
font-weight:400;
}
.dce-video h4{
text-transform: uppercase;
font-size: 18px;
color: #762e12;
text-align: center;
}
a,
a:link,
a:hover, a:active {
color: #181d24;
text-decoration: underline;
}
a.btn,a.btn:link, a.btn:hover, a.btn:active{
text-decoration: none;
}
.btn{
border-radius: 0;
}
.o-hidden{overflow: hidden;}
#overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
z-index: 100;
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
#overlay.non-visi{
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
#overlay.visi{
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
img{
object-fit: cover;
width: 100%;
height: 100%
}
/* ========= */
#page{
max-width: 1200px;
margin: 0 auto 0 auto;
overflow: hidden;
}
.navbar-bg, .sticky-wrapper{
/*width: 1200px ;*/
max-width: 1200px;
width: 100%;
}
.sticky-wrapper.is-sticky{
max-width: 1200px !important;
width: 100%;
}
.navbar{
padding: 0;
}
.footer-navi-wrap{
display: flex;
}
.logo-wrap{
display: flex;
justify-content: center;
}
#pid-1 .logo-wrap img{
position: absolute;
width: 140px;
margin-left: -70px;
background-color: rgba(255,255,255,1);
padding: 10px;
object-fit: cover;
height: inherit;
}
.logo-wrap img{
position: absolute;
width: 90px;
margin-left: -61px;
background-color: rgba(255,255,255,1);
padding: 10px;
}
#logo{
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
/* ==== navi === */
.navi-header a, .navi-header a:link, .navi-header a:hover, .navi-header a:active, .navi-header a:focus{
text-decoration: none;
outline: none;
}
.navi-header{
display: flex;
text-transform:uppercase;
color: #fff;
justify-content: space-between;
font-size: 12px;
}
.navi-header a{color: #fff;}
.navi-header .panel-body a{color: #181d24;}
.navi-header-left{display: flex;}
.navi-header-right{display: flex;}
.navi-bottom{display: flex;}
.navi-bottom .nav-button{
border-right: 1px solid #b5a994;
}
.navi-bottom .nav-button:last-child{
border: 0;
}
.navi-bottom a {
display: inline-flex; /* Verhindert, dass Firefox den Text separat behandelt */
align-items: center;
text-decoration: none;
gap: 8px; /* Falls du Abstand zwischen Icon & Text möchtest */
white-space: nowrap; /* Verhindert, dass der Text in Firefox "auseinanderfällt" */
}
.nav-button{
display: inline-block;
width: 100px;
height: 80px;
}
.nav-button.booky a, .nav-button.tel a, .nav-button.mail a, .nav-button.gift a, .nav-button.facebook a, .nav-button.instagram a{
width: 100%;
height: 100%;
display: flex;
flex: ;
flex-direction: column;
justify-content: center;
}
.nav-button i{ font-size: 24px;display: block;}
.mav-button i:before{}
.nav-button.hamy{
/* background-color: #b5a994;*/
background-color: #762e12;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
}
.nav-button.langy{
background-color: #926d1f;
/*background-color: #762e12; */
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.hey-globe:before{
content: '';
display: block;
width: 30px;
height: 30px;
background: url(images/icon-sprachwahl.svg) no-repeat;
}
.bread_link_small:first-child{margin-right: 10px;}
.nav-button.booky{
/* background-color: #926d1f; */
background-color: #181d24;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.nav-button.booky .btn-gold{
background-color: #181d24 !important;
}
.nav-button.tel{
background-color:#762e12;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.nav-button.mail{
/* background-color: #762e12; */
background-color:#926d1f;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.nav-button.gift{
/*background-color: #926d1f; */
background-color: #181d24;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.nav-button.facebook{
background-color: #926d1f;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.nav-button.instagram{
background-color: #926d1f;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.navi-bottom .nav-button.mail, .navi-bottom .nav-button.gift, .navi-bottom .nav-button.tel{
background-color:#926d1f;
}
#navi{
position: absolute;
width: 500px;
transition: 0.5s ease-in-out;
height: 0;
overflow:hidden;
top: -40px;
background-color: transparent;
z-index: -1;
}
#navi.open {
min-height: 500px;
top: 80px;
z-index: 100;
position: fixed;
overflow: auto;
/*height: 100%;*/
}
#navi .container{
padding: 0;
}
#navi #naviAccordion .card{
border: none;
box-shadow: none;
border-radius: 0;
margin-bottom: 0px;
}
#navi #naviAccordion .card-header{
padding: 0;
display: flex;
justify-content: space-between;
}
#naviAccordion .card-header:first-child{
border-radius: 0;
}
#naviAccordion .card-header {
padding: 0;
margin-bottom: 0;
/* background-color: #b5a994;*/
background-color: #762e12;
border-bottom: 0;
}
#navi #naviAccordion .card-header a{
display: flex;
align-items: center;
}
#navi #naviAccordion .card-title{
color: #fff;
width: 70%;
margin-bottom: 0;
}
#navi #naviAccordion .card-title a{
display: inline-block;
padding: 25px 40px;
width: 100%;
/* background-color: #b5a994;*/
background-color: #762e12;
font-size: 15px;
color: #fff;
text-transform: uppercase;
position: relative;
transition: all 0.3s ease 0s;
}
#navi #naviAccordion .card-title a.collapsed{
color: #fff;
}
button.menu-link-icon{
background-color: transparent;
border: none;
}
#navi #naviAccordion a.menu-link-icon, #navi #naviAccordion button.menu-link-icon{width: 25%; justify-content: center; cursor: pointer;}
#navi #naviAccordion a.menu-link-icon:before,
#navi #naviAccordion a.menu-link-icon.collapsed:before,
#navi #naviAccordion button.menu-link-icon:before,
#navi #naviAccordion button.menu-link-icon.collapsed:before{
content: "\f139";
font-family: "fontawesome";
font-weight: 900;
font-size: 32px;
color: #fff;
line-height: 24px;
}
#navi #naviAccordion a.menu-link-icon.collapsed:before, #navi #naviAccordion button.menu-link-icon.collapsed:before{
content: "\f13a";
}
#navi #naviAccordion .card-title a:hover,
#navi #naviAccordion .card-title a.collapsed:hover,
#navi #naviAccordion .card-title a:before,
#navi #naviAccordion .card-title a:hover:before{
color: #fff;
}
#navi #naviAccordion .card-body{
padding: 15px 27px;
font-size: 14px;
color: #181d24;
line-height: 20px;
background-color: #e9e5df;
}
#navi #naviAccordion .card-body ul{
list-style-type: none;
margin-left: 0;
padding-left: 1rem;
}
#navi #naviAccordion .card-body ul li{
line-height: 2.5;
}
#navi #naviAccordion .card-body ul li a{
color: #181d24;
}
#navi #naviAccordion .card-body p{
margin-bottom: 0;
}
/* ===== */
#nav-icon3 {
height: 30px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
opacity: 1;
left: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
top: 3px;
}
#nav-icon3 span:nth-child(2) {
top: 15px;
}
#nav-icon3 span:nth-child(3) {
top: 26px;
}
#nav-icon3.open span:nth-child(1) {
top: 15px;
width: 0%;
left: 50%;
}
#nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(2) {
top: 15px;
width: 100%;
left: 0%;
}
#nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(3) {
top: 15px;
width: 100%;
left: 0%;
}
.hamburger {
position: relative;
/*padding: 8px 10px 8px 10px;*/
display: flex;
flex-direction: column;
cursor: pointer;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button.hamburger{
background-color: transparent;
border: none;
text-transform: uppercase;
color: #fff
}
#accordion.panel-group {
margin: 0px 0;
}
/* ================= */
.bg-grey{
background-color: #e9e5df;
}
.bg-grey-crown,
.bg-grey-zitat
{
background-color: #e9e5df;
padding-top: 0em!important;
margin-top: 30px!important;
}
.bg-grey-crown{
margin-top: 30px!important;
}
.bg-grey-crown:before{
width: 65px;
height:60px;
margin-right: auto ;
margin-left: auto;
background-image: url(/fileadmin/templates/img/Monarch-Krone.svg);
background-size:cover;
top: -43px;
display: block;
z-index:50;
position: relative;
}
.bg-grey-zitat:before{
width: 80px;
height:60px;
margin-right: auto;
margin-left: auto;
background-image: url(/fileadmin/templates/img/Anfuehrungszeichen.png);
background-size: cover;
top: -20px;
display: block;
z-index: 50;
position: relative;
}
.bg-darkgrey{
background-color: #b5a994;
color:#fff;
}
.bg-darkgrey h1,
.bg-darkgrey h2,
.bg-darkgrey h3,
.bg-darkgrey a,
.bg-darkgrey a:hover{
color: #fff;
}
.btn{padding: .5rem 1rem;}
.btn-primary, a.btn-primary:link{
color: #fff;
background-color: #926d1f;
border: none;
font-size:16px;
text-transform: uppercase;
}
.btn-primary a{color: #fff}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus, .btn-primary:active:hover,
.btn-primary:hover{
background-color: #926d1f;
}
.btn-gold{
background-color: #926d1f;
}
.btn-gold:active,
.btn-gold:focus,
.btn-gold:active:focus, .btn-primary:active:hover,
.btn-gold:hover {
background-color: #926d1f;
}
.btn-red, a.btn-red:link{
color: #fff;
background-color: #762e12;
border: none;
font-size: 16px;
text-transform: uppercase;
}
.btn-red:hover {
color: #e9e5df;
text-decoration: none;
}
.btn-white{
background-color: #fff;
color: #926d1f !important;
text-transform: uppercase;
}
.btn-white:active,
.btn-gowhiteld:focus,
.btn-white:active:focus,
.btn-white:hover {
background-color: #fff;
color: #926d1f !important;
}
/*
H1: Marcellus Regular
H2: Merriweather Sans Light, Versal
H3: Marcellus Regular
FT: Merriweather Sans Light
*/
.icon-bar-menu {
color:#926d1f;
transition: margin-top 0.5s;
position: absolute;
left: 15px;
top:15px;
font-weight: 400;
z-index: 50;
}
.icon-bar-menu a,
.icon-bar-menu a:hover{
color:#fff;
text-decoration: none;
background-color: #87888a;
border-radius: 50%;
width:30px;
line-height: 30px;
height:30px;
text-align: center;
display: block;
font-size: 20px;
float: left;
margin-left: 5px;
}
.icon-bar-menu .star-wrap,
.icon-bar-menu .language-menu,
.icon-bar-menu .icon-warp,
.icon-bar-menu .gift-wrap{
float:left;
}
.icon-bar-menu .gift-wrap{
margin-right: 15px;
margin-left: 40px;
}
.icon-bar-menu .icon-warp{
margin-left: 40px;
}
.icon-bar-menu .gift-wrap .fa,
.icon-bar-menu .icon-warp .fa{
font-size: 24px;
}
.icon-bar-menu .icon-warp a{
margin: 0 2px;
}
/*
body.de .language-menu a.de {
display:none;
}
body.en .language-menu a.en {
display:none;
}
body.fr .language-menu a.fr {
display:none;
}
*/
.icon-bar-menu .language-menu{
margin-left: 40px;
}
.language-gift-wrap{
position: relative;
z-index: 50;
}
.language-menu a{
padding-right: 3px;
margin-right: 3px;
border-right: none;
color:#ac8133;
text-decoration: none;
}
.language-menu a:last-child,
.language-menu span:last-child
{
padding-right: 0px;
margin-right: 0px;
border-right: none;
}
.language-menu{
margin-left: 15px;
margin-top: 15px;
float: right;
font-weight: 600;
}
.language-menu a,
.language-menu span{
padding-right: 5px;
margin-right: 5px;
font-family: 'Montserrat', serif;
font-size: 22px;
}
.navbar-bg{
background-color: rgba(255,255,255,1);
min-height: 80px;
}
.navbar-bg .icon-bar-menu-wrap{
position:relative;
}
.navbar-default {
background:none;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
position: absolute;
width: 100%;
z-index: 100;
border:none;
margin-bottom: 0px
}
.main-nav-wrap{
margin-left: auto;
margin-right: auto;
/*
float:right;
margin-top: 60px;
transition: margin-top 0.5s;
*/
}
.navbar-header.navbar-header-md{
clear:both;
}
.navbar-nav .menu-item{
padding-top: 70px;
}
.navbar-default .main-nav-wrap .navbar-nav>li>a {
color: #ac8133;
text-transform:uppercase;
padding-bottom:5px;
font-family: 'Montserrat', serif;
font-size: 20px;
font-weight: 600;
padding-bottom: 35px;
padding-top: 0px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #ac8133;
background-color: inherit;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: none;
}
@media (min-width: 1200px) {
.navbar-collapse-md .navbar-nav > li {
/* float: left; */
display: inline-block;
float:none;
height: 70px;
}
}
.nav > li.dropdown.open {
position: static;
}
.nav > li.dropdown.open .dropdown-menu {
display:table; width: 100%; text-align: left; left:0; right:0;
border: none;
min-height: 170px;
/* border-top: 5px solid #926d1f;*/
padding: 0;
box-shadow: none;
background-color:transparent;
}
.navbar-default .navbar-nav>.active>a{
background:none;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-default .navbar-nav>.open>a {
background:none;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-default .navbar-nav>.open .arrow-box {
position: relative;
background: #87888a;
}
.navbar-default .navbar-nav>.open .arrow-box:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(135, 136, 138, 0);
border-bottom-color: rgba(135, 136, 138, 0.9);
border-width: 20px;
margin-left: -20px;
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.nav>li>a:hover,
.nav .current>a{
border-color: #FFFFFF!important;
}
.dropdown-menu>li {
display: table-cell;
}
.drop-bg{
width:2000px;
left:0;
right:0;
color:#FFFFFF;
font-size: 16px;
}
.drop-bg a{
color:#FFFFFF;
}
.drop-bg .container{
position: relative;
background-color: rgba(135,136,138,0.9);
width: 1200px;
}
.nav { margin-bottom: 0;
display: inline-block;
/* margin-left: auto; */
text-align: center;
/* margin-right: auto; */
width: 100%;
margin-left: -10px;
margin-top: -30px;
}
.dropdown { position: static; }
.dropdown-menu { width: 100%; text-align: center; border-radius: 0 }
.dropdown-menu>li { display: inline-block; }
.left-navi{
margin-top: 30px;
}
.level-2{
margin-top: 30px;
min-height: 110px;
margin-left: 25px;
list-style-type: none;
margin-bottom: 20px;
float:left;
}
.level-2 li{
margin-bottom: 3px;
position: relative;
}
#main-navi .level-2 a{
font-size: 17px;
}
#main-navi .level-2 a:hover{
font-size: 18px;
text-decoration: none;
color:#926d1f;
}
.level-3{
position: absolute;
left: 150px;
/* top: 15px;*/
margin-top: -25px;
list-style-type: none;
/* display: none;*/
padding-left: 60px;
/* min-height: 200px;*/
visibility: hidden;
min-width: 220px;
padding-bottom: 15px;
}
.level-3 li{
max-width: none;
}
.level-2>li{
min-width: 190px;
}
.level-2>li>.fa{
font-size: 13px;
float: right;
margin-right: -15px;
padding-top: 5px;
}
.dd-toggel{
display: none;
}
.logo-wrap-responsive{
display: none;
}
.scroll-2-content{
position: absolute;
bottom:-25px;
left:0;
right:0;
text-align: center;
z-index: 50;
}
.scroll-2-content .container{
text-align: right;
}
.scroll-2-content .icon-wrap{
width:50px;
height:50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: #fff;
color: #ac8133;
font-size: 30px;
}
.scroll-2-content .icon-wrap a{
}
.head-slider{
min-height: 100px;
}
.content-header-wrap{
position: relative;
}
.booking-wrap{
position: fixed;
top: 300px;
right: 0;
background-color: #ac8133;
color: #fff;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
z-index: 200;
}
.booking-handle{
float: left;
min-height: 200px;
position: relative;
width:50px;
padding:10px;
cursor: pointer;
}
.booking-handle .fa{
font-size: 22px;
}
.booking-handle .text{
position: absolute;
left: -37px;
top: 85px;
transform: rotate(270deg);
font-size: 30px;
font-family: 'Montserrat', serif;
}
html[lang="en-US"] .booking-handle .text{
left: -47px;
}
.booking-form{
float: left;
width:0;
transition: width 0.5s;
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
max-height:190px;
}
.booking-form label{
font-weight: 400;
}
.booking-form .row{
margin-left: -5px;
margin-right: 0px;
}
.booking-form .col-xs-6{
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}
.booking-form input{
width:100%;
padding: 6px;
}
.booking-form select{
color: #666;
width: 100%;
border-radius: 0px;
font-size: 13px;
}
.booking-wrap.open .booking-form{
width:200px;
transition: width 0.5s;
}
.ui-widget-header{
background: none;
background-color: #ac8133;
}
.breadcrumb {
background-color: transparent;
margin-bottom:0;
margin-top: 20px;
font-size: 13px;
}
.breadcrumb a,
.breadcrumb a:hover {
color: #926d1f;
}
main{
position:relative;
}
.head-slider .dce-bildcollage{
margin-top: 80px;
}
.dce-bildcollage .left-col{
border-right: 10px solid #fff;
overflow: hidden;
}
.dce-bildcollage .right-col-top{
border-bottom: 10px solid #fff;
overflow: hidden;
}
.dce-bildcollage .ctaTxt-wrap{
width: 100%;
height: 100%;
background-color: #b5a994;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding: 20px;
color: #181d24;
font-size: 1.2rem;
font-weight: 400;
margin-bottom: 1rem;
}
.dce-bildcollage .ctaTxt-wrap h3{
font-size: 1.2rem;
/*color: #fff;*/
color: #181d24;
font-weight: 400;
margin-bottom: 1rem;
}
.dce-bildcollage .right-col{padding: 0;}
.dce-bildcollage .col-md-6{padding: 0;}
.dce-bildcollage .row{margin-right: 0;margin-left: 0;}
/* =============== */
.dce-headslider .slider-item{
position: relative;
}
.dce-headslider img{
width:100%;
}
.dce-headslider .text-wrap{
position: absolute;
bottom: 0;
left: 0;
right: 0;
color:#fff;
text-align: center;
}
.dce-headslider .text-wrap .title{
font-size:1.5rem;
font-family: 'Montserrat', serif;
font-weight: 400;
color:#762e12;
text-transform: uppercase;
}
.dce-headslider .text-wrap .subtitle{
margin-bottom: 20px;
font-size: 1rem;
color:#57585a;
}
.dce-headslider .text-wrap .btn{
text-transform: uppercase;
align-self: center;
font-size: 0.8rem;
}
.dce-headslider .teaser-wrap {
padding: 20px 20px 0 20px;
background-color: rgba(255,255,255,0.8);
max-width: 700px;
margin: 0 auto 0 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.dce-headslider .slick-prev {
left: 40px;
z-index: 5;
}
.dce-headslider .slick-next {
right: 40px;
}
.dce-headslider .slick-prev, .dce-headslider .slick-next {
width: 40px;
height: 40px;
top:50%;
}
.dce-headslider .slick-prev:before, .dce-headslider .slick-next:before {
font-size: 40px;
text-shadow: 1px 1px 3px #666;
}
.dce-standard-text{
margin-bottom: 30px;
text-align: center;
display: flex;
flex-direction: column;
}
.container.padding-80 .ein-button{
position: absolute !important;
bottom: -80px !important;
text-align: center;
width: 100%;
}
.dce-standard-text ul{
text-align: left;
margin-bottom: 2rem;
}
.dce-standard-text ul li{
line-height: 1.9;
}
.dce-standard-text h1{
margin-bottom:0;
text-transform: uppercase;
margin-top: 30px;
}
.dce-standard-text .subtitle{
font-size:22px;
text-transform:uppercase;
color: #762e12;
font-family: 'Montserrat', sans-serif;
margin-top: 5px;
}
.dce-standard-text .text{
margin-top:20px;
}
.dce-standard-text h4{
margin-top: 5px;
margin-bottom: 10px;
font-size: 20px;
color: #762e12;
}
.dce-mainmenu-extra-content{
padding: 20px 10px;
float:left;
}
.dce-leistungen{
background-color: #E9E9EA;
padding: 50px 0;
}
.dce-leistungen h3{
margin-top: 0;
margin-bottom: 20px;
text-transform: uppercase;
}
.dce-leistungen ul{
list-style-type: none;
padding-left: 0;
}
.dce-leistungen li{
margin:10px 0;
}
.dce-leistungen li span{
margin-right:10px;
}
.dce-leistungen li a{
color: rgb(88,88,90);
}
.dce-leistungen li a:hover{
text-decoration: none;
color: #3895a5;
}
.dce-leistungen .fa{
color:rgb(88,88,90);
width:26px;
font-size: 26px;
}
.dce-leistungen .img-icon{
width:24px;
height:auto;
}
.dce-aktuelles-slider .slick-track {
padding-top: 20px;
padding-bottom: 20px;
}
.dce-aktuelles-slider .slider-item{
position: relative;
outline: none;
}
.dce-aktuelles-slider h3{
margin-top: 0;
margin-bottom: 20px;
text-transform: uppercase;
text-align: center;
}
.dce-aktuelles-slider .angebote-card{
margin-bottom: 20px;
position: relative;
}
.dce-aktuelles-slider .text-wrap {
padding: 10px 15px;
background-color: #fff;
height: 260px;
}
.dce-aktuelles-slider .text-wrap .text{
min-height: 80px;
text-align: center;
}
.dce-aktuelles-slider .text-wrap .text-pricetext{
font-size: 12px;
text-align: center;
}
.dce-aktuelles-slider .text-wrap h3{
margin-top: 5px;
margin-bottom: 10px;
font-size: 20px;
color: #762e12;
}
.dce-aktuelles-slider .btn {
width: 49%;
font-size: 1rem;
line-height: 1.2rem;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.dce-aktuelles-slider .btn-pricetext{
font-size: 14px !important;
}
.dce-aktuelles-slider .btn.center {
display:flex;
align-items: center;
justify-content: center;
}
.dce-aktuelles-slider .btn-wrap{
text-align:center ;
display: flex;
justify-content: space-between;
margin-top: 5px;
}
.dce-aktuelles-slider .btn span{
font-size: 24px;
font-weight: 600;
}
.dce-aktuelles-slider .slick-dots {
bottom: -20px;
}
.dce-aktuelles-slider .slider-item .img-wrap{
position: relative;
margin-bottom: 5px;
overflow: hidden;
}
.dce-aktuelles-slider .slider-item .price span{
font-size: 34px;
font-weight: 700;
}
.slick-dots li button:before {
font-size: 13px;
}
/* ====== Bild-Text rechts-links ====== */
.dce-text-image{
display: flex;
margin-bottom: 10px;
}
.dce-text-image .img-wrap{
overflow: hidden;
order:3;
padding-left: 0;
padding-right: 0;
flex: 0 50%;
max-width: 50%;
}
.dce-text-image .img-wrap.bild-links{
order:1;
background-clip: padding-box;
border-right: 5px solid transparent;
}
.dce-text-image .text-wrap.bild-links{
background-clip: padding-box;
border-left: 5px solid transparent;
}
.dce-text-image .img-wrap.bild-rechts{
background-clip: padding-box;
border-left: 5px solid transparent;
}
.dce-text-image .text-wrap.bild-rechts{
background-clip: padding-box;
border-right: 5px solid transparent;
}
.dce-text-image .text-wrap{
order: 2;
background-color: #e9e5df;
flex: 0 50%;
max-width: 50%;
padding: 60px 50px 0 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.dce-text-image .text-wrap .btn{
align-self: center;
}
/*
.dce-fullscreen-image{
position: relative;
}
.dce-fullscreen-image .overlay{
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
}
.dce-fullscreen-image img{
width:100%;
height:auto;
}
.dce-fullscreen-image .text-wrap{
background-color: rgba(172,129,51,0.9);
color:#fff;
padding: 30px;
}
.dce-fullscreen-image .text-wrap h3{
color:#fff;
margin-top: 0;
}
.dce-fullscreen-image .text-wrap .fa{
color:#fff;
font-size: 40px;
margin-top: 30px;
float: right;
margin-bottom: 15px;
}
.dce-fullscreen-image.under .overlay{
position: relative;
background-color: rgba(172,129,51,0.9);
}
.dce-fullscreen-image.under .text-wrap{
width:100%;
background: none;
margin-left: 0;
}
.dce-fullscreen-image a,
.dce-fullscreen-image a:hover {
color: #fff;
font-weight: 600;
}
.dce-fullscreen-image h4 {
margin-top: 30px;
color: #fff;
text-transform: uppercase;
}
*/
/* ACHTUNG Abstand PRÜFEN */
/**/
.col-sm-12{padding-right: 0; padding-left: 0;}
.row{margin-left: 0;margin-right: 0;}
.yo.col-sm-12{
max-width: 1200px;
}
.dce-image-link.col-50-right .image-link-item, .dce-image-link.col-50-left .image-link-item{
flex: 0 0 25%;
max-width: 300px;
margin-right: 0px;
padding: 0;
border-right: 10px solid #fff;
}
.dce-image-link.col-50-right .image-link-item:last-child, .dce-image-link.col-50-left .image-link-item:first-child{
flex: 0 0 50%;
max-width: 600px;
}
.dce-image-link.col-50-right .image-link-item:first-child, .dce-image-link.col-50-left .image-link-item:first-child{
padding-left: 0;
padding-right:0;
border-right: 10px solid #fff;
}
.dce-image-link.col-50-right .image-link-item:last-child, .dce-image-link.col-50-left .image-link-item:last-child{
padding-right: 0;
padding-left: 0;
border-right: 0;
}
.dce-image-link .column-inner{
height: 100%;
}
/*
.dce-image-link.col-default .image-link-item .column-inner{
padding-right: 5px;
padding-left: 5px;
height: 100%;
}
.dce-image-link.col-default .image-link-item:last-child .column-inner{
padding-left: 5px;
padding-right:0;
}
.dce-image-link.col-default .image-link-item:first-child .column-inner{
padding-right: 5px;
padding-left: 0;
}
*/
.dce-image-link.col-default .image-link-item {
background-clip: padding-box;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.dce-image-link.col-default .image-link-item:first-child {
border-left: 0;
}
.dce-image-link.col-default .image-link-item:last-child {
border-right: 0;
}
.dce-image-link{
display: flex;
overflow: hidden;
margin-bottom: 10px;
margin-left: 0;
margin-right:0;
}
.dce-image-link h3{
text-transform: uppercase;
text-shadow: 1px 1px 3px #666;
}
.dce-image-link h3,
.dce-image-link a:hover,
.dce-image-link a{
color:#FFF;
}
.dce-image-link.col-default .image-link-item{
overflow: hidden;
height: auto;
padding-right: 0px;
padding-left: 0px;
margin-right: 0px;
margin-left: 0px;
}
.dce-image-link.col-default .image-link-item:first-child{
padding-left: 0px;
padding-right: 0px;
margin-left: 0;
}
.dce-image-link.col-default .image-link-item:last-child{
padding-right: 0px;
padding-left: 0;
margin-right: 0;
}
.dce-image-link .image-link-item{
overflow: hidden;
}
.dce-image-link .image-link-item-wrap{
position: relative;
}
.dce-image-link .text-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0px;
right: 0px;
width: 100%;
background-color: rgba(0,0,0,0.3);
}
.dce-image-link .image-link-item .text-overlay-border {
position: absolute;
top: 15px;
bottom: 15px;
left: 15px;
right: 15px;
display: block;
}
.dce-image-link .image-link-item:hover .text-overlay-border {
display: none;
}
.dce-image-link .text-overlay .text-wrap{
/*word-break: break-word;*/
/*display: flex;*/
/*flex-direction: column;*/
justify-content: center;
align-items: center;
height: 100%;
text-align: center;
padding: 10px;
}
.dce-image-link .text-overlay.with-image .text-wrap{
padding: 0px;
}
.image-link-item img {
width: 100%; /* Das Bild füllt die Breite der Box */
height: 100%; /* Das Bild füllt die Höhe der Box */
object-fit: cover; /* Das Bild wird zugeschnitten, um den Container auszufüllen */
object-position: center; /* Bild bleibt zentriert */
}
.image-link-item {
position: relative;
overflow: hidden; /* Verhindert, dass das Bild über die Box hinausgeht */
height: 255px; /* Beispielhafte Höhe, passe dies je nach Anforderung an */
width: 100%; /* Füllt die Breite aus (z.B. bei Verwendung in einer Bootstrap-Spalte) */
}
.dce-image-link .text-overlay .text-title-wrap{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.dce-image-link .text-overlay .text-wrap .text{
visibility: hidden;
min-height: 48px;
top: -100px;
position: relative;
}
.dce-image-link .text-overlay.with-image .text-wrap .text{
background-color: rgba(0,0,0,0.5);
top: -65px;
}
.dce-image-link .image-link-item:hover .text-overlay{
background-color: rgba(0,0,0,0);
}
.dce-image-link .image-link-item:hover .text-overlay .text-wrap .text{
visibility: visible;
padding: 0 35px;
}
.dce-image-link .red-box{
width:100%;
height: 100%;
padding-bottom: 66%;
background-color: #762e12;
border-radius: 0px;
}
.dce-gallery-wrap{
padding-top: 20px;
padding-bottom: 50px;
}
.dce-gallery-wrap h3 {
margin-bottom: 40px;
}
/* Bild-Text */
.dce-bild-text .inner-wrap{
padding-right: 5px;
padding-left: 5px;
}
.dce-bild-text:first-child .inner-wrap{
padding-right: 5px;
padding-left: 0px;
}
.dce-bild-text:last-child .inner-wrap{
padding-right: 0px;
padding-left: 5px;
}
.dce-bild-text.flex-row{
width: 100%;
}
.dce-bild-text.flex-row.img-contain .img-wrap img{
/* änderung height: auto; */
object-fit: contain;
}
.dce-bild-text{
display: flex;
flex-direction:column;
}
.flex-item .dce-bild-text{
margin: 30px 0;
}
.flex-item .dce-bild-text .img-wrap{
margin-bottom: 5px;
}
.flex-item .dce-bild-text.col-md-6 .img-wrap{
margin-bottom: 5px;
overflow: inherit;
}
.flex-item .dce-bild-text.bg-grey .img-wrap{
border-bottom: 5px solid #fff;
}
.flex-item .dce-bild-text.col-md-6 .text-wrap{
height: 100%;
}
.flex-item .dce-bild-text.col-lg-4,.flex-item .dce-bild-text.col-md-3, .flex-item .dce-bild-text.col-md-6 {
background-clip: padding-box;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.flex-item .dce-bild-text.col-lg-4:first-child,.flex-item .dce-bild-text.col-md-3:first-child, .flex-item .dce-bild-text.col-md-6:first-child {
background-clip: padding-box;
border-left: 0;
}
.flex-item .dce-bild-text.col-lg-4:last-child, .flex-item .dce-bild-text.col-md-3:last-child, .flex-item .dce-bild-text.col-md-6:last-child {
background-clip: padding-box;
border-right: 0;
}
.single-container .dce-bild-text{
margin: 0;
}
.container.no-padding .dce-bild-text.col-md-6:first-child{
padding-left: 0;
padding-right: 25px;
}
.container.no-padding .dce-bild-text.col-md-6:last-child{
padding-right: 0;
padding-left: 25px;
}
.dce-bild-text h3{
text-transform: uppercase;
font-size: 18px;
color: #762e12;
text-align: center;
margin-bottom: 1rem;
}
.dce-bild-text .img-wrap .img-item{
overflow-x: hidden;
}
.dce-bild-text.col-lg-4 .img-wrap .img-item, .dce-bild-text.col-md-3 .img-wrap .img-item{
height: 150px;
}
.flex-row.dce-bild-text .text-wrap{
padding: 40px 40px 0 40px;
}
.flex-row.dce-bild-text .text-wrap.bg-grey{
background-clip: padding-box;
border-left: 10px solid transparent;
}
.img-wrap{overflow: hidden;}
.dce-bild-text .text-wrap{
padding: 20px 20px 0 20px;
/*height: 100%;*/
display: flex;
flex-direction: column;
justify-content: flex-start;
/*justify-content: space-between;*/
}
.dce-bild-text .text-wrap .text.text1{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.dce-bild-text .text-wrap .text p{
text-align: center;
}
.dce-bild-text .text-wrap.bg-default{
background-color: #fff;
}
.text{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.text p{
text-align: center;
}
.dce-bild-text .btn{
align-self: center;
margin-top:auto;
}
.dce-bild-text .btn-wrap{
align-self: center;
margin-top: auto;
}
.dce-bild-text .btn-wrap.bg-grey{
width: 100%;
text-align: center;
}
.dce-bild-text .btn-wrap.bg-default{
width: 100%;
background-color: #fff;
text-align: center;
height: 40px;
}
.dce-video {
margin-bottom: 50px;
padding: 5px;
}
.col1 .dce-video{
padding-left: 0;
padding-right: 5px;
}
.col2 .dce-video{
padding-left: 5px;
padding-right: 0px;
}
.dce-image-text-button{
margin-top: 15px;
margin-bottom: 15px;
}
.dce-image-text-button h3{
margin-top: 0px;
text-transform: uppercase;
}
.dce-termine{
background-color: #e9e9ea;
margin-bottom: 30px;
}
.dce-termine .price-btn-wrap>div{
padding: 5px 10px;
background-color: #87888a;
border-top:3px solid #fff;
}
.dce-termine .price-btn-wrap div.price-wrap{
font-size: 22px;
color:#fff;
padding: 5px 10px;
}
.dce-termine .price-btn-wrap div.btn-wrap{
padding: 5px 10px;
}
.dce-accordion .panel-group .panel{
border-radius:0px;
border:none;
}
.dce-accordion .panel-heading{
border-radius:0px;
background-color: #87888a;
color:#fff;
padding: 0;
}
.dce-accordion .panel-title a{
display: block;
padding: 10px 15px;
text-decoration: none;
}
.dce-accordion .panel-title a:hover{
color:#fff;
}
.dce-accordion{
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.dce-accordion-headline h2, .accordion-headline h2 {
display: inline-block;
margin-left: 10px;
margin-top: 10px;
font-size: 20px;
}
.dce-accordion .accordion-headline{
font-family: 'Montserrat', sans-serif;
font-size: 26px;
color:#fff;
margin-bottom: 0;
cursor:pointer;
background-color: #87888a;
width:100%;
margin-bottom: 15px;
margin-top: 0px;
padding-left: 5px;
}
.dce-accordion .accordion-headline h2{
display: inline-block;
margin-left: 10px;
margin-top: 10px;
color:#fff;
}
.dce-accordion .accordion-content{
margin-left: 20px;
margin-bottom: 30px;
padding-bottom: 30px;
}
.dce-rezeptslider-wrap{
padding-left: 15px;
}
.dce-rezeptslider{
position: relative;
}
.dce-rezeptslider .rslider-item{
position: relative;
}
.dce-rezeptslider img{
width:100%;
}
.dce-rezeptslider .text-wrap{
position: absolute;
top: 10%;
left: 0;
right: 0;
color:#fff;
}
.dce-rezeptslider .text-wrap .title{
font-size:40px;
font-family: 'Montserrat', serif;
text-shadow: 1px 1px 3px #666;
}
.dce-rezeptslider .text-wrap .subtitle{
margin-bottom: 20px;
font-size: 25px;
text-shadow: 1px 1px 3px #666;
}
.dce-rezeptslider .text-wrap .btn{
text-transform: uppercase;
}
.dce-rezeptslider .slick-prev {
left: 40px;
z-index: 5;
}
.dce-rezeptslider .slick-next {
right: 40px;
}
.dce-rezeptslider .slick-prev, .dce-rezeptslider .slick-next {
width: 40px;
height: 40px;
top:90%;
}
.dce-rezeptslider .slick-prev:before, .dce-rezeptslider .slick-next:before {
font-size: 40px;
}
.dce-button>div{
margin-top: 15px;
}
.flex-item{display: flex; flex-wrap: wrap;}
/* ===== Zitate ==== */
.zitate-text{background-color: #926d1f; color: #fff;}
.zitate-img{
background-color: #762e12;
color: #fff;
margin-right: 10px;
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
}
.zitate-img .hey-quote:before{
content: '';
display: block;
width: 30px;
height: 30px;
background: url(images/icon-sprachwahl.svg) no-repeat;
}
.zitate-img h3, .zitate-img span{
font-size: 1.5rem;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.dce-zitat-slider .slider-item{
padding-top: 30px;
text-align: center;
padding-bottom: 30px;
outline: none;
}
.dce-zitat-slider.slick-dotted.slick-slider {
margin-bottom: 60px;
}
.dce-zitat-slider .title{
color: #fff;
text-decoration: none;
font-family: 'Montserrat', serif;
font-size: 35px;
text-transform: uppercase;
margin-bottom: 30px;
}
.dce-zitat-slider .text{
font-style: italic;
margin-bottom: 15px;
}
.dce-zitat-slider .name{
font-style: italic;
}
.dce-zitat-slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #000;
}
.dce-zitat-slider .slick-dots li button::before{
color: #fff;
}
.slick-dots li.slick-active button:before {
opacity: 1;
color: #ac8133;
}
/* ==== DCE Zimmerbox === */
#pid-9 .col-md-6.col1{
padding-right: 40px;
}
#pid-9 .col-md-6.col2{
padding-left: 40px;
}
.zimmer-button{
background-color: #926d1f;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 49%;
width: 100%;
font-weight: 600;
}
.zimmer-button a{
color: #fff;
line-height: 18px;
}
.zimmer-button span{
font-size: 24px;
}
.zimmer-button i{
font-size: 40px;
}
.padding-80{
padding-left:80px;
padding-right: 80px;
}
.padding-80.single{
padding-left:80px;
padding-right: 80px;
padding-top: 80px;
padding-bottom: 80px;
}
.padding-80.first{
padding-left:80px;
padding-right: 80px;
padding-top: 80px;
}
.padding-80.last{
padding-left:80px;
padding-right: 80px;
padding-bottom: 80px;
}
.container.first{
padding-left:80px;
padding-right: 80px;
padding-top: 80px;
}
.container.last{
padding-left:80px;
padding-right: 80px;
padding-bottom: 80px;
}
.padding-80.last .dce-zimmer-box{
padding-bottom: 0;
}
.padding-80.first .dce-zimmer-box{
padding-top: 0;
}
.dce-zimmer-box{
padding-top: 30px;
padding-bottom: 30px;
}
.dce-zimmer-box-image{
padding: 0 0 5px 0;
}
.dce-zimmer-box-text{
display: flex;
padding: 0;
height: 250px;
}
.dce-zimmer-box-text .teaser-wrap{
padding: 40px 24px 24px 24px;
background-color: #fff;
}
.dce-zimmer-box-text .teaser-wrap ul{
padding-left: 16px;
}
.dce-zimmer-box .slick-slider {
margin-bottom: 0px;
}
.dce-zimmer-box .slick-next {
right: 12px;
}
.dce-zimmer-box .slick-prev {
left: 12px;
z-index: 99;
}
.dce-zimmer-box h3 {
margin-top: 0;
color: #762e12;
text-transform: uppercase;
font-size: 18px;
}
@media (max-width: 767px) {
.dce-zimmer-box h3 {
margin-top: 15px;
}
}
.dce-zimmer-box .text{
display: none;
}
.dce-zimmer-box .button-wrap{
display: flex;
flex-direction: column;
padding-right: 0;
padding-left: 5px;
justify-content: space-between;
}
.dce-zimmer-box .threesixty,
.dce-zimmer-box .threesixty:hover{
position: absolute;
top: 20px;
z-index: 1$('#nav-icon3').toggleClass('open');0;
background-color: #b18312;
color: #fff;
padding: 3px 10px;
left: 10px;
-webkit-box-shadow: 3px 3px 17px -2px rgba(0,0,0,1);
-moz-box-shadow: 3px 3px 17px -2px rgba(0,0,0,1);
box-shadow: 3px 3px 17px -2px rgba(0,0,0,1);
text-decoration: none;
}
.dce-zimmer-box .threesixty:after {
top: 100%;
left: 0px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 0 5px 5px 0;
border-color: transparent #762d27 transparent transparent;
}
/* ==== DCE Textbox === */
.dce-textbox{
background-color: #181d24;
padding: 20px 25px 20px 25px;
}
.dce-textbox h3{
text-transform: uppercase;
color: #fff;
font-size: 24px;
}
.dce-textbox h4{
color: #fff;
text-transform:none;
font-size: 17px;
line-height: 1.3;
}
.dce-textbox .text{
color: #fff;
padding-top: 20px;
}
.textbox.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.textbox.row > [class*='col-'] {
display: flex;
}
.dce-textbox ul{
padding-left: 0rem;
list-style-position: outside;
}
.dce-textbox ul li{
padding: 0.2em 0.1em 0.2em 1.3em;
text-align: left;
position: relative;
list-style: none;
line-height: 150%;
}
.dce-textbox ul li::before{
content: '\f00c ';
font-family: 'fontawesome' !important;
width: 1em;
height: 1em;
position: absolute;
display: block;
top: 0.2rem;
left: 0;
font-size: 0.8em;
font-weight: normal;
color: #9a8a6f;
}
.grid-2-grey{
padding: 30px 0;
}
.grid-2-grey .col-1{
background-color: #e9e9ea;
}
.grid-2-grey .col-2,
.grid-2-grey .col-2 h1,
.grid-2-grey .col-2 h2,
.grid-2-grey .col-2 h3{
background-color: #87888a;
color:#fff;
}
.grid-2-grey h3{
text-transform: uppercase;
}
.tx-powermail{
margin-bottom: 60px;
}
.powermail_legend{
display:none;
}
.powermail_fieldwrap .checkbox label{
display: block;
margin-bottom: .5rem;
overflow-wrap: break-word;
}
.grid-2-grey .col-1 .container-half{
float: right;
}
.grid-2-grey .col-2 .container-half{
float: left;
}
.no-margin{
margin: 0;
}
.no-padding{
padding-left: 0;
padding-right: 0;
}
.no-padding-left{
padding-left: 0;
}
.no-padding-right{
padding-right: 0;
}
.full-size .img-wrap{
padding-right: 0;
}
.full-size img {
width: 100%;
padding-right: 0;
}
.dce-html{
margin:30px 0;
}
#gmap {height:500px;}
footer .footer-content{
padding-left: 10px;
}
footer .address-wrap, footer .phone-wrap, footer .email-wrap{
display: flex;
}
footer .address-wrap i{background-color: #b5a994;}
footer .phone-wrap i{background-color: #762e12;}
footer .email-wrap i{background-color: #926d1f;}
footer .address-box {
font-weight:400;
line-height:24px;
background-color:#e9e5df;
color:#181d24;
padding-right: 10px;
}
footer .address-box a,
footer .address-box a:hover{
color: #181d24;
text-decoration: none;
}
footer .address-navi-block{
padding-top:50px;
padding-bottom: 50px;
}
footer .address-navi-block .address-box i{
width:110px;
height: 100px;
color:#fff;
font-size: 42px;
line-height: 42px;
display:flex;
justify-content: center;
align-items: center;
border-right: 10px solid #fff;
}
footer .address-navi-block .address-box .social a, footer .address-navi-block .address-box .social a.show-xs{display: inline-flex !important; margin-right: 1rem;}
footer .address-navi-block .address-box i.fa-facebook, footer .address-navi-block .address-box i.fa-instagram, footer .address-navi-block .address-box .social i.fa-envelope{
width: 36px;
height: 36px;
font-size: 28px;
line-height: inherit;
background-color: #181d24;
border-right: 0;
}
footer .address-navi-block .address-box .social i.fa-envelope{
font-size: 24px;
}
footer .address-wrap .address, footer .phone-wrap .phone, footer .email-wrap .email{
height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
}
footer .address-wrap .address{padding-left: 40px; padding-top: 20px;}
footer .phone-wrap .phone{font-size: 2rem; padding-left: 40px;}
footer .email-wrap .email{padding-left: 40px;}
footer .address-wrap .address span.name{
font-family: 'Montserrat', serif;
font-size: 24px;
}
footer .menu-wrap .submenu{
list-style-type:none;
padding-left:0;
}
footer .menu-wrap .submenu li a{
font-size:14px;
color:rgb(88,88,90);
}
.footer-menu-block {
padding-bottom: 30px;
}
.footer-menu-block .title{
text-transform:uppercase;
color:#3895a5;
font-size:18px;
font-weight: 600;
}
.footer-menu-block .title a,
.footer-menu-block .title a:hover{
color: #181d24;
text-decoration: none;
font-family: 'Montserrat', serif;
font-size:18px;
}
.footer-menu-block .submenu{
list-style-type: none;
padding-left: 0;
}
.footer-menu-block .submenu li{
margin-bottom: 2px;
}
.footer-menu-block .submenu a,
.footer-menu-block .submenu a:hover{
color:#181d24;
hyphens: auto;
font-size:14px;
}
.widget-wrap{
display: flex;
justify-content: center;
padding-top: 30px;
padding-bottom: 30px;
}
.widget-content-wrap{padding-right: 25px;}
.widget-content-wrap img{max-width: 140px; height: auto;}
/* Cookie opt-in */
.sg-cookie-optin-box-copyright{display: none;}
#cookiestoerer{
position: fixed;
bottom: 30px;
right:30px;
max-width: 300px;
z-index:2000;
background-color: #fff;
padding: 30px;
-webkit-box-shadow: -1px 1px 15px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -1px 1px 15px 0px rgba(50, 50, 50, 0.75);
box-shadow: -1px 1px 15px 0px rgba(50, 50, 50, 0.75);
display:none;
}
#cookiestoererCloser{
margin-top: 20px;
}
.gallery-list-container{
margin: 30px 0;
}
.widget-container{
position: absolute;
top:0px;
right:0;
padding: 5px;
z-index: 100;
-webkit-box-shadow: -1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: -1px 1px 5px 0px rgba(50, 50, 50, 0.75);
background-color: #fff;
bottom: auto!important;
display:none;
z-index: 10;
}
#pid-1 .widget-container{
display: block;
}
#widget-hc{
margin-top: 15px;
}
footer .feature-block{
background-color:#e9e5df;
color:#181d24;
padding:20px 0 0 25px;
height: 300px;
}
footer .feature-block ul{
padding-left:0;
list-style-type:none;
margin: 0;
}
footer .feature-block ul li{
font-size:16px;
padding:5px 0;
line-height: 1.2;
}
footer .feature-block ul li .fa{
margin-right:10px;
}
footer .address-navi-block{
padding-top:50px;
padding-bottom:30px;
}
footer .subline{
background-color:#181d24;
color:#fff;
width: 100%;
padding: 10px 0;
}
footer .subline .copyright{
float:left;
font-size: 13px;
}
footer .subline .generic{
float:right;
font-size: 13px;
}
footer .subline a{
color:#fff;
}
footer .subline .generic ul{
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
footer .subline .generic ul li{
float: left;
margin: 0 5px;
}
footer .footer-logo-block{
text-align: right;
}
footer .footer-logo-block img{
max-width: 100px;
padding: 3px;
}
footer .email-wrap .email{
line-height: 40px;
}
.show-xs{display: none !important;}
.fce-iframe-container iframe{
width:100%;
}
.panel-default>.panel-heading {
color: #fff;
border-color: #ddd;
border-radius: 0px;
padding: 0;
}
.panel-default>.panel-heading a:hover {
color: #926d1f;
}
#accordion .table td, #accordion .table th{
border-top: 0;
}
.panel-group .panel+.panel {
margin-top: 5px;
}
.panel-group{
margin: 30px 0;
}
.panel-group .panel{
border-radius:0px;
border: none;
}
.panel .panel-default{
margin-bottom: 0;
border-radius: 0px;
}
.panel-default>.panel-heading a{
display: block;
padding: 10px 15px;
text-transform: uppercase;
font-size:18px;
color: #926d1f;
}
.panel-default>.panel-heading a[aria-expanded=true] .fa:before {
content: "\f078";
}
.panel-title .accordion-toggle .glyphicon{
float:right;
}
.panel-title .accordion-toggle .glyphicon:before {
content: "\2212";
}
.panel-title .accordion-toggle.collapsed .glyphicon:before {
content: "\002b";
}
.ce-table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.ce-table > thead > tr > th,
.ce-table > tbody > tr > th,
.ce-table > tfoot > tr > th,
.ce-table > thead > tr > td,
.ce-table > tbody > tr > td,
.ce-table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-bottom: 1px solid #666;
}
.ce-table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #666;
}
.ce-table > caption + thead > tr:first-child > th,
.ce-table > colgroup + thead > tr:first-child > th,
.ce-table > thead:first-child > tr:first-child > th,
.ce-table > caption + thead > tr:first-child > td,
.ce-table > colgroup + thead > tr:first-child > td,
.ce-table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.ce-table > tbody + tbody {
border-top: 2px solid #666;
}
.dce-team-container{
margin-bottom: 60px;
}
.dce-gallery-item{
margin-bottom:15px;
}
/* === Team Modul ===*/
.dce-team {
justify-content: center;
margin-bottom: 30px;
padding: 15px;
padding-bottom: 15px;
}
.team-item{
margin-bottom: 100px;
}
.name2 {
margin-top: 50px;
padding: 30px 30px 0 30px;
background-color: #e9e5df;
border-radius: 0px;
}
.name2 .team-image {
position: relative;
margin-bottom: 50px;
border-radius: 100%;
margin-top: -40%;
}
.name2 .team-image img {
width: 100%;
border-radius: 100%;
}
.team-info{
text-align: center;
}
.team-info .team-name {
margin-bottom: 10px;
font-size: 20px;
color: #762e12;
text-transform: uppercase;
}
.team-info .head1 {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
text-align: center;
}
.team-info ul li{
list-style-type: none;
line-height: 2;
}
.team-info ul li i.fa{
font-size: 20px;
margin-right: 10px;
}
.team-info .team-contact{
margin:20px 0 20px 0;
padding: 0;
}
.team-info a .fa-envelope{
padding-right: 5px;
}
/* the slides */
.dce-gallery-item.slick-slide {
margin: 0 5px;
}
/* the parent */
.dce-gallery .slick-list {
margin: 0 -5px;
}
.fce-image{
margin-top: 15px;
}
.auszeichnung img{
max-width:150px;
}
.row>.row{
margin-bottom: 30px;
}
/* ACCORDION Card 07/2021*/
.accordion-grid .card{
border: 0;
background-color: transparent;
border-radius: 0;
}
.accordion-grid .card .card-header{
background-color: #b5a994;
padding: 1rem 1.5rem;
margin-bottom: 10px;
border-bottom: 0;
}
.card-header:first-child{
border-radius: 0;
}
.accordion-grid .card h3{
font-size: 20px;
text-transform: uppercase;
}
.accordion-grid .card a.button-link{
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
}
.accordion-grid .card-body{
background-color: #fff;
padding: 0;
}
.accordion-grid .sg3w-grid{
margin-top: 10px;
margin-bottom: 30px;
}
.accordion-grid .card-header i {
float: right;
font-size: 24px;
color: #fff;
width: 60px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.accordion-grid .button-link.collapsed i {
transform: rotate(0deg);
}
.accordion-grid .button-link i {
transform: rotate(180deg);
transition: 0.5s;
}
/* ============== */
/* Space */
/* ============== */
.sg3w-grid-three-columns .col-md-4{
display: flex;
}
.dce-standard-text.bg-white, .dce-standard-text.bg-grey{
padding:20px;
}
.sg3w-grid{ margin-top: 0px; margin-bottom: 80px;}
.head-slider .sg3w-grid{ margin-top: 0px; margin-bottom: 0px;}
.sg3w-grid .container{
padding-right: 80px;
padding-left: 80px;
}
.sg3w-grid .container.no-padding{
padding-right: 0px;
padding-left: 0px;
}
.sg3w-grid .container.no-padding.single{
padding-right: 0px;
padding-left: 0px;
}
.sg3w-grid .container.padding-tp-80{
padding-top: 80px;
padding-bottom: 80px;
}
.sg3w-grid.multi-container{ margin-top: 0px; margin-bottom: 0px;}
.sg3w-grid.multi-container-last{ margin-top: 0px; margin-bottom: 80px;}
.sg3w-grid.multi-container-first{ margin-top: 0px; margin-bottom: 0px;}
.frame-space-before-extra-small { padding-top: 0px; }
.frame-space-before-small { padding-top: 0px; }
.frame-space-before-medium { padding-top: 0px; }
.frame-space-before-large { padding-top: 0px; }
.frame-space-before-extra-large { padding-top: 0px; }
.frame-space-after-extra-small { padding-bottom: 0px; }
.frame-space-after-small { padding-bottom: 0px; }
.frame-space-after-medium { padding-bottom: 0px; }
.frame-space-after-large { padding-bottom: 0px; }
.frame-space-after-extra-large { padding-bottom: 0px; }
.frame-space-before-extra-small { margin-top: 0em; }
.frame-space-before-small { margin-top: 0em; }
.frame-space-before-medium { margin-top: 0em; }
.frame-space-before-large { margin-top: 0em; }
.frame-space-before-extra-large { margin-top: 0em; }
.frame-space-after-extra-small { margin-bottom: 0em; }
.frame-space-after-small { margin-bottom: 0em; }
.frame-space-after-medium { margin-bottom: 0em; }
.frame-space-after-large { margin-bottom: 0em; }
.frame-space-after-extra-large { margin-bottom: 0em; }
/* default styles for extension "tx_frontend" */
.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }
.ce-table td, .ce-table th { vertical-align: top; }
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }
.ce-left .ce-gallery, .ce-column { float: left; }
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
.ce-center .ce-inner { position: relative; float: right; right: -50%; }
.ce-right .ce-gallery { float: right; }
.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border img,
.ce-border iframe {
border: 2px solid #000000;
padding: 0px;
}
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
margin-bottom: 10px;
}
.ce-image .ce-gallery { margin-bottom: 0; }
.ce-intext.ce-right .ce-gallery { margin-left: 10px; }
.ce-intext.ce-left .ce-gallery { margin-right: 10px; }
.ce-below .ce-gallery { margin-top: 10px; }
.ce-column { margin-right: 10px; }
.ce-column:last-child { margin-right: 0; }
.ce-row { margin-bottom: 10px; }
.ce-row:last-child { margin-bottom: 0; }
.ce-above .ce-bodytext { clear: both; }
.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }
/* Headline */
.ce-headline-left { text-align: left; }
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }
/* Uploads */
.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }
/* Table */
.ce-table { width: 100%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }
.image-embed-item{
display: block;
max-width: 100%;
height: auto;
}
.col-lg-8 {
-ms-flex: 0 0 65.82%;
flex: 0 0 65.82%;
max-width: 65.82%;
}
/* ======= MEDIA QUERIES ==========*/
@media (min-width: 768px){
.container-half {
width: 375px;
}
}
@media (min-width: 992px){
.container-half {
width: 485px;
}
}
@media (min-width: 1200px){
.container-half{
width: 585px;
}
.container{
max-width: 1200px;
}
}
/* iPad */
@media only screen and (max-width: 1024px) {
.show-xs{display: none !important;}
h1{font-size: 28px;}
h3{font-size: 24px;}
.bg-default .padding-80.single{
padding-top: 0;
padding-bottom: 0;
}
.bg-default.multi-container-last .padding-80.single{
padding-top: 30px;
padding-bottom: 0;
}
#pid-1 .is-sticky .logo-wrap img {
margin-left: -45px !important;
width: 90px !important;
}
#pid-1 .logo-wrap img {
margin-left: -70px !important;
width: 140px !important;
}
.logo-wrap img {
margin-left: -45px !important;
width: 90px !important;
}
img#logo{
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
footer .address-box{
width: 100%;
max-width: 100%;
flex: 0 0 auto;
padding-right: 0;
margin-bottom: 10px;
}
footer .footer-content{
width: 100%;
max-width: 100%;
flex: 0 auto;
padding-left: 0;
}
footer .footer-menu-block{
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
footer .footer-navi-wrap {
display: flex;
flex-flow: wrap;
padding: 0 20px 0 20px;
}
.sg3w-grid .container.padding-80{
padding-left: 0;
padding-right: 0;
}
.dce-zimmer-box-text {
display: flex;
padding: 0;
-ms-hyphenate-limit-zone: eight: 285px;
}
.dce-image-link .text-overlay .text-wrap .text {
visibility: visible;
min-height: auto;
display: none;
}
.col-md-4.zitate-img {
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%;
padding-top: 10px;
padding-bottom: 10px;
}
.col-md-8.zitate-text {
-ms-flex: 0 0 64.666%;
flex: 0 0 64.666%;
max-width: 64.666%;
}
.col1 .dce-video{
padding-left: 15px;
padding-right: 5px;
}
.col2 .dce-video{
padding-left: 5px;
padding-right: 15px;
}
.dce-textbox{
margin-right: 5px;
margin-left: 5px;
}
.dce-textbox.col1{
margin-right: 5px;
margin-left: 0px;
}
.dce-textbox.col3{
margin-right: 0px;
margin-left: 5px;
}
.content-header-wrap .container{
max-width: 100%;
}
.dce-headslider .slick-prev, .dce-headslider .slick-next {
width: 40px;
height: 40px;
top: 50%;
}
.dce-zimmer-box-text {
height: 278px;
}
}
@media only screen
and (max-width: 1024px)
and (orientation:portrait){
.head-slider .dce-bildcollage {
margin-top: 0px;
}
.text-title-wrap h3{font-size: 19px;}
.container h3{text-align: center;}
#pid-1 .is-sticky .logo-wrap img {
margin-left: -45px !important;
padding: 10px;
}
#pid-1 .logo-wrap img {
margin-left: -84px !important;
width: 168px !important;
}
#pid-1 .logo-wrap img{
padding: 10px 30px 10px 30px;
}
#pid-9 .col-md-6.col1, #pid-9 .col-md-6.col2{
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
.flex-item .dce-bild-text{
margin-bottom: 10px;
}
/* .flex-item .dce-bild-text:last-child {
background-clip: padding-box;
border-left: 0px solid transparent;
}
*/
.col-md-6.image-link-item {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-4.zitate-img {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.col-md-8.zitate-text {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.dce-zimmer-box-text {
height: 278px;
}
.dce-textbox{
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
width: 100%;
}
.dce-textbox.col1{
margin-right: 5px;
margin-left: 0px;
}
.dce-textbox.col3{
margin-right: 0px;
margin-left: 0px;
}
.textbox.row .col1, .textbox.row .col2, .textbox.row .col3{
flex: 0 0 100%;
max-width: 100%;
}
.dce-text-image.col-50-50 .img-wrap {
order: 1;
padding-left: 0px;
padding-right: 0px;
flex: 0 100%;
max-width: 100%;
height: 360px;
}
.dce-text-image.col-50-50 .img-wrap.bild-links, .dce-text-image.col-50-50 .img-wrap.bild-rechts, .dce-text-image.col-50-50 .text-wrap.bild-rechts, .dce-text-image.col-50-50 .text-wrap.bild-links{
order:1;
border-right: 0;
border-left: 0;
}
.dce-text-image.col-50-50 .text-wrap {
padding-left: 15px;
padding-right: 15px;
flex: 0 100%;
max-width: 100%;
}
.dce-text-image.col-50-50 .text-wrap h3{
text-align: center;
}
}
@media only screen
and (max-width: 667px){
.hidden-xs{display: none;}
.nav-button.langy{display: none;}
#pid-1 .logo-wrap img, #pid-1 .is-sticky .logo-wrap img {
margin-left: -45px !important;
padding: 10px;
width: 90px !important;
}
.navbar-bg{margin-left: 0;}
#navi.open {min-height: 640px;}
#navi.open .langy{
padding: 20px 40px 20px 40px;
background-color: #b5a994;
font-size: 20px;
}
#navi.open .langy .bread_link_small{
background-color: #762e12;
padding: 5px 10px 5px 10px;
}
#navi{width: 100%;}
.dce-headslider .slick-prev, .dce-headslider .slick-next{display: none !important;}
.dce-standard-text h1{font-size:24px;}
.dce-standard-text .subtitle {font-size: 20px;}
.dce-image-link .text-title-wrap h3{font-size: 14px;}
h1{font-size: 24px;}
h2{font-size: 22px;}
h3{font-size: 20px;}
ul{padding-left: 20px;}
.container{width: 90%;}
.padding-80.single{
padding-top: 30px;
padding-bottom: 30px;
}
.container.no-padding .dce-bild-text.col-md-6:first-child {
padding-left: 0;
padding-right: 0px;
}
.container.no-padding .dce-bild-text.col-md-6:last-child {
padding-right: 0;
padding-left: 0px;
}
.flex-row{flex-direction: column !important;}
.flex-row.dce-bild-text .text-wrap.bg-grey{border: none;}
.dce-zimmer-box-text{
display: block;
height:auto;
}
.dce-zimmer-box-text .teaser-wrap {
padding: 20px 24px 12px 24px;
background-color: #fff;
}
.dce-zimmer-box .button-wrap{
flex-direction: row;
padding-left: 0;
background-color: #fff;
}
.dce-zimmer-box .zimmer-button{
height: auto;
padding: 10px 10px 10px 10px;
}
.dce-zimmer-box .zimmer-button:first-child{
background-clip: padding-box;
border-right: 5px solid transparent;
border-left: 0px solid transparent;
}
.dce-zimmer-box .zimmer-button:last-child{
background-clip: padding-box;
border-right: 0px solid transparent;
border-left: 5px solid transparent;
}
.dce-zimmer-box .zimmer-button p{
margin-top: auto;
margin-bottom: auto;
}
.dce-zimmer-box .zimmer-button i {
font-size: 24px;
}
.dce-bild-text.flex-row.img-contain .img-wrap img {
object-fit: none;
height: auto;
}
.flex-row.dce-bild-text .text-wrap {
padding: 40px 20px 0 20px;
}
.feature-block .container{
padding-left:0;
padding-right: 0;
}
.breadcrumb .container{
width: 100%;
padding-left: 0;
padding-right: 0;
}
footer .address-wrap .address span.name {font-size: 20px;}
footer .phone-wrap .phone, footer .email-wrap .email, footer .address-wrap .address {
padding-left: 20px;
}
.col-sm-12.col-md-6.image-link-item{
flex: 0 0 100%;
max-width: 100%;
background-clip: padding-box;
border-right: 0px solid transparent;
border-left: 0px solid transparent;
border-bottom: 5px solid transparent;
}
.dce-image-link.col-50-right .image-link-item, .dce-image-link.col-50-left .image-link-item {
flex: 0 0 50%;
max-width: auto;
}
.dce-image-link.col-50-right .image-link-item:last-child {
flex: 0 0 100%;
max-width: 600px;
background-clip: padding-box;
border-top: 10px solid transparent;
}
.dce-image-link.col-50-left .image-link-item:first-child {
flex: 0 0 100%;
max-width: 600px;
background-clip: padding-box;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 10px solid transparent;
}
.dce-image-link.col-50-left .image-link-item:nth-child(2){
border-left: 0px solid transparent;
}
.dce-image-link.col-50-left .image-link-item {
background-clip: padding-box;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
order: 1;
min-height: 105px;
}
.dce-image-link.col-50-right .image-link-item:first-child, .dce-image-link.col-50-left .image-link-item:first-child {
padding-left: 0;
padding-right: 0;
}
.dce-image-link.col-50-left .image-link-item:first-child {
order: 3;
margin-top: 10px;
}
.dce-image-link.col-50-right .image-link-item {
border-right: 0px solid #fff;
min-height: 105px;
}
.sg3w-grid .container.no-padding.single, .sg3w-grid .container.no-padding {
/*padding-right: 15px;
padding-left: 15px;
*/
}
.flex-item .dce-bild-text.col-lg-4, .flex-item .dce-bild-text.col-md-6 {
background-clip: padding-box;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
}
.dce-text-image.col-50-50 .container.no-padding{
width: 100%;
padding-left:0;
padding-right: 0;
}
.accordion-grid .sg3w-grid{
margin-top:0;
}
.accordion-grid .sg3w-grid .dce-bild-text .img-wrap{
background-clip: padding-box;
border-bottom: 5px solid transparent;
}
.accordion-grid .sg3w-grid .dce-bild-text .img-wrap img{
max-height: 200px;
}
.dce-bild-text.flex-row .col-sm-12.img-wrap{
background-clip: padding-box;
border-bottom: 5px solid transparent;
}
.dce-bildcollage{}
.dce-bildcollage .left-col {
background-clip: padding-box;
border-right: 0px solid #fff;
border-bottom: 10px solid #fff;
}
.dce-bildcollage .col-sm-6.left-col{width: 50%; background-clip: padding-box; border-bottom:0; border-right: 5px solid transparent;}
.dce-bildcollage .col-sm-6.right-col{width: 50%; background-clip: padding-box; border-left: 5px solid transparent;}
.dce-bildcollage .ctaTxt-wrap p{display: none;}
}
@media (min-width: 1200px){
.more-padding .row{
margin-right: -30px;
margin-left: -30px;
}
.more-padding .col-lg-1, .more-padding .col-lg-10, .more-padding .col-lg-11, .more-padding .col-lg-12, .more-padding .col-lg-2, .more-padding .col-lg-3,
.more-padding .col-lg-4, .more-padding .col-lg-5, .more-padding .col-lg-6, .more-padding .col-lg-7, .more-padding .col-lg-8, .more-padding .col-lg-9,
.more-padding .col-md-1, .more-padding .col-md-10, .more-padding .col-md-11, .more-padding .col-md-12, .more-padding .col-md-2, .more-padding .col-md-3,
.more-padding .col-md-4, .more-padding .col-md-5, .more-padding .col-md-6, .more-padding .col-md-7, .more-padding .col-md-8, .more-padding .col-md-9,
.more-padding .col-sm-1, .more-padding .col-sm-10, .more-padding .col-sm-11, .more-padding .col-sm-12, .more-padding .col-sm-2, .more-padding .col-sm-3,
.more-padding .col-sm-4, .more-padding .col-sm-5, .more-padding .col-sm-6, .more-padding .col-sm-7, .more-padding .col-sm-8, .more-padding .col-sm-9,
.more-padding .col-xs-1, .more-padding .col-xs-10, .more-padding .col-xs-11, .more-padding .col-xs-12, .more-padding .col-xs-2, .more-padding .col-xs-3,
.more-padding .col-xs-4, .more-padding .col-xs-5, .more-padding .col-xs-6, .more-padding .col-xs-7, .more-padding .col-xs-8, .more-padding .col-xs-9
{
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 1199px){
.sg3w-grid .container {
padding-right: 0px;
padding-left: 0px;
}
.input-anreise,
.input-abreise{
display: none;
}
.main-nav-wrap {
clear:both;
margin-top: 0px;
float: none;
}
.logo-wrap-responsive{
position: absolute;
text-align: center;
left: 0;
right: 0;
display: block;
}
.logo-wrap-responsive img{
height:120px;
margin-top: 5px;
}
.navbar-nav {
padding-top: 30px;
text-align: left;
margin-left: 0px;
}
.navbar-nav .logo{
display: none;
}
.navbar-nav .menu-item {
padding-top: 0px;
padding-left: 15px;
}
.navbar-default .main-nav-wrap .navbar-nav>li>a{
padding: 10px 0;
}
.dd-toggel{
display: block;
position: absolute;
right: 15px;
top: 5px;
}
.menu-item.current .dropdown-menu{
display: block;
position: relative;
float:none;
padding: 0;
margin: 0;
border: none;
}
.level-2{
float: none;
margin-bottom: 0;
margin-top: 0;
min-height: auto;
margin-left: 0;
}
.level-2 li {text-align: left;}
.menu-item.current .drop-bg .container{ width:auto;}
.menu-item.current .fa-chevron-down:before {content: "\f054";}
.drop-bg .container{background-color: transparent;}
.drop-bg a {color: #87888a;}
.dropdown-menu {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media (max-width: 991px){
.navbar-default {position: relative;}
.widget-container{display: none;}
.logo-wrap-responsive img{height:110px;}
.navbar-bg {min-height: auto;}
}
@media (max-width: 767px){
.dce-text-image.col-50-50 .img-wrap{
flex: 0 100%;
max-width: 100%;
}
.dce-text-image.col-50-50 .text-wrap{
flex: 0 100%;
max-width: 100%;
}
.dce-text-image.col-50-50 .img-wrap.bild-links, .dce-text-image.col-50-50 .img-wrap.bild-rechts{
margin-right:0;
margin-left: 0;
}
.dce-text-image.col-50-50 .img-wrap.bild-rechts{order:1;}
footer .address-navi-block .address-box i {
width: 60px;
font-size:30px;
}
footer .phone-wrap .phone, footer .email-wrap .email, footer .address-wrap .address {
padding-left: 20px;
}
footer .feature-block{
padding: 20px 0 20px 0;
height: auto;
}
footer .feature-block ul{margin-left:35px;}
footer .feature-block ul li{
list-style-position: inside;
text-indent: -13px;
}
footer .subline .generic, footer .subline .copyright{
float: none;
display: flex;
justify-content: center;
}
footer .subline .container{
padding-left: 0;
padding-right: 0;
}
.icon-bar-menu .star-wrap {display: none;}
.icon-bar-menu .gift-wrap span{display: none;}
.icon-bar-menu .gift-wrap{
margin: 0 2px;
display:none;
}
.icon-bar-menu .icon-warp {margin-left: 2px;}
.icon-bar-menu a {font-size: 22px;}
.input-submit .fa-bed {margin-right: 10px;}
.input-bed{display: none;}
.dce-headslider .text-wrap{display: none;}
.navbar-nav {margin: 7.5px 0px;}
.footer-menu-block{
margin: 0;
margin-top: 30px;
}
.grid-2-grey .col-1 .container-half {float: none;}
.dce-rezeptslider-wrap{padding-left: 0px;}
.gift-wrap span{display: none;}
.booking-wrap{display:none;}
.booking-responsive-wrap{
position: absolute;
top: 60px;
left: 30px;
}
.logo-wrap-responsive img {height: 100px;}
.navbar-bg {min-height: auto;}
.widget-wrap{margin-top: 30px;}
.hidden-xs{display: none !important;}
.show-xs{display: block !important;}
footer .footer-navi-wrap.hidden-xs{display: none;}
}
@media (max-width: 500px) {
.hidden-xs{display: none !important;}
footer .footer-navi-wrap.hidden-xs{display: none !important;}
.wimple-wrap{display: none!important;}
.is-sticky .booking-bar {bottom: 0px!important;}
.icon-bar-menu {left: 5px;}
.logo-wrap-responsive img {height: 80px;}
.booking-responsive-wrap{left: 10px;}
.booking-responsive-wrap a{font-size:13px;}
.language-menu {
z-index: 10;
position: relative;
}
.is-sticky .navbar-bg {
left:0;
right:0;
width:100%!important;
margin: auto;
}
.booking-bar{
height: auto;
padding-top: 3px;
padding-bottom: 3px;
}
.booking-bar .input-wrap {line-height: normal;}
footer .subline{padding-bottom: 50px;}
.dce-rezeptslider .text-wrap .title{font-size:25px;}
.dce-rezeptslider .text-wrap .subtitle{font-size: 25px;}
.navbar-nav {padding-top: 0px;}
}
/* ===== Alert ==== */
#heyalert, #heyalert-1, #heyalert-2, #heyalert-3{
position: fixed;
top: 5%;
left:25%;
max-width: 50%;
max-height: 90%;
overflow: hidden;
z-index:2000;
background-color: #fff;
padding: 30px;
-webkit-box-shadow: -1px 1px 15px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -1px 1px 15px 0px rgba(50, 50, 50, 0.75);
box-shadow: -1px 1px 15px 0px rgba(50, 50, 50, 0.75);
display:none;
}
#heyalertCloser{
margin-top: 20px;
}
.heyalert .fancybox-inner, .heyalert-1 .fancybox-inner, .heyalert-2 .fancybox-inner, .heyalert-3 .fancybox-inner{text-align: center !important;}
.heyalert .fancybox-skin, .heyalert-1 .fancybox-skin, .heyalert-2 .fancybox-skin, .heyalert-3 .fancybox-skin{
padding: 30px 20px 0 20px !important;
}
.alertimg{width: 100%; max-height: 250px; overflow: hidden;}
.heyalert h3, .heyalert-1 h3, .heyalert-2 h3, .heyalert-3 h3{
color: #762e12;
}
.heyalert h4, .heyalert-1 h4, .heyalert-2 h4, .heyalert-3 h4{
margin-top: 0;
margin-bottom: 0;
line-height: 34px;
font-size: 24px;
text-transform: uppercase;
font-weight: 300;
}
.heyalert h4.subheadline, .heyalert-1 h4.subheadline, .heyalert-2 h4.subheadline, .heyalert-3 h4.subheadline{
font-weight: 400;
}
#heyalert a,.heyalert a, .heyalert-1 a, .heyalert-2 a, .heyalert-3 a{text-decoration: underline;}
.heyalert a.btn, .heyalert-1 a.btn, .heyalert-2 a.btn, .heyalert-3 a.btn{text-decoration: none;}
.heyalert b, .heyalert strong, .heyalert-1 b, .heyalert-1 strong, .heyalert-2 b, .heyalert-2 strong, .heyalert-3 b, .heyalert-3 strong {
font-weight: 600;
}
.heyalert em strong sub, .heyalert-1 em strong sub, .heyalert-2 em strong sub, .heyalert-3 em strong sub{
display: none;
}
.heyalert hr, .heyalert-1 hr, .heyalert-2 hr, .heyalert-3 hr{
color: #762e12;
background-color: #762e12;
}
.heyalert em strong:after, .heyalert-1 em strong:after, .heyalert-2 em strong:after, .heyalert-3 em strong:after{
display: block;
content: "\f071";
font-family: "fontawesome";
font-weight: 900;
font-size: 32px;
color: #762e12;
line-height: 24px;
font-style: normal;
}
.subheadline, .heyalert .subheadline, .heyalert h4.subheadline, .heyalert-1 .subheadline, .heyalert-1 h4.subheadline, .heyalert-2 .subheadline, .heyalert-2 h4.subheadline, .heyalert-3 .subheadline, .heyalert-3 h4.subheadline{
color: #762e12;
font-family: 'Montserrat', sans-serif;
font-size: 16px !important;
}
.headline, .heyalert .headline, .heyalert h4.headline, .heyalert-1 .headline, .heyalert-1 h4.headline, .heyalert-2 .headline, .heyalert-2 h4.headline, .heyalert-3 .headline, .heyalert-3 h4.headline{
font-family: 'Cinzel', serif;
color: #926d1f;
font-size: 32px;
margin-bottom: 2em;
}
.icon-block p:not(strong) {
font-size: 14px;
}
.icon-block [class^="icon-"]::before {
content: "";
display: inline-block;
width: 50px;
height: 50px;
margin-right: 4px;
background-size: contain;
background-repeat: no-repeat;
}
.icon-bademantel::before{background-image: url('../Images/Icons/Bademantel.svg');}
.icon-checkin::before{background-image: url('../Images/Icons/CheckIn-CheckOut.svg');}
.icon-spa::before{background-image: url('../Images/Icons/Spa.svg');}
.icon-parkgarage::before{background-image: url('../Images/Icons/Parkgarage.svg');}
.icon-ladestation::before{background-image: url('../Images/Icons/Ladestation.svg');}
.icon-livemusik::before{background-image: url('../Images/Icons/Live-Musik.svg');}
.icon-pooltemperatur::before{background-image: url('../Images/Icons/Pooltemperatur.svg');}
.icon-hunde::before{background-image: url('../Images/Icons/Hunde.svg');}
.icon-cannabis::before{background-image: url('../Images/Icons/Cannabis.svg');}
.icon-reservierung-spa::before{background-image: url('../Images/Icons/reservierung-spa.svg');}
.icon-reservierung-zimmer::before{background-image: url('../Images/Icons/reservierung-zimmer.svg');}
.icon-altersvorsorge::before{background-image: url('../Images/Icons/Altersvorsorge.svg');}
.icon-escooter::before{background-image: url('../Images/Icons/E-Scooter.svg');}
.icon-leihfahrrad::before{background-image: url('../Images/Icons/Leihfahrrad.svg');}
.icon-obstkorb::before{background-image: url('../Images/Icons/Obstkorb.svg');}
.icon-hotelverguenstigungen::before{background-image: url('../Images/Icons/Hotelverguenstigungen.svg');}
.icon-fitnessstudio::before{background-image: url('../Images/Icons/Fitnessstudio.svg');}
.icon-urlaubsgeld::before{background-image: url('../Images/Icons/Urlaubsgeld.svg');}
.icon-uniform::before{background-image: url('../Images/Icons/Uniform.svg');}
.icon-sommerfest::before{background-image: url('../Images/Icons/Sommerfest.svg');}
.icon-mitarbeiterangebote::before{background-image: url('../Images/Icons/Mitarbeiterangebote.svg');}
.icon-aufstiegschancen::before{background-image: url('../Images/Icons/Aufstiegschancen.svg');}
.icon-eigenverantwortung::before{background-image: url('../Images/Icons/Eigenverantwortung.svg');}
.icon-herausforderungen::before{background-image: url('../Images/Icons/Herausforderungen.svg');}
.icon-perspektive::before{background-image: url('../Images/Icons/Perspektive-Wachstum.svg');}
.icon-shopping::before{background-image: url('../Images/Icons/Shopping.svg');}
.icon-team::before{background-image: url('../Images/Icons/Team.svg');}
.icon-unternehmensstruktur::before{background-image: url('../Images/Icons/Unternehmensstruktur.svg');}
.icon-weiterentwicklung::before{background-image: url('../Images/Icons/Weiterentwicklung.svg');}
.icon-jobrad::before{background-image: url('../Images/Icons/Jobrad1.svg');}
.icon-block [class^="icon-"]{
}
.icon-block .heycol{
margin-bottom:2rem;
}
.icon-block p{
color: #181d24 !important;
}
#hey-faq{
padding: 30px 0 30px 0;
text-align: center;
}
.sg3w-grid #hey-faq .container{
padding-right: 0px;
padding-left: 0px;
}
#hey-faq b, #hey-faq strong{
font-weight: 600;
}
/* ====== Booking Vorteile ==== */
#booking-benefits{
width: 300px;
text-transform: none;
font-size: 16px;
}
#booking-benefits h3{
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
text-align: left;
color: #fff;
}
.benefits-icon-close {
cursor: pointer;
display: inline-block; /* Falls es vorher nicht als Block-Element definiert war */
position: relative; /* Falls nötig */
}
.benefits-icon-close {
background: none;
border: none;
cursor: pointer;
position: absolute;
right: 10px;
top: 0px;
width: 1.3em;
height: 1.3em;
font-size: 1.3em;
}
.benefits-icon-close::before {
content: '\f00d'; /* FontAwesome Symbol */
font-family: 'FontAwesome'; /* Falls FontAwesome eingebunden ist */
font-size: 1.3em;
display: block;
color: #fff;
}
#booking-benefits ul{
margin-left: 0;
padding-left: 0;
}
#booking-benefits ul li{
list-style-type: none;
padding-left: 10px;
margin-left: 10px;
}
#booking-benefits ul li i{
margin-left: -20px;
}
.benefit-content{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.benefit-content .btn {
align-self: center;
}
#booking-benefits {
position: absolute; /* Falls es an einer fixen Position sein soll: 'fixed' */
left: 0px;
top: 80px;
background: #926d1f;
padding: 25px 15px 0px 25px;
opacity: 0;
visibility: hidden; /* Verhindert ungewollte Fokussierung */
transform: translateY(-150%);
transition: 0.5s all ease-in-out;
}
#booking-benefits.active {
opacity: 1;
visibility: visible; /* Jetzt sichtbar */
transform: translateY(0);
}
/* Animation deaktivieren, wenn prefers-reduced-motion aktiv ist */
@media (prefers-reduced-motion: reduce) {
#booking-benefits {
transition: none;
}
}