/*
Theme Name:         Waltraud45 Theme
Theme URI:          https://lieberungewoehnlich.de
Description:        Basic Blogging theme, based on Foundation 6.
Version:            1.3.0
Author:             Clemens Nübel
Author URI:         https://lieberungewoehnlich.de/
*/


/*---------------- GLOBAL --------------- */
/* see Foundation CSS */
html,body {overflow-x:hidden;background-color: #FFF;}
h1,h2,h3,h4,h5,h6,.footer-widget-area .menu li a,.poppins {font-family: 'Poppins', serif; color: #547552;}
h1,h2,h3 {line-height: 1.1}
a.fancy-box {display: block; position: relative;}

.clear { clear:both; }
.divider { width: 100%; height: 0px; border-top: 1px solid #e3e3e3; }

/* Gallery */
.gallery dl { margin-left: 0.5625rem; margin-right: 0.5625rem; }
.gallery dt, .gallery dl { display: inline-block; }

#curtain.grid-y {min-height: 100vh}
p a {text-decoration: underline;}
p {font-size: 18px;}

/* Gutenberg overrides */
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width: 80.625rem; margin-left: auto; margin-right: auto;}
.wp-block-image.vcenter {margin: auto 0;}

/*---------------- DEV --------------- */


/*---------------- HEADER --------------- */
header .sticky {z-index:6;}
.sticky-wrapper.grid-container.full {position: absolute; top: 0; left: 0; width: 100%;}
.sticky.is-stuck {background-color: #fff;box-shadow: 0px 2px 45px 0px rgba(0,0,0,0.15); z-index: 15;}
.site-header { background-color:transparent; margin: 0 0 25px; }
#site-logo,#offCanvasMenu .site-logo a { max-width: 440px; width: 440px; transition: all .5s; display:block; background-color: #FFF;padding: 0; padding: 2.5rem 0 }
.is-stuck #site-logo,#offCanvasMenu.is-stuck .site-logo a {max-width: 310px; width: 310px; padding: 0.75rem 0; background-color: transparent;}


/*---------------- NAVIGATION--------------- */

/* Main Naviagtion */
header .sticky {background-color: transparent; transition: all 0.9s ease;}
#main-menu { background-color: transparent; position: relative; width: 100%;padding-left: 2.813rem; padding-right: 2.813rem;}
.nav-wrapper .grid-container {padding: 0;}
.nav-wrapper .cell.auto:first-child {background-color: #FFF;}
.main-nav {padding-bottom: 2.2rem;}
.is-stuck .main-nav {padding-bottom: .75rem;}
.main-nav .menu.horizontal li {padding: 0 1rem;}
.main-nav .menu.horizontal li a {font-family: 'Poppins'; font-size: 1.375rem; font-weight: 400; color: #333; line-height: 1.36; border-bottom: 3px solid transparent;background-color: transparent;padding: 0 0 0.1rem 0;}
.main-nav .menu.horizontal li:last-child {padding-right: 0;}
.main-nav .horizontal.menu li a:hover,.main-nav .horizontal.menu li.active a {border-color: #e2b73e;font-weight: 600;}


#menu-open, #menu-close {width: 44px; height: 44px; display: block;}
#menu-close {color: #1a1919; background-color: #FFF; padding-top: .375rem;}
#menu-close svg {width: 40px; height: 40px; margin:0 auto; padding-top:3px; display: block;}
#cookie-notice,.dropdown.menu .submenu { -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.33); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.33); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.33); background-color: #fff;}
#offCanvasMenu {position: fixed; overflow: hidden; width: 100%; height: 100%; top: 0; left:0; background-color: #FFF; z-index: 100;}
#offCanvasMenu .menu-wrapper {margin-top: 5rem;}
#offCanvasMenu .site-logo a { color: #c6a7c4; background-color: transparent;}
#offCanvasMenu .nav-items {padding: 1rem 0.5rem;margin: 0;}
#offCanvasMenu .menu > li a { margin: 0;color: #e2b73e;}
#offCanvasMenu .main .menu > li > a { margin: 0; font-size: 3.375rem; color: #e2b73e;font-weight: 500;}
#offCanvasMenu .main .menu > li > a:hover,#offCanvasMenu .main .menu > li > a:focus {text-decoration: underline;}
#offCanvasMenu .main .menu > li.active a:before {position: absolute; background: url('img/svg/arrow.svg') no-repeat center center transparent; background-size: 40px; content: ''; width: 40px; height: 40px; margin-top: 10px; margin-left: -47px;}
#offCanvasMenu .footer-utility-nav {padding-right: 2.5rem; padding-bottom: 2.5rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
#offCanvasMenu .footer-utility-nav  {margin-top: 2rem;}
#offCanvasMenu .footer-utility-nav ul li a {padding-left: 0; color: #1a1919;}
.main-nav .dropdown .is-dropdown-submenu a {padding: 1.25rem 1.25rem 0 1.25rem; margin:0; font-size: 1.125rem;}
.main-nav .dropdown .is-dropdown-submenu li:last-child a {padding-bottom: 1.25rem;}
.main-nav .submenu > li.active > a {background-color: transparent; color: #5b5b5b;}
.main-nav .is-dropdown-submenu {border:none;}
/* Main Mobile Naviagtion Responsive */


/* Footer Utility Naviagtion */
.footer-utility-nav ul { font-size: 1rem; float:right; }
.footer-utility-nav li { float: left;}
.site-info {color: #333;}
.footer-utility-nav ul li:not(:first-child) a::before, .utility-nav li:not(:first-child) a::before {content: "|"; padding: 0 .5rem 0 0;}
.footer-utility-nav ul li a {color:#333; line-height: 2rem; text-transform: uppercase;padding: 0 .5rem 0 0 ;}


/*---------------- FOOTER --------------- */

#footer-logo {border-right: solid 1px #979797;}
.site-footer { padding: 1.5em 0 1.8em 0; margin-top: 260px;}
.footer-widget-area h5 { color: #1a1919 ;font-weight: 600; line-height: 2.22}

/*---------------- WIDGET AREAS--------------- */

/* Sidebar Widget Area */
#sidebar .panel { font-size: 1rem; background: #f3f3f3; border: none; margin: 0 0 40px 0; min-height: 0; padding: 1.2rem; }
#sidebar h4 { font-weight: 600; color: #0a0a0a; margin: 0; }
#sidebar .textwidget, #sidebar p { padding: 10px 0; }
#sidebar a { }
#sidebar li a:hover { color: #999; }
#sidebar ul { list-style: none; margin: 0; padding: 0; }
#sidebar ul li { border-bottom: 1px solid #e3e3e3; padding: 10px 0 10px 0; }

/* Footer Widget Area */
.footer-widget-area .menu li {display: block; width: 100%;}
.footer-widget-area .menu li a {font-size: 1.375rem; color:#FFF; }
#footer-logo svg { width:260px; display: block; margin-bottom: 2rem;}
.footer-widget-area .widget_nav_menu {margin-top: 1.5rem;}
.footer-widget-area .panel.widget_text. p {color:#FFF;}
.footer-widget-area .panel.widget_text img {margin: 1rem 0; }
.footer-widget-area .panel.widget_text img:first-child {margin-right:30px}

.footer-widget-area ul { padding: 0; list-style: none; margin:0; }
.footer-widget-area ul.footer-menu li {padding: 0;width: 100%;}
.footer-widget-area .footer-menu > li.active > a,.footer-widget-area .footer-menu > li.current-menu-ancestor > a {color:#FFF;background-color: transparent; border:none;}
.footer-widget-area .social-media {padding: 0;}
.footer-widget-area .social-media li {padding: 0 0 0 1rem; margin:0; display: block; float: right;}
.footer-widget-area .social-media li a {width: 34px; height: 34px;display: block;text-transform: uppercase;}
.footer-widget-area .social-media li .fb {background: url('img/svg/Icon_facebook.svg') no-repeat 0 0 transparent; }
.footer-widget-area .social-media li .xi {background: url('img/svg/Icon_xing.svg') no-repeat 0 0 transparent; }
.footer-widget-area .social-media li .ig {background: url('img/svg/Icon_instagram.svg') no-repeat 0 0 transparent; }
.footer-widget-area .social-media li .li {background: url('img/svg/Icon_linkedin.svg') no-repeat 0 0 transparent; }
footer .widget_text p {font-size: 1rem;}


/*---------------- CONTENT--------------- */
#content, .single article {background-color: transparent; position: relative; z-index: 10;}
.post-meta { color: #999; }
.post-meta .author { padding-right: 30px; }
.post-meta span.author, .post-meta span.comment-count, .post-meta time { font-size: 0.8rem; line-height: 1.1; margin: 2px 0 0; }
.post-category { height: 20px; width: 100%; }
.post-category a { color: #999; display: block; float: left; font-size: 0.8rem; line-height: 1.1;  margin: 1px 6px 4px 0; }
.entry-content .callout.infobox a {display: block; width: 100%; line-height: 1.75rem;}
.entry-content .callout.infobox a:hover {text-decoration: underline;}
.entry-content .callout.infobox {padding:1rem; margin-top: 1.875rem;}
.entry-content p ,.entry-content ul li {font-size: 1.125rem;}


/* LIST STYLING  */
article ul { list-style: none;  }
article ol { list-style-type: decimal; }

ul.facts, ul.facts li {list-style: none;}
ul.facts li,article ul li {padding: 0rem 1rem 0.5rem 0;}
ul.facts li::before, article ul li:before {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #e2b73e;
  display: block;
  content: "";
  position: absolute;
  margin-left: -1.4rem;
  margin-top: 0.3rem;
}
.entry-content ul:not(.facts) li:before {margin-top: 0.45rem;}
ul.facts li div.cell:first-child {font-weight: 500;}

/* ARTICLE STREAM */
.featured-media { height: 145px; margin: 0 15px 10px 0; overflow: hidden; width: 245px; }
.first-post .featured-media img { min-width: 500px; }

/* SINGLE POST */
.single article p {line-height: 1.5; margin-bottom: 2rem;}
.single article .post-date {font-weight:700; font-size: 1rem;}
.single .category-content, .single .category-content img { height: 150px; }
.single .category-content p { color: #fff; }
.single .post-meta { border-top: 1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding: 7px 0 11px 0; }
.single .featured-media img { min-width: 500px; }
.single .entry-content { margin-bottom: 25px; }
.single .entry-content img { max-width: 100%; }
.single .entry-content .post-date { margin: 1rem 0; }
.single .post header, .page header  { margin-bottom: 0; }


/*---------------- PAGE --------------- */
.single .grid-container.full[role="document"],.page .grid-container.full[role="document"],.search .grid-container.full[role="document"] {padding-top: 200px;}
.entry-content .claimtext p {color: #636363; font-size: 1.625rem; max-width:1050px;}
.page .entry-header h3 {color: #636363;}

/*---------------- HOME --------------- */

.introtext .wp-block-image figure.alignleft {margin: -2rem 0 0 0; }
.introtext p {padding-left: 168px; line-height: 1.3;}
.introtext p:not(strong) {color: #ab8ba8; font-weight: 300;}
.introtext p strong {color: #72246c;font-weight: 500;}
.nav-slider { display: inline-block }
.nav-slider  svg {width:20px; height:20px; cursor:pointer; color: #3e513d;}
.nav-slider  svg.disabled {}
.home .overlapping-text {position: relative; margin-bottom: 3rem;}
.home .overlapping-text .img-container,.overlapping-text .text-container { max-width: 690px; }
.home .overlapping-text .text-container {padding: 2rem; position: absolute; top:10%;}
.home .overlapping-text.align-right .text-container {left:0;}
.home .overlapping-text.align-left .text-container {right:0;}
.home .overlapping-text:first-child {margin-bottom: 5rem;}
.home .overlapping-text:not(:first-child) {margin-top:3rem;}
.home .overlapping-text:first-child .text-container {top:8rem;}
.home .overlapping-text:last-child {margin-top: 4rem}
.home .overlapping-text:last-child .text-container {top: -2rem;}
.home .overlapping-text h2 {font-size: 3.375rem; line-height: 1.1}

#news-wheel {opacity: 0; transition:opacity .5s}
#news-wheel.images-loaded {opacity: 1;}
#news-wheel {padding-bottom: 1.5rem; width: 1140px; min-width: 1140px; margin: 0 auto;}
#news-wheel .icon.circle-plus {width: 40px; position: absolute; color: #fff; top:5px; right: 5px;}
#news-wheel article .post-cat { color: #e2b73e; font-size: 32px; font-weight: 600;}
#news-wheel article h3 {font-size: 18px; font-weight: bold; color: #1a1919; font-family: 'Source Sans 3';}
#news-wheel article .card-img {position: relative;overflow: hidden;width:300px; margin: 0 auto;}
#news-wheel article .card-img img{margin-right: 0rem; transition: all 0.5s;}
#news-wheel article a:hover img, .masonry-item a:hover .card-img img{transform: scale(1.1);}
#news-wheel article {margin:25px 18px; min-width: 300px;width: 344px; border-radius: 4px; box-shadow: 0px 2px 23px 0px rgba(0,0,0,0.21);}



/*---------------- KONTAKT --------------- */
.contact-form-wrapper {padding-bottom: 100px;}
.page-template-page-contact-tpl  .wpcf7-submit.button {font-size: 1.25rem; font-weight: 500; color: #FFF;}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 select {margin-bottom: 0;}
.contact-form-wrapper .grid-x .cell{padding-bottom: 1rem;}
.page-template-page-contact-tpl .wpcf7 {max-width: 850px;}
#contact-us h3 {font-size: 2.75rem;}
textarea.wpcf7-textarea {font-size: 1.125rem;}
/*---------------- SEARCH --------------- */

.search-results article {margin-bottom: 2rem;}
.result-header {margin-bottom: 2rem;}


/*---------------- SIDEBAR --------------- */


/*---------------- WIDGETS --------------- */



/*---------------- EVENTS--------------- */



/*---------------- ARCHIVES --------------- */


/*---------------- SEARCHFORM & SEARCH & BUTTONS & FORMELEMENTS --------------- */
button, .button { background-color: #ccc; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #999; }
input[type="text"],input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="search"], input[type="url"], textarea { border-color: #b8beb8;  border-style: solid;  border-width: 2px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;  color: rgba(0, 0, 0, 0.75); font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem; padding: 0.5rem; width: 100%; }
input[type="text"]:focus,input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus { background: none repeat scroll 0 0 #f3f3f3; border-color: #999; box-shadow: none; outline: medium none; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus { border-color: #b8beb8; box-shadow: none; }
input::placeholder,textarea::placeholder, select option:first-child {color:#ab8ba8;}
select {
  border-width: 2px;
  border-color: #b8beb8;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2884,117,82%29"></polygon></svg>');
}
label {font-size: 1rem;}
.flaeche .cell.shrink p label {line-height: 42px;}
 #searchform #s {height: 34px; padding: 0.375rem 0.5rem; font-size: 1rem; line-height: 1; margin-right: 1rem;}
 input[type=checkbox].wpcf7-cb {
  margin-right: 20px;
 }
.wpcf7-form {max-width: 850px;}
/* Create a custom checkbox */
.wpcf7-form label {position: relative;}
.wpcf7-cb-control .wpcf7-not-valid-tip {display: inline-block; margin-right: 10px; }
.checkmark {
  position: absolute;
  left: 0;
  height: 30px;
  width: 30px;
  background: url("img/checkbox.png") no-repeat left top #FFF;
  background-size: cover;
}

/* When the checkbox is checked, add a blue background */
label input:checked ~ .checkmark {
  background-position-x: right ;
  background-color: #FFF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
}

/* Show the checkmark when checked */
label input:checked ~ .checkmark:after {
  display: block;
}

/*----------------  SHORTCODES --------------- */
.preis-tag {color: #e2b73e; font-size: 2rem; font-weight: bold;padding: 0.5rem 0 0.5rem 0;}

/*---------------- PAGINATION --------------- */

ul.page-numbers { display: inline-block; overflow: hidden; margin-bottom: 2rem;}
.page-numbers li { height: 40px;max-width: 40px; margin-left: 0.2rem; text-align: center;}
.page-numbers li:first-child {margin-left: 0;}
.page-numbers li a,.page-numbers li span.current { display: block; padding: 0 0.625rem;font-size: 1.5rem; width: 40px; height: 40px; line-height: 40px; }
.page-numbers li a {background-color: #f3f3f3;}
.page-numbers li span.current {font-weight: bold;}
.page-numbers li a:hover,.page-numbers li a:focus { background: #f3f3f3; }
.page-numbers li.unavailable a { cursor: default ;color: #999; }
.page-numbers li.unavailable:hover a, .page-numbers li.unavailable a:focus { background: transparent; }
.page-numbers li.current a { background: #008cba; color: white; font-weight: bold; cursor: default; }
.page-numbers li.current a:hover, .page-numbers li.current a:focus { background: #f3f3f3; }
.page-numbers.dots {font-size: 2rem; line-height: 0.7}
.page-numbers li { float: left; display: block; }
.pagination-centered ul.page-numbers li { float: none;display: inline-block; }
.page-numbers .next,.page-numbers .prev {width:1.5rem;height:1.5rem;background-color:transparent;}
.page-numbers .next:hover,.page-numbers .prev:hover { background-color:transparent; }
.page-numbers svg {fill: #0b3e6f;height: 16px;}

/*---------------- ACF Block CSS --------------- */

ul.facts {width:100%}
ul.facts, ul.facts li {list-style: none;}
ul.facts li {padding: 0rem 1rem 0.5rem 0;}
ul.facts li::before, article ul li:before {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #e2b73e;
  display: block;
  content: "";
  position: absolute;
  margin-left: -1.4rem;
  margin-top: 0.3rem;
}
ul.facts li div.cell:first-child {font-weight: 500;}
@media only screen and ( max-width: 428px ) {

}

/*---------------- MISC --------------- */
.full-width {width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-top: 2rem;
  padding-bottom: 2rem ;
}
/* fix menu flickering,caused by fontsize change */
.main-nav .horizontal.menu li a::after,.main-nav .horizontal.menu li.active a::after {
  display: block;
  content: attr(title) !important;
  font-weight: 600;
  height: 0;
  width: auto;
  overflow: hidden;
  visibility: hidden;
  border: none !important;
  position: relative;
  margin: 0;
  padding: 0;
  right: 0;
  left: 0;
}
.button {letter-spacing: 0.6;}
.button.hollow {font-size: 1rem; font-weight: 600; text-decoration: none; border-width: 1px; border-radius: 4px; padding: .75rem 1.563em; line-height: 20px;}
.button.hollow:hover {background-color: rgba(255,255,255,.2);}
.button.hollow.small {height:auto; font-size: 1rem; border-width: 1px; border-radius: 2px; padding: 0.5rem 1.5rem; line-height: 1;}
.button.hollow.small:hover{background-color: #F3F3F3;}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary.disabled:focus, .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled], .button.hollow.primary[disabled]:focus, .button.hollow.primary[disabled]:hover {border-width: 3px;}
.button.hollow.primary:focus, .button.hollow.primary:hover, .button.hollow.primary[disabled], .button.hollow.primary[disabled]:focus, .button.hollow.primary[disabled]:hover { background-color: #72246c; color: #FFF; border-color:#72246c; }

#sticky-teaser { 
  width:180px;
  height:180px;
  transform: rotate(10deg);
  position: fixed;
  bottom: 2rem;
  right:2rem;
  border-radius: 50%;
  box-shadow: 0px 7px 21px 0px rgba(0,0,0,0.25);
  background: url('img/StickyButton.svg')no-repeat center center #e2b73e;
  z-index: 15;
}
#sticky-teaser:hover {
  width: 190px;
  height: 190px;
}
.page-template-page-contact-tpl #sticky-teaser {display: none;}
#sticky-teaser a {display: block; height: 100%; width:100%;}
#art-deco1 {
background: url('img/Art-Deco-Grafik1.svg')no-repeat left top transparent;
  position: fixed;
  z-index: -1;
  top: -100px ;
  height: 500px;
  width: 100%;
  transition: all 0.9s ease;
  opacity: 1;
  left: 50%;
  display: none;
}
.is-at-top.is-stuck #art-deco1 {opacity: 0; display: unset;}
.is-at-top #art-deco1 {display: block; opacity: 1; }
#art-deco2 {
  background: url('img/Art-Deco-Grafik2.svg')no-repeat center center transparent;
  position: absolute;
  z-index: 4;
  margin-top: -490px;
  height: 500px;
  width: 100%;
  left: -50%;
}
.fancybox__caption {text-align: center;}


.error404 .grid-container.full[role="document"] {padding-top: 200px;padding-bottom: 200px;}
.img-404 {width: 260px; margin-bottom: 60px; }

#contact-us .button.primary {margin-bottom: 2rem}
.contact-form-wrapper .entry-content h2 { font-weight:300; }


div.slick-slider { width: 1px; min-width: 100%; *width: 100%; }

/*---------------- RESPONSIVNESS --------------- */
@media only screen and (max-width: 1650px){
  footer:hover #sticky-teaser {
    bottom: 4rem;
  }
  #sticky-teaser:hover {
    bottom: 2rem !important;
    right:2rem;
  }
}
/*---------------- Tablet Landscape --------------- */
@media only screen and ( max-width: 1080px ){

}
@media only screen and ( max-width: 1024px ){
  #site-logo {width: 310px; padding: 0.75rem 0;}
  .main-nav {padding-bottom: 0.75rem;}

}
/* Tablet */
/* Portrait and Landscape */
@media only screen and (min-device-width: 810px) and (max-device-width: 1112px)  {

    #main-menu,.grid-container.full[role="document"] .grid-container:not(.full) {
      padding-right: .9375rem;
      padding-left: .9375rem;
    }
    body .is-layout-constrained.full-width, .grid-container.full[role="document"] .grid-container:not(.full) {
      padding-right: 1.25rem;
      padding-left: 1.25rem;
    }
    .home .grid-container.full[role="document"] .grid-container,.grid-container.full[role="document"] .grid-container.slider-wrapper {padding-right: 0; padding-left: 0;}
    .h1, h1 { font-size: 3.375rem; line-height:1.09 }
    header .sticky {background-color: #FFF;}
    #sticky-teaser,#sticky-teaser:hover {
      width: 140px;
      height: 140px;
    }
  .site-header {margin: 0 }
  header .sticky {background-color: #fefefe; transition: none;}
  .claim-wrapper {padding-top:80px;} /*fixed header*/
  .claim-wrapper p {font-size: 1.5rem; line-height: 1.25}
  #news-wheel {
      padding-bottom: 1.5rem;
      width: 100%;
      min-width: 100%;
      margin: 0 auto;
  }
  .wohnungen-slider .slick-nav {left: 0; padding-left: 1rem;padding-right: 1rem;}


}
/* Tablet Portrait */
@media only screen and (min-device-width: 810px) and (max-device-width: 834px) and (orientation: portrait) {
  .sticky-wrapper.grid-container.full {position: fixed;z-index: 15; background-color: #fff; box-shadow: 0px 2px 45px 0px rgba(0,0,0,0.15);}
  .is-stuck #site-logo, #site-logo, #offCanvasMenu .site-logo a {display: block; width: 250px; padding: 0;margin-top: 0;}
  #main-menu {padding: 0.5rem;}
  .is-stuck .nav-wrapper,.nav-wrapper {padding: 0.875rem 0 0.5rem 0;}
  .main-nav,.is-stuck .main-nav {padding-bottom: 0;}
  .is-at-top #art-deco1 {display: none;}
  #main-menu{
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
  #offCanvasMenu .menu-wrapper { margin-top: 1.5rem;margin-bottom: 1.5rem; }
  #offCanvasMenu .main .menu > li > a {font-size: 2rem;}
  #offCanvasMenu .footer-utility-nav { padding-right: 1.25rem; padding-bottom: 1.25rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
  .footer-utility-nav ul {float: unset;}
  .footer-utility-nav ul li:not(:first-child) a::before, .utility-nav li:not(:first-child) a::before {
    content: '';
    padding: 0;
  }
  #offCanvasMenu .main .menu > li.active a::before { background-size: 28px; margin-top: -3px; }
  #offCanvasMenu .footer-utility-nav .menu, .menu.horizontal {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  }
  #offCanvasMenu .menu.submenu.vertical {margin-left: 1rem; }
  #offCanvasMenu .menu.submenu.vertical > li > a {font-size:1.5rem; }
  .footer-utility-nav ul li a {
    line-height: 1.3;
    text-transform: uppercase;
    padding: .375rem 1rem;
    font-size: 1.125rem;
  }
  .single .grid-container.full[role="document"], .page .grid-container.full[role="document"], .search .grid-container.full[role="document"] {
    padding-top: 100px;
  }
  .home .grid-container.full[role="document"] {padding-top: 84px}
  .home .overlapping-text .img-container { max-width: 100%; }
  .home .overlapping-text .text-container { max-width: 90%; margin: -2rem auto 0 auto;}
  .home .overlapping-text .img-container {position: relative; z-index: -1;}
  .home .overlapping-text .text-container {padding: 1rem; position: relative; top:-10%;}
  .home .overlapping-text.align-right .text-container {left:0;}
  .home .overlapping-text.align-left .text-container {right:0;}
  .home .overlapping-text:first-child {margin-bottom: 1rem;}
  .home .overlapping-text:not(:first-child) {margin-top:0rem;}
  .home .overlapping-text:first-child .text-container {top:-2rem;}
  .home .overlapping-text:last-child {margin-top: 4rem}
  .home .overlapping-text:last-child .text-container {top: -2rem;}
  #news-wheel {
    padding-bottom: 1.5rem;
      width: 100%;
      min-width: 100%;
      margin: 0 auto;
  }
  .wohnungen-slider .slick-nav {left: 0;}
  .h1, h1,.home .overlapping-text h2 { font-size: 2.625rem; line-height:1.09 }
  .claim-text p {font-size: 1.5rem; line-height: 1.25}
  .site-footer {margin-top: 2rem;}
  #art-deco2 {display: none;}
  #footer-logo {
    border-right: none;
  }

}
/* Tablet Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1080px) and (orientation: landscape) {

}

/* Phones */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px)  and ( max-device-width: 800px) {
  .sticky-wrapper.grid-container.full {position: fixed;z-index: 15; background-color: #fff; box-shadow: 0px 2px 45px 0px rgba(0,0,0,0.15);}
  #main-menu {padding: 0.5rem;}
  .is-stuck #site-logo, #site-logo, #offCanvasMenu .site-logo a {display: block; width: 250px; padding: 0;margin-top: 0;}
  .is-stuck .main-nav {padding-bottom: 0;}
  .is-stuck #site-logo, #site-logo, #offCanvasMenu .site-logo a {display: block; width: 250px; padding: 0;margin-top: 0;}
  .is-stuck .nav-wrapper, .nav-wrapper{padding: 0.875rem 0 0.5rem 0;}
  .main-nav #menu-open { background-color: #FFF;}
  #offCanvasMenu .menu-wrapper { margin-top: 1.5rem;margin-bottom: 1.5rem; }
  #offCanvasMenu .main .menu > li > a {font-size: 2rem;}
  #offCanvasMenu .footer-utility-nav { padding-right: 1.25rem; padding-bottom: 1.25rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
  .footer-utility-nav ul {float: unset;}
  .footer-utility-nav ul li:not(:first-child) a::before, .utility-nav li:not(:first-child) a::before {
    content: '';
    padding: 0;
  }
  #offCanvasMenu .main .menu > li.active a::before { background-size: 28px; margin-top: -3px; }
  #offCanvasMenu .footer-utility-nav .menu, .menu.horizontal {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  }
  #offCanvasMenu .menu.submenu.vertical {margin-left: 1rem; }
  #offCanvasMenu .menu.submenu.vertical > li > a {font-size:1.5rem; }
  .footer-utility-nav ul li a {
    line-height: 1.3;
    text-transform: uppercase;
    padding: .375rem 1rem;
    font-size: 1.125rem;
  }
  .main-nav {margin: 0; padding:0;}
  .home .introtext p {font-size: 1.625rem;}
  .introtext .wp-block-image figure.alignleft {display:none; }
  .introtext p {padding-left: 1.25rem; line-height: 1.3;}
  .grid-container.full[role="document"] .grid-container:not(.full), footer .grid-container:not(.full) {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  body .is-layout-constrained.full-width {
    padding-left:1.25rem;
    padding-right:1.25rem;

  }
  .home .overlapping-text {position: relative; margin-bottom: 1rem;}

  .home .grid-container.full[role="document"] .grid-container,.grid-container.slider-wrapper,.grid-container.full[role="document"] .grid-container.slider-wrapper {padding-right: 0; padding-left: 0;}
  .home .overlapping-text .img-container { max-width: 100%; }
  .home .overlapping-text .text-container { max-width: 90%; margin: -2rem auto 0 auto;}
  .home .overlapping-text .img-container {position: relative; z-index: -1;}
  .home .overlapping-text .text-container {padding: 1rem; position: relative; top:-10%;}
  .home .overlapping-text.align-right .text-container {left:0;}
  .home .overlapping-text.align-left .text-container {right:0;}
  .home .overlapping-text:first-child {margin-bottom: 1rem;}
  .home .overlapping-text:not(:first-child) {margin-top:0rem;}
  .home .overlapping-text:first-child .text-container {top:-2rem;}
  .home .overlapping-text:last-child {margin-top: 4rem}
  .home .overlapping-text:last-child .text-container {top: -2rem;}
  .home .overlapping-text h2 {font-size: 2rem; line-height: 1.1}


  #news-wheel {opacity: 0; transition:opacity .5s}
  #news-wheel.images-loaded {opacity: 1;}
  #news-wheel {padding-bottom: 1.5rem; width: 100%; min-width: 100%; margin: 0 auto;}
  #news-wheel .icon.circle-plus {width: 40px; position: absolute; color: #fff; top:5px; right: 5px;}
  #news-wheel article .post-cat { color: #e2b73e; font-size: 32px; font-weight: 600;}
  #news-wheel article h3 {font-size: 18px; font-weight: bold; color: #1a1919; font-family: 'Source Sans 3';}
  #news-wheel article .card-img {position: relative;overflow: hidden;width:300px; margin: 0 auto;}
  #news-wheel article .card-img img{margin-right: 0rem; transition: all 0.5s;}
  #news-wheel article a:hover img, .masonry-item a:hover .card-img img{transform: scale(1.1);}
  #news-wheel article {margin:25px 18px; min-width: 280px;width: 280px; min-height: 567px; border-radius: 4px; box-shadow: 0px 2px 23px 0px rgba(0,0,0,0.21);}
  .single .grid-container.full[role="document"], .page .grid-container.full[role="document"] {padding-top: 130px;}
  .home.page .grid-container.full[role="document"] {padding-top: 84px;}
  .entry-content .claimtext p {font-size: 1.5rem; line-height: 1.3; }
  .hentry .post-thumb {margin-top: 1rem;}
  .footer-widget-area .menu li a {padding-left: 0;}
  #footer-logo {margin-bottom: 1.25rem; border-right: none;}
  .footer-widget-area .panel {padding:0; } 
  footer .footer-utility-nav ul li:first-child a {padding-left: 0;}
  #menu-footer-menu li {text-align: left;}
  #cookie-notice {width:100%;max-width:100%;min-width: 100%;}
  .h1, h1 { font-size: 2.25rem; line-height:1.2 }
  #sticky-teaser,#sticky-teaser:hover {
    width: 100px;
    height: 100px;
    bottom: 1.5rem !important;
    right: 1.5rem;
  }
  .site-footer {margin-top: 2rem;}
  #art-deco2 {display: none;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (orientation: landscape) { 
  .grid-container:not(.slider-wrapper):not(.full)  {padding-right: 20px; padding-left: 20px;}
}