.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}   @font-face {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-regular.eot); src: local(''),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-regular.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-regular.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-regular.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-regular.svg#Castoro) format('svg'); } @font-face {
font-family: 'Castoro';
font-style: italic;
font-weight: 400;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-italic.eot); src: local(''),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-italic.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-italic.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-italic.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-italic.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/castoro-v1-latin-italic.svg#Castoro) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-300.eot); src: local('Open Sans Light'), local('OpenSans-Light'),url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-300.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-300.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-300.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-300.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-regular.eot); src: local('Open Sans Regular'), local('OpenSans-Regular'),url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-regular.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-regular.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-regular.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-regular.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-600.eot); src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-600.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-600.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-600.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-600.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-600.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-700.eot); src: local('Open Sans Bold'), local('OpenSans-Bold'),url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-700.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-700.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-700.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/open-sans-v17-latin-700.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Alata';
font-style: normal;
font-weight: 400;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/alata-v2-latin-regular.eot); src: local('Alata Regular'), local('Alata-Regular'),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/alata-v2-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/alata-v2-latin-regular.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/alata-v2-latin-regular.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/alata-v2-latin-regular.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/alata-v2-latin-regular.svg#Alata) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300.eot); src: local('Roboto Light'), local('Roboto-Light'),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300italic.eot); src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300italic.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300italic.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300italic.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-300italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-regular.eot); src: local('Roboto'), local('Roboto-Regular'),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-regular.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-regular.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-regular.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-regular.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-500.eot); src: local('Roboto Medium'), local('Roboto-Medium'),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-500.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-500.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-500.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-500.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-500.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-700.eot); src: local('Roboto Bold'), local('Roboto-Bold'),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-700.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-700.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-700.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-700.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-900.eot); src: local('Roboto Black'), local('Roboto-Black'),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-900.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-900.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-900.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-900.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-v20-latin-900.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 200;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-200.eot); src: local(''),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-200.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-200.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-200.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-200.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-200.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-regular.eot); src: local(''),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-regular.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-regular.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-regular.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-regular.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 600;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-600.eot); src: local(''),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-600.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-600.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-600.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-600.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-600.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 800;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-800.eot); src: local(''),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-800.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-800.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-800.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-800.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/roboto-slab-v11-latin-800.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
src: url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/merriweather-v22-latin-regular.eot); src: local('Merriweather Regular'), local('Merriweather-Regular'),
url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/merriweather-v22-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/merriweather-v22-latin-regular.woff2) format('woff2'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/merriweather-v22-latin-regular.woff) format('woff'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/merriweather-v22-latin-regular.ttf) format('truetype'), url(//www.hotelseimler.de/wp-content/themes/seimler/fonts/merriweather-v22-latin-regular.svg#Merriweather) format('svg'); }   html{
font-family:'Roboto', 'OpenSans', Arial, sans-serif;
font-size:18px;
box-sizing:border-box;
-webkit-text-size-adjust:100%;
word-break: break-word;
white-space: normal;
}
*,:after,:before{
box-sizing:inherit;
position:relative;
margin-right: 0px;
}
:focus{
outline:0
}
body{
color: #3C3C3B ;
background: #ffffff;
margin:0;
line-height:1.7;
font-weight:300;
}
@media (max-width:60rem){
body{
overflow-x:hidden;
background: #fff;
}
main {
margin-top: 4.4rem;
}
}
.wrapper {
background: transparent;
position:absolute;
top: 0;
z-index: 10000;
width: 100%;
overflow-x: hidden;
}
article>* {
margin: 1rem 0;
}
p {
margin-top: 0rem;
}
header b {
font-weight:200;
color: #333333;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
font-size:4rem;
line-height:1.1;
letter-spacing:-1px;
display:block;
position:relative;
}
header span {
margin: -3em 3em;
font-size: 0.7em;
color: #888;
}
@media (max-width:60rem){
header span {
display:none;
}
nav header a,nav[data-xx] header a{
left: 2rem;
color: #333333; text-shadow: 0 1px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
}
.logo {
height: 4rem;
display:block;
margin-bottom:8px;
}
@media (max-width:60rem){
.logo {
height: 3rem;
margin-left: 1rem;
}
}
.contentbackground, .footerbackground, .bottomlinebackground, .headerlinebackground, .headerbackground {
padding: 2rem 50px 0;
}
.contentbackground {
padding-bottom: 2rem;
}
.headerbackground {
background: transparent  linear-gradient(to bottom, #9A5272 0%, transparent 95%);
color: #fff;
min-height: 4.4rem;
position: absolute;
top: 0px;
width: 100%;
z-index: 20; } .headerbackground {
max-height: 120px;
background: #9A5272;
} .sticky {
background-color: #9A5272;
position:fixed;
top:0;
max-height: 120px;
z-index: 50;
}
.bottomlinebackground {
background: #f8f7f6 ;
padding-bottom: 2rem;
color: #3C3C3B;;
font-weight: normal; margin-top: 70px !important;
font-size: 18px;
padding-left: 12%!important;
padding-right: 12%!important;
}
.bottomlinebackground a {
color: #998D85;
}
.bottomlinebackground h3 {
color: #9C0A7D;
font-size: 23px;
}
@media (max-width:80rem) {
.widget_media_image {
display: none;
}
}
.footerbackground {
background: #fff;
padding: .5rem 50px!important;
color: #3C3C3B;
}
section,section[data-xx],footer{
margin:auto;
padding:0 10%;
width:100%;
background:transparent;
}
@media (max-width:1060px){
section,section[data-xx],footer{
margin:auto;
padding:0 4%;
width:100%;
background:transparent;
}
}
footer{
color: #fff;
clear: both;
box-sizing: border-box;
margin-bottom: 52px;
}
.clear {
clear:both;
display:block;
} h1,h2,h3,h4,h5,h6{
margin:1rem 0 0.4rem;
font-weight:300; color: #AE9F89;
font-family:'Roboto', 'OpenSans', Arial, sans-serif;
margin-top: 1rem;
display:block;
word-break: normal;
}
h1,h1[data-xx]{
font-family:'Castoro', serif;
font-size: 2.5rem;
line-height:1;
padding: 0.5rem 0;
font-weight:600;
letter-spacing: .05em;
}
h2,h2[data-xx]{
font-size:2.0rem;
line-height:1.2;
padding-top: 0.5rem;
letter-spacing:-.02rem;
color: #AD4F34;
}
h3,h3[data-xx]{
font-family:'Castoro', serif;
font-size:1.7rem;
font-weight: normal;
line-height:1.3;
letter-spacing: .05em;
}
h4,h4[data-xx]{
font-size:1.3rem;
line-height:1.3;
letter-spacing:-.02rem;
color: #AD4F34;
}
h5,h5[data-xx]{
font-size:1rem;
line-height:1.5;
letter-spacing:0;
text-transform:uppercase;
font-weight:700;
color: #AD4F34;
}
h6,h6[data-xx]{
font-size:1.4rem;
line-height:1.5;
letter-spacing:0;
text-transform:uppercase;
font-weight:400;
color: #AD4F34;
}
@media (max-width:42rem){
h1 {
font-size: 10vw;
}
h2,h2[data-xx], .has-large-font-size{
font-size:8vw;
line-height:1.2;
}
h3,h3[data-xx]{
font-size:1.2rem;
line-height:1.3;
letter-spacing:-.05rem
}
} .wp-block-getwid-advanced-heading {
margin: 4rem 0 2rem;
display: block;
}
.wp-block-getwid-advanced-heading h2 {
position: relative;
display: inline-block!important;
margin-bottom: 0;
padding-right: 1.07143rem;
padding-top: 0px;
background-color: inherit;
z-index: 2;
margin-top: 0px;
text-transform: none;
background-color: #fff;
font-size: 1.4rem;
font-weight: 400;
}
.wp-block-getwid-advanced-heading:before, .wp-block-getwid-advanced-heading:after {
content:"";
position:absolute;
left:auto;
right:0;
width:100%;
height:0;
border-top-width:1px;
border-color:#c00000;
border-top-style: solid;
}
.wp-block-getwid-advanced-heading:before {
top: 46%;
}
.wp-block-getwid-advanced-heading:after {
top: 54%;
} a{
text-decoration:none;
display:inline-block;
z-index:1;
vertical-align:top;
color: #736759;
}
.has-background-dim a {
color: #fff;
}  b,strong{
font-weight:700
}
.has-medium-font-size {
font-family: 'Alata', Arial, Sans Serif;
font-size: 1.3em;
}
.has-large-font-size {
font-weight: 100;
margin: 20px 0;
line-height: 1.1;
}
code,code[data-xx]{
display:inline-block;
background:#f4f5f6;
border:1px solid #e3e6e8;
padding:0 .5rem;
color:#454f54;
font-size:1.2rem;
line-height:1.8;
font-family:monospace;
border-radius:2px;
text-transform:none;
font-weight:300
}
pre code,pre[data-xx] code{
padding:2rem;
border:none;
border-left:4px solid #679;
border-radius:0;
width:100%;
display:block
}
span{ width:auto;
} span.wpcf7-list-item {
display: inline;
margin: 0px;
} blockquote, .wp-block-getwid-testimonial {
background-color: #eee;
padding: 2em;
font-style: italic;
line-height: 1.5em;
quotes: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.wp-block-columns blockquote, .wp-block-columns .wp-block-getwid-testimonial {
margin: 0px;
} hr{
background:#e3e6e8;
border:none;
width:20%;
height:3px;
margin:1.5rem auto;
} ol,ol[data-xx],ul,ul[data-xx]{
padding-left:2rem;
margin:0 0 2rem
}
ol ol,ol ul,ol[data-xx] ol,ol[data-xx] ul,ul ol,ul ul,ul[data-xx] ol,ul[data-xx] ul{
margin-bottom:0
}
ul,ul[data-xx]{
list-style:disc
}
ul ul,ul[data-xx] ul{
list-style:circle
}
ol,ol[data-xx]{
list-style:decimal
}
ol ol,ol[data-xx] ol{
list-style:lower-alpha
}
ul.features {
list-style: none;
padding-left: 0px;
}
ul.features li:before {
list-style: none;
content: 'âœ“';
padding-right: 10px;
font-size: 1.3em;
font-weight: 700;
} table,table[data-xx]{
width:100%;
border-collapse:collapse;
border-spacing:0;
margin-bottom:2rem;
text-align:left;
overflow:hidden
}
table td,table th,table[data-xx] td,table[data-xx] th{
border-bottom:2px solid #e3e6e8;
padding:1rem
}
.bottomlinebackground table td,.bottomlinebackground table th,.bottomlinebackground table[data-xx] td,.bottomlinebackground table[data-xx] th{
padding:0rem;
vertical-align: top;
}
table th,table[data-xx] th{
font-weight:700;
color:#454f54
}
table th:before,table[data-xx] th:before{
content:"";
width:100%;
height:10000%;
position:absolute;
display:block;
top:0;
left:0;
background:#f4f5f6;
z-index:-1;
opacity:0;
visibility:hidden
}
table th:hover:before,table[data-xx] th:hover:before{
opacity:1;
visibility:visible
}
table td,table[data-xx] td{
border-bottom-width:1px
}
table tbody tr:hover,table[data-xx] tbody tr:hover{
background:#f4f5f6
} img,amp-img{
border:0; -webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}
.wp-block-image img {
height: 100%;
}
figure {
margin: 0px;
}
.wp-post-image {
width: 100%;
}
.thumb {
display: block;
box-sizing: border-box;
width:100%;
}
figcaption {
width: 100%;
display: block;
clear:both;
text-align: right;
font-size: 0.7em;
z-index: 10;
} [data-col="1/12"]{
width:8.33333333%
}
[data-col="2/12"],[data-col="1/6"]{
width:16.66666667%
}
[data-col="3/12"],[data-col="1/4"]{
width:25%
}
[data-col="4/12"],[data-col="2/6"],[data-col="1/3"]{
width:33.33333333%
}
[data-col="5/12"]{
width:41.66666667%
}
[data-col="6/12"],[data-col="3/6"],[data-col="2/4"],[data-col="1/2"]{
width:50%
}
[data-col="7/12"]{
width:58.33333333%
}
[data-col="8/12"],[data-col="4/6"],[data-col="2/3"]{
width:66.66666667%
}
[data-col="9/12"],[data-col="3/4"]{
width:75%
}
[data-col="10/12"],[data-col="5/6"]{
width:83.33333333%
}
[data-col="11/12"]{
width:91.66666667%
}
[data-col="1/1"]{
width:100%
}
[data-col]{
display:inline-block;
padding:1rem;
vertical-align:top;
float:left;
}
@media (max-width:80rem){
[data-col]:not([data-fx]){
width:100%
}
}   [data-btn],button,button[data-xx],input[type=submit]{
background-color: #AD4F34;
border: none;
border-radius: 0;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 18px;
margin: 0;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word;
}
[data-btn]:before,button:before,button[data-xx]:before,input[type=submit]:before{
content:"";
position:absolute;
z-index:-1;
opacity:0;
width:100%;
height:100%;
left:0;
top:0;
-webkit-transform:scale3d(1.2,1.2,1.2);
transform:scale3d(1.2,1.2,1.2); }
[data-btn]:not(:disabled):hover,button:not(:disabled):hover,button[data-xx]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{
box-shadow:2px 2px 4px rgba(0,0,0,.3);
background:#AD4F34
}
[data-btn]:not(:disabled):hover:active,button:not(:disabled):hover:active,button[data-xx]:not(:disabled):hover:active,input[type=submit]:not(:disabled):hover:active{
box-shadow:none;
-webkit-transition:none;
transition:none
}
[data-btn][data-primary],button[data-primary],button[data-xx][data-primary],input[type=submit][data-primary]{
border-color:#5a6987;
background:#679;
color:#fff;
font-weight:700
}
[data-btn][data-primary]:not(:disabled):hover,button[data-primary]:not(:disabled):hover,button[data-xx][data-primary]:not(:disabled):hover,input[type=submit][data-primary]:not(:disabled):hover{
background:#5a6987
}
[data-btn][data-round],button[data-round],button[data-xx][data-round],input[type=submit][data-round]{
border-radius:4rem
}
@media (max-width:60rem){
[data-btn][m-full],button[m-full],button[data-xx][m-full],input[type=submit][m-full]{
width:100%
}
}
[data-btn].disabled,[data-btn]:disabled,button.disabled,button:disabled,button[data-xx].disabled,button[data-xx]:disabled,input[type=submit].disabled,input[type=submit]:disabled{
border-color:#e3e6e8;
background:#e3e6e8;
color:#abb5ba;
cursor:default
}
a.wp-block-button__link:hover {
background-color:#F6F4F2 !important;
} .wpcf7 {
background: #fff;
padding: 1rem;
}
.wpcf7 p {
padding-bottom: 0px;
}
label,label[data-xx]{
display:inline-block;
width: 45%;
font-weight:400;
float:left;
clear: both;
margin-top: .5rem;
}
label:first-child,label[data-xx]:first-child{
margin-top:0
}
label.datenschutz {
clear: none;
width: 95%;
margin-bottom: 1rem;
margin-top: 0px;
padding-left: 10px;
float: right;
}
input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]),input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[data-xx],input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[class^=user-]{
display:inline-block;
background:0 0;
width:55%;
padding:.5rem;
margin-bottom:.5rem;
border:1px solid #fff;
font-weight:300;
border-radius:0;
background: #ddd;
font-size: 1rem;
}
input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):focus,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):hover,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[data-xx]:focus,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[data-xx]:hover,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[class^=user-]:focus,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[class^=user-]:hover{
border-color:#000;
outline:0;
font-size: 1rem;
}
input.wpcf7-submit {clear: both;}
textarea,textarea[data-xx],textarea[class^=user-]{
display:inline-block;
background:0 0;
width:55%;
padding:.5rem;
margin-bottom:.5rem;
font-weight:300;
border-radius:0;
min-height:8rem;
border:1px solid #fff;
padding-right:2rem;
min-height: 120px;
background: #ddd;
}
textarea:focus,textarea:hover,textarea[data-xx]:focus,textarea[data-xx]:hover,textarea[class^=user-]:focus,textarea[class^=user-]:hover{
border-color:#000;
outline:0
}
select,select[data-xx],select[class^=user-]{
padding:.5rem 3rem .5rem 1rem;
display:block;
width:55%;
border:1px solid #fff;
background:#ddd; font-weight:300;
text-indent:.5rem;
line-height: 1.2;
margin:.5rem 0 .5rem;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
font-size: 1rem;
}
select:focus,select:hover,select[data-xx]:focus,select[data-xx]:hover,select[class^=user-]:focus,select[class^=user-]:hover{
border-color:#679;
outline:0
} input[type=radio]+label,input[type=radio][data-xx]+label,input[type=radio][class^=user-]+label{
font-size:1.4rem;
font-weight:200
}
input[type=radio]+label:before,input[type=radio][data-xx]+label:before,input[type=radio][class^=user-]+label:before{
border-radius:100%
}
input[type=radio]:checked+label:before,input[type=radio][data-xx]:checked+label:before,input[type=radio][class^=user-]:checked+label:before{
background:#679;
border-color:#679
}
input[type=radio]:checked+label:after,input[type=radio][data-xx]:checked+label:after,input[type=radio][class^=user-]:checked+label:after{
opacity:1;
visibility:visible;
background:#679;
border:1px solid #fff;
border-radius:100%;
-webkit-transform:scale(1);
transform:scale(1);
top:.5rem
}    .kontakt-icons {
position:fixed;
top:10px;
right:20px;
}
.kontakt-icons a {
color:#AD4F34;
font-size: 30px;
margin-left: 30px;
}
.mobmenul-container i {
color: #AD4F34!important;
}
@media (max-width: 1060px){
.mob-menu-header-holder {
padding: 0 2%;
}
.kontakt-icons {
right: 4%;
}
.left-menu-icon-text {
display: none;
}
}
@media (max-width: 700px) {
.kontakt-icons a {
margin-left: 10px;
}
}
@media (max-width: 500px){
.mob-menu-header-holder {
padding: 0;
}
.kontakt-icons .fa-envelope-open {
display: none;
}
}
@media (max-width: 400px){
.kontakt-icons a:last-child {
display: none;
}
.kontakt-icons .fa-facebook {
display: none;
}
}
@media (min-width: 1061px){
.mob-menu-header-holder {
padding: 0 9%;
}
.kontakt-icons {
right: 10%;
}
}
.left-menu-icon-text {
margin-top: 10px;
}   mark{
display:inline-block;
font-size:1.1rem;
border-bottom:1px solid #e3e6e8;
border-radius:1.5rem;
background:#f4f5f6;
color:#679;
padding:.2rem 1.2rem;
margin:0 .5rem .5rem 0
}
[data-att],[data-dtt]:disabled,[data-tt]{
overflow:visible
}
[data-att]:after,[data-dtt]:disabled:after,[data-tt]:after{
position:absolute;
left:50%;
top:0;
opacity:0;
visibility:hidden;
pointer-events:none;
z-index:2;
background:#454f54;
border-radius:3px;
color:#fff; font-size:1.2rem;
line-height:2.5;
font-weight:300;
letter-spacing:0;
white-space:nowrap;
padding:0 1rem;
-webkit-transform:translate(-50%,-95%);
transform:translate(-50%,-95%);
text-transform:none
}
[data-att]:hover:after,[data-dtt]:disabled:hover:after,[data-tt]:hover:after{
opacity:.9;
visibility:visible;
-webkit-transform:translate(-50%,calc(-100% - 5px));
transform:translate(-50%,calc(-100% - 5px))
}
[data-tt]:after{
content:attr(data-tt)
}
[data-dtt]:disabled:after{
content:attr(data-dtt)
}
[data-att]:after{
content:attr(href)
}
:after,:before,a,button,input,ul,li,select,textarea,tr,ul{
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
[data-full]{
width:100%
}
[data-hide]{
display:none
}
[data-serif]{
font-family:serif
}
[data-sans]{
font-family:sans-serif
}
[data-mono]{
font-family:monospace
}
[data-fs="xs"]{
font-size:1.1rem
}
[data-fs="s"]{
font-size:1.2rem
}
[data-fs="m"]{
font-size:1.4rem
}
[data-fs="l"]{
font-size:1.6rem
}
[data-fs="xl"]{
font-size:2.4rem
}
[data-mt="0"]{
margin-top:0
}
[data-mt="2"]{
margin-top:2rem
}
[data-mt="4"]{
margin-top:4rem
}
[data-mt="8"]{
margin-top:8rem
}
[data-mb="0"]{
margin-bottom:0
}
[data-mb="2"]{
margin-bottom:2rem
}
[data-mb="4"]{
margin-bottom:4rem
}
[data-mb="8"]{
margin-bottom:8rem
}
[data-pt="0"]{
padding-top:0
}
[data-pt="2"]{
padding-top:2rem
}
[data-pt="4"]{
padding-top:4rem
}
[data-pt="8"]{
padding-top:8rem
}
[data-pb="0"]{
padding-bottom:0
}
[data-pb="2"]{
padding-bottom:2rem
}
[data-pb="4"]{
padding-bottom:4rem
}
[data-pb="8"]{
padding-bottom:8rem
}
[data-pa="0"]{
padding:0
}
[data-pa="2"]{
padding:2
}
[data-txt="l"]{
text-align:left
}
[data-txt=r]{
text-align:right
}
[data-txt=c]{
text-align:center
}
[data-txt=j]{
text-align:justify
}  .textlarge {
width: 100%;
text-align:right;
font-size: 1.5em;
color: #000;
padding-right: 15px;
} .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
margin-bottom: 20px;
overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-getwid-media-text-slider-slide-content {
position: unset;
} .banner {
min-height: 60vh!important;
}
@media (max-width:600px){
.banner {
min-height: 40vh!important;
}
}
.home .banner {
min-height: 80vh!important;
} p.alignfull , div.alignfull {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-bottom: 0px;
margin-top: 0px;
padding: 2rem 35%;
box-sizing: border-box;
}
@media (max-width:1060px){
p.alignfull , div.alignfull {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-bottom: 0px;
margin-top: 0px;
padding: 0;
box-sizing: border-box;
}
}
p.alignfull {
padding-left: 9rem;
padding-right: 9rem;
} div.vollebreite {
padding: 0;
} div.infoleiste {
padding: 10px 5px;
position: fixed;
bottom: 0px;
left:0px;
z-index: 6;
}
.infoleiste p a:not([data-btn])::before,.infoleiste p a[data-xx]:not([data-btn])::before {
background: none;
}
.infoleiste h3 {
display: none;
}
.infoleiste * {
font-size: 0.9rem; font-weight: 500;
}
@media (max-width:80rem){
div.infoleiste {
padding: 10px 10px;
}
}
@media (max-width:991px){
div.infoleiste *{
font-weight: 700;
}
}
.infoleiste a {
color: #fff;
}
.infoleiste p {
margin: 0px;
}
.infobox {
float: left;
padding: 0px;
text-align: center;
}
.w-10 {
width: 10%;
}
.w-15 {
width: 15%;
}
.w-20 {
width: 20%;
}
.w-25 {
width: 25%;
}
.w-30 {
width: 30%;
}
.w-35 {
width: 35%;
}
.w-65 {
width: 65%;
}
@media (max-width:1100px){
.w-15 {
width: 17.5%;
}
.w-20 {
width: 22.5%;
}
.w-65 {
width: 60%;
}
}
@media (max-width:992px){
.w-15 {
width: 33%;
}
.w-20 {
width: 33%;
}
.w-65 {
width: 33%;
}
}
@media (max-width:650px){
.w-15 {
width: 35%;
}
.w-20 {
width: 40%;
}
.w-65 {
width: 25%;
}
}
@media (max-width:510px){
.w-15 {
width: 35%;
}
.w-20 {
width: 40%;
}
.w-65 {
width: 25%;
}
} .keinmargin .wp-block-column {
margin-left: 0px;
}
.keinmargin .wp-block-group__inner-container {
padding: 3.1rem;
}
@media (max-width: 600px){
.keinmargin .wp-block-group__inner-container {
padding: 0.5rem;
}
} @media (max-width: 900px) and (min-width: 600px) {
.dreispalter {
display: block;
}
.dreispalter .wp-block-column {
flex-basis: 100%!important;
}
} .card h4 {
font-weight: 400;
}
.card{
background:#fff;
display:block;
padding:.5rem;
box-shadow:0 1px 4px 0 rgba(0,0,0,.2);
border-radius:2px;
margin:0 0 2rem 0
}
.card hr,.card hr[data-xx]{
margin:1rem 0
}
.card>amp-img,.card>amp-img[data-xx],.card>amp-img[class^=i-amp],.card>amp-img[class^=-amp]{
width:calc(100% + 4rem);
max-width:none;
margin:0 0 2rem -2rem;
display:block
}
.card>amp-img:first-child,.card>amp-img[data-xx]:first-child,.card>amp-img[class^=i-amp]:first-child,.card>amp-img[class^=-amp]:first-child{
margin:-2rem 0 2rem -2rem;
border-top-left-radius:2px;
border-top-right-radius:2px
}
.card>amp-img:last-child,.card>amp-img[data-xx]:last-child,.card>amp-img[class^=i-amp]:last-child,.card>amp-img[class^=-amp]:last-child{
margin:0 0 -2rem -2rem;
border-bottom-left-radius:2px;
border-bottom-right-radius:2px
}
.card .wp-block-columns  {
margin-bottom: 0px;
} .flipboxen a {
color: #fff;
}
.flipboxen p a:not([data-btn]):before {
display:none;
}
.flipboxen .wp-block-column {
background-color: transparent;
height: 100px;
width: 100px;
border: 1px solid #f1f1f1;
perspective: 1000px;
}
.flipboxen .wp-block-column .wp-block-media-text {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
display: inherit;
}
.flipboxen .wp-block-column:hover .wp-block-media-text {
transform: rotateY(180deg);
cursor: pointer;
}
.flipboxen .wp-block-column .wp-block-media-text .wp-block-media-text__media, .flipboxen .wp-block-column .wp-block-media-text .wp-block-media-text__content {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden; backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.flipboxen .wp-block-column .wp-block-media-text .wp-block-media-text__media {
background-color: #transparent;
color: black;
}
.flipboxen .wp-block-column .wp-block-media-text .wp-block-media-text__media img {
width: 90px;
}
.flipboxen .wp-block-column .wp-block-media-text .wp-block-media-text__content {
background-color: #c00000;
color: #fff;
grid-column: auto;
transform: rotateY(180deg);
} .teaserblock figure a:after {
height: 0px;
}
.teaserblock figcaption {
text-align: left;
margin-top: -8px;
padding: 10px;
font-size: 0.9em;
color: #fff;
background: #9a5272;
min-height: 300px;
}
.teaserblock figcaption a {
color: #fff;
} .ueberlappend {
margin-top: -120px;
z-index: 10;
}
.ueberlappt {
padding-bottom: 150px!important;
} .shine {
margin: 0px;
position:relative;
transition: .4s all ease;
}
.shine .wp-block-column {
display: block;
position: relative;
overflow: hidden;
}
.shine .wp-block-column::after, .shine .wp-block-column::before {
position: absolute;
top: 0;
left: -95%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0) 100%);
-webkit-transform: skewX(45deg);
transform: skewX(45deg);
pointer-events: none;
}
.shine .wp-block-column::after {
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
}
.shine .wp-block-column::after {
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
}
.shine .wp-block-column:hover::before {
-webkit-animation: shine 1s;
animation: shine 1s;
}
.shine .wp-block-column:hover::before {
-webkit-animation: shine 0.8s;
animation: shine 0.8s;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-o-animation-delay: 0.25s;
animation-delay: 0.25s;
}
@-webkit-keyframes shine {
100% {
left: 160%;
}
}
@keyframes shine {
100% {
left: 160%;
-webkit-transform: skewX(45deg);
transform: skewX(45deg);
}
} .wp-block-latest-posts a {
display: block;
width: 100%;
}
.wp-block-latest-posts h3 {
min-height: 2.6em;
font-weight: 500;
font-size:2.5rem;
letter-spacing: -.05rem;
}
.wp-block-latest-posts .beitragslink {
display:block;
width: 100%;
padding: 1em 0;
background: #000000;
color: #fff;
text-align: center;
} .beitragsloop {
border-bottom: 3px #ddd dotted;
padding: 0 0 1rem;
position:relative;
}
.beitragsloop img {
width: 100%;
margin: 2rem 0 0;
}
.beitragsloop h3 {
font-size: 1.3rem;
margin-top: 0.4rem;
} .wp-block-lazyblock-zweispalten-infoblock-bilderlinks {
margin: 3rem 0;
}
.zweispalten_info_bl_column {
display: flex;
flex-direction: column;
padding: 0 15px;
width: 100%;
}
.zweispalten_info .spalterechts {
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.zweispalten_info .wp-block-column {
flex-basis:100%!important;
flex-grow: 0;
}
}
@media (min-width: 768px) and (max-width: 781px) {
.zweispalten_info .wp-block-column {
flex-basis: calc(50% - 16px) !important;
flex-grow: 0;
}
}
.zweispalten_info .bildlinksoben {
width: 90%;
padding-bottom: 275px;
padding-top: 3rem;
}
.zweispalten_info .bildlinksunten {
width: 100%;
}
.zweispalten_info .wrap {
overflow: hidden;
}
.zweispalten_info .bildlinksunten .wrap {
position: absolute;
width: 80%;
bottom: 0;
right: 0;
}
.zweispalten_info .bild {
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
position: relative;
transition: all .5s;
}
.zweispalten_info .bild a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 1rem;
padding-top: 25%;
z-index: 5;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: white;
text-transform: uppercase;
}
.zweispalten_info .bild a .h2 {
font-size: 33px;
line-height: 39px;
}
.zweispalten_info .bild a .h3 {
font-size: 16px;
line-height: 22px;
}
.zweispalten_info .bildlinksunten .bild a {
padding-top: 40%;
}
.zweispalten_info .bildlinksoben .bild a {
z-index:0;
}
.zweispalten_info .bildrechts {
overflow: hidden;
margin-bottom: 3rem;
order: 1;
height: 250px;
width: 80%;
margin-left: 10%;
}
@media (min-width:768px) {
.zweispalten_info .bildrechts {
height: 370px;
margin-left: 5%;
}
}
@media (min-width:1200px) {
.zweispalten_info .bildrechts {
width: 400px;
margin-left: 15%;
}
} .wp-block-lazyblock-vierteaser-linkshoch, .wp-block-lazyblock-vierteaser-rechtshoch, .wp-block-lazyblock-zweiteaser-linksweit, .wp-block-lazyblock-zweiteaser-rechtsweit {
clear: both;
margin: 0px -1% 0px -10px;
}
.wp-block-lazyblock-vierteaser-linkshoch>div, .wp-block-lazyblock-vierteaser-rechtshoch>div, .wp-block-lazyblock-zweiteaser-linksweit>div, .wp-block-lazyblock-zweiteaser-rechtsweit>div {
margin-right: -10px
}
.wp-block-lazyblock-vierteaser-linkshoch .teaserbox, .wp-block-lazyblock-vierteaser-rechtshoch .teaserbox, .wp-block-lazyblock-zweiteaser-linksweit .teaserbox, .wp-block-lazyblock-zweiteaser-rechtsweit .teaserbox {
float: left;
min-height: 400px;
min-width: 33%;
border: 10px #fff solid;
background-size: cover;
}
.wp-block-lazyblock-vierteaser-linkshoch .teaserbox.hoch, .wp-block-lazyblock-vierteaser-rechtshoch .teaserbox.hoch {
height: 800px;
}
.wp-block-lazyblock-vierteaser-rechtshoch .teaserbox.hoch {
float: right;
margin-right: 1%;
}
@media(max-width: 950px) {
.wp-block-lazyblock-vierteaser-rechtshoch .teaserbox.hoch {
float: left;
}
}
.wp-block-lazyblock-vierteaser-linkshoch .teaserbox.weit, .wp-block-lazyblock-vierteaser-rechtshoch .teaserbox.weit, .wp-block-lazyblock-zweiteaser-linksweit .teaserbox.weit,  .wp-block-lazyblock-zweiteaser-rechtsweit .teaserbox.weit {
width: 66%;
}
@media(max-width: 950px) {
.wp-block-lazyblock-vierteaser-linkshoch .teaserbox, .wp-block-lazyblock-vierteaser-rechtshoch .teaserbox, .wp-block-lazyblock-zweiteaser-linksweit .teaserbox,  .wp-block-lazyblock-zweiteaser-rechtsweit .teaserbox {
width: 100% !important
}
}
.wp-block-lazyblock-vierteaser-linkshoch .text-center, .wp-block-lazyblock-vierteaser-rechtshoch .text-center, .wp-block-lazyblock-zweiteaser-linksweit .text-center,  .wp-block-lazyblock-zweiteaser-rechtsweit .text-center {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 5;
text-align: center;
background: rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
justify-content: center;
color: white;
text-transform: uppercase;
}
.wp-block-lazyblock-vierteaser-linkshoch .text-center h3, .wp-block-lazyblock-vierteaser-rechtshoch .text-center h3,  .wp-block-lazyblock-zweiteaser-linksweit .text-center h3,  .wp-block-lazyblock-zweiteaser-rechtsweit .text-center h3 {
font-size: 0.9rem;
color: #fff;
letter-spacing: .2em;
font-weight: 500;
}
.wp-block-lazyblock-vierteaser-linkshoch .text-center h2, .wp-block-lazyblock-vierteaser-rechtshoch .text-center h2,  .wp-block-lazyblock-zweiteaser-linksweit .text-center h2,  .wp-block-lazyblock-zweiteaser-rechtsweit .text-center h2 {
color: #fff;
margin-top: 0px;
}
.wp-block-lazyblock-vierteaser-linkshoch .text-center .button, .wp-block-lazyblock-vierteaser-rechtshoch .text-center .button,  .wp-block-lazyblock-zweiteaser-linksweit .text-center .button,  .wp-block-lazyblock-zweiteaser-rechtsweit .text-center .button {
color: #fff;
border: 1px #fff solid;
padding: 10px;
margin: 0px 20%;
}
.wp-block-lazyblock-vierteaser-linkshoch .text-center:hover .button, .wp-block-lazyblock-vierteaser-rechtshoch .text-center:hover .button,  .wp-block-lazyblock-zweiteaser-linksweit .text-center:hover .button,  .wp-block-lazyblock-zweiteaser-rechtsweit .text-center:hover .button {
color: #3C3C3B;
background: #fff;
} .zweispalten_2bilderlinks_bl_column {
display: flex;
flex-direction: column;
padding: 0 15px;
width: 100%;
}
.zweispalten_2bilderlinks .spalterechts {
display: flex;
flex-direction: column;
margin-left: 15px;
}
@media (max-width: 767px) {
.zweispalten_2bilderlinks .wp-block-column {
flex-basis:100%!important;
flex-grow: 0;
}
}
@media (min-width: 768px) and (max-width: 781px) {
.zweispalten_2bilderlinks .wp-block-column {
flex-basis: calc(50% - 16px) !important;
flex-grow: 0;
}
}
.zweispalten_2bilderlinks .bildlinksoben { padding-bottom: 400px;
padding-top: 2rem;
margin-left: 1.5rem;
}
.zweispalten_2bilderlinks .bildlinksoben .bild {
height: 166px;
width: 240px;
z-index: 1;
border: 8px solid #f9f8f7  !important;
}
.zweispalten_2bilderlinks .bildlinksunten {
width: 100%;
}
.zweispalten_2bilderlinks .wrap {
overflow: hidden;
}
.zweispalten_2bilderlinks .bildlinksunten .wrap {
position: absolute;
width: 100%;
bottom: 0;
right: 0;
}
.zweispalten_2bilderlinks .bildlinksunten .bild {
min-height: 500px;
}
.zweispalten_2bilderlinks .bild {
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
position: relative;
transition: all .5s;
}
@media(max-width: 600px) {
.zweispalten_2bilderlinks .bildlinksunten .bild {
min-height: 300px;
}
.zweispalten_2bilderlinks .bildlinksoben {
padding-bottom: 200px;
}
} .zweispalten_2bilderrechts_bl_column {
display: flex;
flex-direction: column;
padding: 0 15px;
width: 100%;
}
.zweispalten_2bilderrechts .spaltelinks {
display: flex;
flex-direction: column;
margin-right: 15px;
}
@media (max-width: 767px) {
.zweispalten_2bilderrechts .wp-block-column {
flex-basis:100%!important;
flex-grow: 0;
}
}
@media (min-width: 768px) and (max-width: 781px) {
.zweispalten_2bilderrechts .wp-block-column {
flex-basis: calc(50% - 16px) !important;
flex-grow: 0;
}
}
.zweispalten_2bilderrechts .bildrechtsoben {
position: absolute;
right: 0;
padding-bottom: 400px;
padding-top: 2rem;
margin-right: 1.5rem;
}
.zweispalten_2bilderrechts .bildrechtsoben .bild {
height: 166px;
width: 240px;
z-index: 1;
border: 8px solid #f9f8f7  !important;
}
.zweispalten_2bilderrechts .bildrechtsunten {
width: 100%;
}
.zweispalten_2bilderrechts .wrap {
overflow: hidden;
}
.zweispalten_2bilderrechts .bildrechtsunten .wrap {
position: relative;
width: 100%;
bottom: -100px;
right: 0;
}
.zweispalten_2bilderrechts .bildrechtsunten .bild {
min-height: 500px;
}
.zweispalten_2bilderrechts .bild {
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
position: relative;
transition: all .5s;
}
@media(max-width: 600px) {
.zweispalten_2bilderrechts .bildrechtsunten .bild {
min-height: 300px;
}
.zweispalten_2bilderrechts .bildrechtsoben {
padding-bottom: 200px;
}
} .highlight_info {
position: absolute;
right: 0;
margin-bottom: 1rem;
font-size: 14px;
line-height: 30px
}
.highlight_info::before {
content: url(https://www.zugspitz-resort.at/fileadmin/templates/images/icons/Pfeil-gebogen-links.svg);
left: -20px;
top: 0;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
display: inline-block;
width: 20px;
position: absolute;
}
.highlight_info .highlightsbox {
text-align: center;
max-width: 120px;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
} .slider-buttons {
position: absolute;
top:100vh;
left: -99999px;
}
.slider-buttons .wp-block-columns {
display: flex;
justify-content: center;
align-items: center;
}
.slider-buttons .wp-block-group__inner-container p {
margin: 0 auto;
font-size: 18px;
text-transform: uppercase;
}
.slider-buttons.wp-block-getwid-icon__wrapper {
padding: 5px;
}
.slider-buttons .wp-block-group  {
border-radius: 50%;
width: 120px;
height: 120px;
padding: 13px;
} .wp-block-image.logo-trenner {
margin-bottom: 1.5rem;
margin-top: 2.5rem;
}  @media(min-width: 992px) {
.verschoben-rechts figure.wp-block-getwid-media-text-slider-slide-content__media {
padding-left: 15%!important;
}
}
.verschoben-rechts figure.wp-block-getwid-media-text-slider-slide-content__media {
margin-bottom: 20px;
}
.verschoben-rechts {
margin-top: 3rem !important;
}
.angebote-slider {
padding-top: 1rem !important;
padding-bottom: 3rem !important;
}
.angebote-slider .layer {
padding: 1rem 0;
} .home-banner .wp-block-getwid-banner__caption .wp-block-getwid-banner__title {
font-size: 1em;
}
.home-banner .wp-block-getwid-banner__caption .wp-block-getwid-banner__text {
font-size: 2em;
margin-top: .3em;
} .zimmer-slider {
border: 15px solid #f9f8f7 !important;
}
.zimmer-slider .zimmer-beschreibung {
top: -100px;
padding: .9em .5em;
}
.zimmer-slider .wp-block-getwid-icon {
top: -115px;
}
.zimmer-button {
display: flex;
justify-content: center;
align-content: center;
}
.zimmer-button .wp-block-button.is-style-fill {
position: absolute;
}
.wp-block-getwid-images-slider .slick-prev::before, .wp-block-getwid-images-slider .slick-next::before, .wp-block-getwid-media-text-slider .slick-prev::before, .wp-block-getwid-media-text-slider .slick-next::before, .wp-block-getwid-post-slider .slick-prev::before, .wp-block-getwid-post-slider .slick-next::before, .wp-block-getwid-post-carousel .slick-prev::before, .wp-block-getwid-post-carousel .slick-next::before {
color: #fff;
}
.slick-next::before, .slick-prev::before {
opacity: 1;
}
.wp-block-getwid-images-slider .slick-prev, .wp-block-getwid-images-slider .slick-next, .wp-block-getwid-media-text-slider .slick-prev, .wp-block-getwid-media-text-slider .slick-next, .wp-block-getwid-post-slider .slick-prev, .wp-block-getwid-post-slider .slick-next, .wp-block-getwid-post-carousel .slick-prev, .wp-block-getwid-post-carousel .slick-next {
background-color: #9a5272;
z-index:0;
}
@media(min-width: 961px){
.slick-next::before, .slick-prev::before {
font-size: 57px;
}
.slick-next, .slick-prev {
width: 50px;
height: 50px;
}
.slick-next {
right: -40px;
}
.slick-prev {
left: -50px;
}
.slick-list {
z-index: 1;
}
} .footerButtonRight {
position: absolute;
right: 0px;
top: 0px;
}
@media (max-width:840px) {
.footerButtonRight {
display: none;
}
}
.gutscheinbutton {
background-color: transparent;
width: 180px;
height: 180px;
border-radius: 50%;
text-align: center;
transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
border: 1px #AD4F34 dotted;
-webkit-transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out;
float: right;
}
.gutscheinbutton:hover {
transform: rotate(-0deg);
-webkit-transform: rotate(-0deg);
-ms-transform: rotate(-0deg);
background: #fff;
}
.gutscheinbutton h2 {
font-size: 1.6rem;
padding-top: 30px;
margin-bottom: 0rem;
}
.gutscheinbutton h3 {
font-size: 1.0rem;
margin-top: 0px;
color: #736759;
}
.footerbutton {
background-color: rgba(255,255,255,0.6);
width: 180px;
height: 180px;
border-radius: 50%;
text-align: center;
transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
border: 1px #fff dotted;
-webkit-transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out;
float: right;
}
.footerbutton:hover {
transform: rotate(-0deg);
-webkit-transform: rotate(-0deg);
-ms-transform: rotate(-0deg);
background: #ffffff;
}
.footerbutton h2 {
font-size: 1.6rem;
padding-top: 30px;
margin-bottom: 0rem;
}
.footerbutton h3 {
font-size: 1.0rem;
margin-top: 0px;
color: #f42535;
} .bannerboxen {
top: 200px;
position: absolute;
right: 50px;
width: 30%;
z-index: 2;
font-size: 0.8rem;
}
@media (max-width:80rem){
.bannerboxen {
top: 200px;
position: abolsute;
right: 10px;
width: 40%;
z-index: 200;
}
}
@media (max-width:60rem){
.bannerboxen {
top: 50px;
}
}
.bannerbox {
width: 100%;
right: 20px;
bottom: 20px;
background: transparent;
padding: 20px;
}  nav ul a {
color: #fff;
} a:hover::after, a:active::after, .current_page_item > a::after, .current-menu-item > a::after, .current-menu-parent > a::after  {
width: 100%;
text-decoration: none;
}
.d21-row {
margin-bottom: 0px!important;
}
.d21-input span {
color: #666!important;
}
#text-7, #text-9 {
margin-top:8px;
}
@media (max-width:992px){
#text-7, #text-9, #dirs-custom-html-2 {
margin-top:0px!important;
}
}
.d21-occupancy-select, #d21-quickbook #d21-arrival-input .d21-calendar {
bottom: 45px!important;
top:unset!important;
}
#d21-quickbook #d21-selected-day-price {
display: none!important;
}
@media (max-width:992px) {
#dirs-custom-html-1 {
display: none;
}
#dirs-custom-html-2 {
margin-top:8px;
}
}
@media (min-width:993px) {
#dirs-custom-html-2 {
display: none;
}
}
@media (max-width:510px) {
.hidden-on-mobile {
display: none;
}
}
@media (min-width:511px) {
.hidden-over-mobile {
display: none;
}
}
.margin-left-0 {
margin-left: 0;
}
@media (min-width:600px) and (max-width:781px) {
.wp-block-column:nth-child(2n) {
margin-left:inherit;
}
}
.copyright {
text-align: center;
}
#menu-footer {
padding-right: 170px;
}
@media (max-width:835px) {
#menu-footer {
padding-right: 0px;
}
}
#menu-footer li {
list-style: none;
float: left;
letter-spacing: .2em;
font-weight: 500;
text-transform: uppercase;
font-size: 0.8rem;
padding-right: 1.5rem;
}
#menu-footer a:hover {
color: #3C3C3B;
}
.slick-next, .slick-prev {
border-radius: 50%;
}
.lazyblock-vierteaser-rechtshoch-1Pbv4F .hoch .text-center h2 {
padding-top: 140px
}  .has-rot-background-color {
background-color: #AD4F34!important;
}
.has-sand-background-color {
background-color: #AE9F89!important;
}
.has-beige-background-color {
background-color: #F9F8F7 !important;
}
.has-anthrazit-background-color {
background-color: #3C3C3B!important;
}
.has-schlamm-background-color {
background-color: #736759!important;
}
.has-weiss-background-color {
background-color: #fff!important;
}
.has-rot-color {
color: #AD4F34!important;
}
.has-sand-color {
color: #AE9F89!important;
}
.has-beige-color {
color: #F9F8F7!important;
}
.has-anthrazit-color {
color: #3C3C3B!important;
}
.has-schlamm-color {
color: #736759!important;
}
.has-weiss-color {
color: #fff!important;
}@media screen and ( min-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 32px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 102px!important;
}
}
@media screen and ( max-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 46px!important;
}
body.admin-bar .mob-menu-header-banner {
top: 0px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 116px!important;
}
body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
top: 70px!important;
}
}
@media screen and ( max-width: 479px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 5%;
}
}
@media screen and ( max-width: 782px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 10%;
}
}
@media screen and ( min-width: 782px ) {
#mobmenu-footer li:hover {
background-color: ;
}
#mobmenu-footer li:hover i {
color: ;
}
}
@media only screen and (min-width:5001px){
.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
display: none!important;
}
} @media only screen and (max-width:5000px){
.headerbackground {
display:none !important;
}
}
@media only screen and (max-width:5000px) {
.mobmenur-container i {
color: #FFF;
}
.mobmenul-container i {
color: #444444;
}
.mobmenul-container img {
max-height:  60px;
float: left;
}
.mobmenur-container img {
max-height:  60px;
float: right;
}
.mob-expand-submenu i {
font-size: 20px;
}
#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
color: #000000;
}
.mob-cancel-button {
font-size: 35px!important;
} .mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
color: #282828;
} .mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
background-color: #eeeeee;
}
.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
background-color: #eeeeee;
}
.mobmenu-content #mobmenuright li:hover  {
background-color: #666 ;
} .mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
background-color: #666;
} .mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
color: #ccc;
}
.mob-menu-header-holder {
box-shadow:0px 0px 8px 0px rgba(0,0,0,0.15);
}
.mobmenu-content #mobmenuleft .sub-menu {
background-color: #ffffff ;
margin: 0;
color: #000000 ;
width: 100%;
position: initial;
height: 100%;
}
.mob-menu-left-bg-holder {
opacity: 0.2;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size:  cover;
-moz-background-size: cover;
background-size: cover;
}
.mob-menu-right-bg-holder { 
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:  cover;
}
.mobmenu-content #mobmenuleft .sub-menu a {
color: #000000 ;
}
.mobmenu-content #mobmenuright .sub-menu  a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu .sub-menu {
background-color: inherit;
}
.mobmenu-content #mobmenuright .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
position: initial;
width: 100%;
}
#mobmenuleft li:hover a, #mobmenuleft li:hover i {
color: #3a3a3a;
}
#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
color: #666 ;
}
#mobmenuright li a:hover {
color: #FFF ;
}
.mobmenul-container {
top: 10px;
margin-left: 0px;
margin-top: 0px;
height: 70px;
float: left;
}
.mobmenur-container {
top: 10px;
margin-right: 5px;
margin-top: 0px;
}
.mob-menu-logo-holder {
margin-top:   0px;
text-align:   center;
margin-left:  0;
margin-right: 0;
height:       70px;
}
.mob-menu-header-holder {
width:  100% ;
background-color: #f8f7f6 ;
height: 70px ;
position:fixed;
}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
padding-top: 70px;
}
.mobmenul-container, .mobmenur-container{
position: absolute; 
}
.mobmenu-left-panel {
background-color:#ffffff;;
width:  60%;  
}
.mobmenu-right-panel {
background-color:#F7F7F7;		width:  270px; 
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
background: rgba(0, 0, 0, 0.83);
}
.mob-menu-slideout-top .mobmenu-overlay {
display:none!important;
}
.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
-webkit-transform: translateX(60%);
-moz-transform: translateX(60%);
-ms-transform: translateX(60%);
-o-transform: translateX(60%);
transform: translateX(60%);
}
.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
-webkit-transform: translateX(-270px);
-moz-transform: translateX(-270px);
-ms-transform: translateX(-270px);
-o-transform: translateX(-270px);
transform: translateX(-270px);
}
.mob-menu-slideout-top .mobmenu-panel {
width:  100%;
height: 100%;
z-index: 1;
position: fixed;
left: 0px;
top: 0px;
max-height: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
z-index: 300000;
}
.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
overflow: hidden;
}
.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
z-index: 300000;
} .mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
position: fixed;
top: 0;
height: 100%;
overflow-y: auto;
overflow-x: auto;
z-index: 10000;
opacity: 1;
} .mobmenu .headertext { 
color: #353535 ;
text-decoration: none;
}
.headertext span {
position: initial;
line-height: 70px;
}
.mobmenu-search-holder {
top: 70px;
}  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
overflow-x: hidden;
}
.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
padding-left: 15%;
padding-right: 15%;
}
.mobmenu-content li > .sub-menu li {
padding-left: calc(15*1%);
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenul-container i {
line-height: 50px;
font-size: 50px;
float: left;
}
.left-menu-icon-text {
float: left;
line-height: 50px;
color: #222;
}
.mobmenu-left-panel .mobmenu-display-name {
color: #000000;
}
.right-menu-icon-text {
float: right;
line-height: 30px;
color: #222;
}
.mobmenur-container i {
line-height: 30px;
font-size: 30px;
float: right;
}
.main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
display: none!important;
}
.mob-standard-logo {
display: inline-block;
height:70px!important;	}
.mob-retina-logo {
height:70px!important;	}
.mobmenu-content #mobmenuleft > li > a:hover {
background-color: #eeeeee;
}
.mobmenu-content #mobmenuright > li > a:hover {
background-color: #666;
}
.mobmenu-left-panel .mob-cancel-button {
color: #666;
}
.mobmenu-right-panel .mob-cancel-button {
color: #666;
}	
}
.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
font-family:inherit;
font-size:20px;
font-weight:inherit;
font-style:normal;
letter-spacing:normal;
text-transform:none;
}
.left-menu-icon-text {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:uppercase;
}
#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
.right-menu-icon-text {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
body.mob-menu-slideout-over {
padding-top: 0px;
margin-top: -10px;
}
.mobmenu-left-panel {
width: 100%;
}
div.mobmenu-content {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.mobmenu-content::before {
content: "";
width: 20%;
margin-right: 5%;
//background: url(https://www.hotelseimler.de/wp-content/uploads/2020/11/alpen-hotel-seimler-berchtesgaden-watzmann-tour-im-winter-berchtesgaden-aleh-varanishcha-adobestock.jpg) left no-repeat;
background: url(https://www.hotelseimler.de/wp-content/uploads/2020/11/alpen-hotel-seimler-berchtesgaden-watzmannhaus-arochau-fotoliacom.jpg) left no-repeat;	
display: block;
height: 100%;
float: left;
}
#mobmenuleft {
width: 50%;
float: left;
padding-top: 5%!important;
}
.mobmenu-content::after {
content: "Alpensport-Hotel Seimler \A Maria am Berg 3 - 5 \A D-83471 Berchtesgaden \A\A Tel.  +49 (0) 86 52 / 60  50 \A Fax + 49 (0) 86 52 / 63 20 0 \A\A E-Mail:  info@hotelseimler.de \A Internet: www.hotelseimler.de";
white-space: pre;
width: 20%;
margin-left: 5%;
background: #eee url(https://www.hotelseimler.de/wp-content/uploads/2020/11/alpen-hotel-seimler-berchtesgaden-logo-seimler.png) center 60px no-repeat;
display: block;
padding-top: 380px;
height: 100%;
float: left;
text-align: center;
font-weight: 500;
}
@media(max-width: 1100px) {
.mobmenu-content::before {
width: 30%;
}
#mobmenuleft {
width: 65% 
}
.mobmenu-content::after {
display: none;
}
}
@media(max-width: 800px) {
.mobmenu-content::before {
display: none;
}
#mobmenuleft {
width: 100% 
}
}
.mobmenu-left-panel .mobmenu-left-bt {
z-index: 30000;
}@font-face {
font-family: 'mobmenu';
src: url(//www.hotelseimler.de/wp-content/plugins/mobile-menu/includes/css/font/mobmenu.woff2?31192480) format('woff2'),
url(//www.hotelseimler.de/wp-content/plugins/mobile-menu/includes/css/font/mobmenu.woff?31192480) format('woff');
font-weight: normal;
font-style: normal;
}
[class^="mob-icon-"]:before, [class*=" mob-icon-"]:before {
font-family: "mobmenu";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center; font-variant: normal; 
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mob-icon-ok-1:before { content: '\e800'; } .mob-icon-ok:before { content: '\e80f'; } .mob-icon-plus:before { content: '\e810'; } .mob-icon-plus-1:before { content: '\e813'; } .mob-icon-plus-outline:before { content: '\e818'; } .mob-icon-plus-2:before { content: '\e819'; } .mob-icon-align-justify-1:before { content: '\e84f'; } .mob-icon-instagram:before { content: '\e88e'; } .mob-icon-linkedin:before { content: '\e88f'; } .mob-icon-pinterest:before { content: '\e892'; } .mob-icon-twitter:before { content: '\e898'; } .mob-icon-tumblr:before { content: '\e899'; } .mob-icon-vimeo:before { content: '\e89a'; } .mob-icon-star:before { content: '\e8a3'; } .mob-icon-user:before { content: '\e8a4'; } .mob-icon-star-1:before { content: '\e8d3'; } .mob-icon-user-1:before { content: '\e8d4'; } .mob-icon-left-open:before { content: '\e8f6'; } .mob-icon-right-open:before { content: '\e8f7'; } .mob-icon-down-dir:before { content: '\e8fc'; } .mob-icon-right-dir:before { content: '\e8fd'; } .mob-icon-star-empty:before { content: '\e93d'; } .mob-icon-up-dir:before { content: '\e980'; } .mob-icon-left-dir:before { content: '\e981'; } .mob-icon-menu:before { content: '\e9d6'; } .mob-icon-right-open-2:before { content: '\ea32'; } .mob-icon-th:before { content: '\eac3'; } .mob-icon-th-large:before { content: '\eac5'; } .mob-icon-th-list:before { content: '\eac7'; } .mob-icon-minus:before { content: '\e812'; } .mob-icon-minus-1:before { content: '\e9d8'; } .mob-icon-minus-2:before { content: '\eacb'; } .mob-icon-th-list-3:before { content: '\ec71'; } .mob-icon-cancel:before { content: '\ec73'; } .mob-icon-cancel-circle:before { content: '\ec74'; } .mob-icon-cancel-1:before { content: '\ecf2'; } .mob-icon-cancel-2:before { content: '\edf5'; } .mob-icon-cancel-circled-1:before { content: '\edf6'; } .mob-icon-cancel-circled2:before { content: '\edf7'; } .mob-icon-up-open-1:before { content: '\ee59'; } .mob-icon-cancel-3:before { content: '\ee65'; } .mob-icon-cancel-circled-2:before { content: '\ee66'; } .mob-icon-th-large-1:before { content: '\ee68'; } .mob-icon-th-1:before { content: '\ee69'; } .mob-icon-th-list-1:before { content: '\ee6a'; } .mob-icon-up-open-2:before { content: '\ee6b'; } .mob-icon-down-open-2:before { content: '\ee6c'; } .mob-icon-cancel-squared:before { content: '\ee6d'; } .mob-icon-cancel-4:before { content: '\ee6f'; } .mob-icon-up-open-big:before { content: '\ee70'; } .mob-icon-down-open-big:before { content: '\ee71'; } .mob-icon-down-open-mini:before { content: '\ee73'; } .mob-icon-cancel-circled-outline:before { content: '\ee77'; } .mob-icon-cancel-outline:before { content: '\ee79'; } .mob-icon-menu-2:before { content: '\ee7a'; } .mob-icon-menu-outline:before { content: '\ee7b'; } .mob-icon-cancel-circle-1:before { content: '\ee7c'; } .mob-icon-down-open:before { content: '\f004'; } .mob-icon-up-open:before { content: '\f005'; } .mob-icon-menu-3:before { content: '\f008'; } .mob-icon-th-list-2:before { content: '\f009'; } .mob-icon-th-thumb:before { content: '\f00a'; } .mob-icon-th-thumb-empty:before { content: '\f00b'; } .mob-icon-cancel-circled:before { content: '\f06e'; } .mob-icon-menu-1:before { content: '\f0c9'; } .mob-icon-gplus:before { content: '\f0d5'; } .mob-icon-ellipsis:before { content: '\f141'; } .mob-icon-ellipsis-vert:before { content: '\f142'; } .mob-icon-facebook-squared:before { content: '\f308'; }.mob-menu-overlay .mobmenu-panel {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, visibility 0s 0.5s;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.mob-menu-overlay.show-nav-left .mobmenu-panel, .mob-menu-overlay.show-nav-right .mobmenu-panel {
opacity: 1;
visibility: visible;
transition: opacity 0.5s;
z-index: 100001;
}
.mob-menu-overlay .show-panel .mob-cancel-button {
position: absolute;
right: 0px;
top: 0px;
padding-top: 8px;
overflow: hidden;
border: none;
outline: none;
z-index: 100002;
font-size: 30px;
line-height: 30px;
cursor: pointer;
}
.mob-retina-logo{
display: none;
max-width: 100%;
}
.mob-cancel-button{
z-index: 99999999!important;
position:relative!important;
}
.mobmenu-content .widget {
padding-bottom: 0px;
padding: 20px;
}
.mob-expand-submenu i {
position: relative;
font-weight: 600;
cursor: pointer;
}
.mob-menu-left-bg-holder, .mob-menu-right-bg-holder, .mob-menu-cart-bg-holder {
width: 100%;
height: 100%;
position: absolute;
z-index: -50;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.mob-menu-no-scroll{
overflow: hidden;
}
.mobmenu-content .sub-menu {
display: none;
opacity: 1;
}
.mobmenur-container {
position: absolute;     
right: 0px; 
} 
.leftmbottom h2 {
font-weight: bold;
background-color: transparent;
color: inherit;
}
.mob-cancel-button {
display:none;
z-index: 99999999;
}
.show-nav-left.mob-menu-overlay .left-menu-icon-text, .show-nav-right.mob-menu-overlay .left-menu-icon-text {
display: none;
}
.show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-cancel-button, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-cancel-button {
display: none;
}
.show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-menu-icon, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-menu-icon {
display: block;
}
.show-panel .mob-cancel-button {
display: block;
}
.mobmenu-content li a {
display: block;
letter-spacing: 1px;
padding: 10px 20px;
text-decoration: none;
font-size: 14px;
}
.mobmenu-content li a:active, .mobmenu-content li:active, .mobmenu-content li a .mob-expand-submenu:active{
border-style: outset;
border: none;
}
.mobmenu-left-alignment.show-panel, .mobmenu-right-alignment.show-panel {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.mobmenu-left-alignment {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.mobmenu-right-alignment {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel {
top: 32px;
}
#wpadminbar {
position: fixed;
}
.show-nav-left .mob-menu-header-holder, .show-nav-right .mob-menu-header-holder, .mob-menu-header-holder, .mobmenu-panel, .mobmenu-overlay , .show-nav-left .mobmenu-push-wrap, .show-nav-right .mobmenu-push-wrap, .show-nav-left .mob-menu-header-holder, .show-nav-left .mobmenu-left-alignment, .show-nav-right .mobmenu-right-alignment, .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay{
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
} .mobmenu-overlay {
opacity: 0;
}
.widget img {
max-width: 100%; 
}
#mobmenuleft, #mobmenuright {
margin: 0;
padding: 0;
}
#mobmenuleft  li > ul {
display:none;
left: 15px;
padding-left: 0px;
}
.rtl .mob-expand-submenu {
float: left;
}
.mob-expand-submenu {
position: relative;
right: 0px;
float: right;
}
.mobmenu-parent-link .menu-item-has-children {
cursor: pointer;
}
#mobmenuright  li > ul {
display:none;
left: 15px;
padding-left: 0px;
}
.rightmbottom, .rightmtop {   
padding-left: 10px;
padding-right: 10px;
} .mob-menu-slideout .mobmenu-panel {
position: fixed;
top: 0;
height: 100%;
z-index: 300000;
overflow-y: hidden;   
overflow-x: hidden;
opacity: 1;
}
.mob-menu-slideout .mobmenu-right-alignment {
right: 0;
}
.mobmenu-content li {
list-style: none;
visibility: visible;
opacity: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);
margin: 0;
}
.mob-menu-slideout .mobmenu-left-alignment, .mob-menu-slideout-over .mobmenu-left-alignment {
left: 0;
}
.mob-menu-slideout .mobmenu-right-alignment, .mob-menu-slideout-over .mobmenu-right-alignment {
right: 0;
}
.mob-menu-header-holder {
font-weight:bold;
top:0px;	
right: 0px;
color:#000;
display: block;
z-index: 10000;
} .mobmenu .sub-menu li > a {
padding-left: 50px;
} .mobmenu .sub-menu .sub-menu li a {
padding-left: 75px;
}
.mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {
position: absolute;
right: 0px;
top: 0px;
font-size: 30px;
}
.mobmenu-content {
margin-top: 45px;
padding-bottom: 120px;
z-index: 1;
height: calc( 100% - 45px);
overflow: auto;
padding-top: 10px;
}
.mobmenu-parent-link .mob-expand-submenu {
cursor: pointer;
}
#mobmenuright.nomenu li, #mobmenuleft.nomenu li{
padding-left: 7%;
padding-right: 7%;
}
.mob-expand-submenu.show-sub .mob-icon-down-open {
display: none;
}
.mob-expand-submenu.show-sub .mob-icon-up-open {
display: block;
}
.mob-expand-submenu .mob-icon-down-open {
display: block;
}
.mob-expand-submenu .mob-icon-up-open {
display: none;
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay {
width: 100%;
height: 100%;
z-index: 10001;
left: 0;
top: 0;
opacity: 1;
position: fixed;
cursor: pointer;
} .mobmenu-ajax-search-results {
display: none;
opacity: 1;
visibility: visible;
width: 100%;
height: 100%;
position: fixed;
margin-top: 50px;
}
[data-panel-target="mobmenu-filter-panel"].mobmenu-trigger-action {
float:left;
}
.mobmenu-content .sub-menu.show-sub-menu {
-webkit-transition: height 1s linear 0s;
-moz-transition: height 1s linear 0s;
-ms-transition: height 1s linear 0s;
-o-transition: height 1s linear 0s;
transition: height 1s linear 0s;
overflow:hidden;
} h4.no-mobile-menu {
padding: 22px;
text-align: center;
width: 90%;
background: #fff;
margin: auto;
font-size: 17px;
font-weight: 400;
line-height: 29px;
}
h4.no-mobile-menu a {
text-decoration: none;
color:#000;
}
.mobmenu-content li a:focus {
outline: none;
}
.mobmenu-content .widget_media_image {
text-align: center;
}
#_pick_tips_content {
border: 0;
position: fixed;
right: 5px;
top: 5px;
z-index: 99999999;
width: 300px;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2),
0 2px 2px 0 rgba(0, 0, 0, .14),
0 1px 5px 0 rgba(0, 0, 0, .12);
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.8);
font-size: 0;
margin: 0;
padding: 0;
transition: all 0.3s;
min-height: 540px;
height: auto;
display: none;
}
#_pick_tips_content.on {
display: inline-block;
} #_picker_cover_wrap_box svg {
position: fixed;
top: 0;
left: 0;
cursor: crosshair;
width: 100%;
height: 100%;
z-index: 99999998;
}
#_picker_cover_wrap_box svg>path:first-child {
fill: rgba(0, 0, 0, 0);
fill-rule: evenodd;
}
#_picker_cover_wrap_box svg>path+path {
stroke: #29c66d;
stroke-width: 3.5px;
fill: rgb(226 239 232 / 20%);
}
#_picker_cover_wrap_box {
transition: all 0.3s;
pointer-events: none;
}
@keyframes ellipsis {
from {
width: 2px;
}
to {
width: 15px;
}
} ._picker_target_elm {
background: transparent;
outline: #1dcd1d solid 3px;
color: #000;
}
.mob-menu-slideout #page-container, .mob-menu-slideout-over #page-container {
padding-top: 0px!important;
}