@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;700;900&display=swap');
/* WAU Effects Originaltypografie – Maven Pro */
:root{--body-font-family:'Maven Pro',sans-serif;--heading-font-family:'Maven Pro',sans-serif}
body,h1,h2,h3,h4,h5,h6,p,a,li,table,th,td,label,button,input,select,textarea{font-family:'Maven Pro',sans-serif!important}
.container-header .mod-menu,.wau-clone,.wau-clone h1,.wau-clone h2,.wau-clone h3{font-family:'Maven Pro',sans-serif!important}


*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}.container-header{position:relative;background:#fff!important;color:#111!important;box-shadow:none!important;padding-top:24px}.container-header:before{content:"◉   ▶                                                        ☎  076 323 57 32     ✉  info@wau-effects.ch";position:absolute;top:0;left:0;width:100%;height:24px;padding:3px 6%;background:#151112;color:#fff;font-size:13px;letter-spacing:.02em;white-space:pre}.container-header .container-nav{max-width:1120px;margin:auto;padding:12px 25px;display:flex;align-items:center;justify-content:space-between;min-height:118px}.container-header .navbar-brand{margin:0}.container-header .navbar-brand a{display:block;width:150px;height:105px;font-size:0;background:url("https://wau-effects.ch/images/Black_logo_-_no_background.png") center/contain no-repeat}.container-header .mod-menu{color:#111!important;gap:30px;font-weight:700}.container-header .mod-menu a{color:#111!important;text-decoration:none}.container-header .mod-menu a:hover,.container-header .mod-menu .active>a{border-bottom:2px solid #6f7747}.site-grid{display:block!important}.grid-child.container-component{max-width:none!important;padding:0!important}.com-content-featured,.com-content-article{margin:0}.com-content-featured__items{display:block}.com-content-featured__item{margin:0!important}.com-content-featured__item>h2,.com-content-featured__item .article-info,.page-header,.article-info{display:none!important}.wau-clone{width:100%;font-size:16px;line-height:1.65}.wau-clone h1,.wau-clone h2,.wau-clone h3{font-family:Arial,Helvetica,sans-serif;font-weight:400}.wau-clone-hero{position:relative;min-height:570px;background:url("https://wau-effects.ch/images/2024/02/21/titelbild.jpg") center/cover no-repeat;color:#fff;padding:24px 7%}.wau-clone-head{text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.3)}.wau-clone-head h1{font-size:clamp(2rem,3vw,3.1rem);margin:0 0 4px}.wau-clone-head h3{font-size:clamp(1.4rem,2.3vw,2.1rem);margin:0}.wau-clone-current{position:absolute;right:6.2%;top:188px;width:250px;text-align:center}.wau-clone-current h3{margin:0;padding:7px 12px;font-size:25px;border-left:2px solid #fff;border-right:2px solid #fff}.wau-clone-current h3:first-child{font-size:27px;font-weight:700;border-top:2px solid #fff}.wau-clone-current h3:nth-child(2){border-bottom:2px solid #fff}.wau-clone-current a{display:inline-block;margin-top:10px;padding:5px 24px 8px;color:#fff;border-bottom:2px solid #fff;text-decoration:none;font-weight:700}.wau-clone-quote{padding:70px max(6%,calc((100% - 1050px)/2));text-align:center;background:#fff}.wau-clone-quote h2{font-size:clamp(1.45rem,2.3vw,2.05rem);line-height:1.5;margin:0 0 20px}.wau-clone-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:440px}.wau-clone-row>img{width:100%;height:100%;min-height:440px;object-fit:cover}.wau-clone-row>div{padding:65px clamp(35px,6vw,95px);display:flex;flex-direction:column;justify-content:center;background:#f5f4ef}.wau-clone-row h3{font-size:32px;margin:0 0 20px}.wau-clone-row blockquote{font-style:italic;margin:25px 0 8px}.wau-reverse>img{order:2}.wau-reverse>div{order:1;background:#fff}.footer{background:#191516!important;color:#fff;padding:30px 6%}.footer a{color:#fff}.metismenu.mod-menu{justify-content:flex-end}@media(max-width:850px){.container-header:before{content:"☎ 076 323 57 32     ✉ info@wau-effects.ch";text-align:center;font-size:11px}.container-header .container-nav{min-height:90px}.container-header .navbar-brand a{width:110px;height:78px}.wau-clone-hero{min-height:500px;padding:24px 18px}.wau-clone-current{right:20px;top:240px;width:220px}.wau-clone-row{grid-template-columns:1fr}.wau-clone-row>img,.wau-reverse>img{order:1;min-height:300px}.wau-clone-row>div,.wau-reverse>div{order:2;padding:45px 25px}.container-header .mod-menu{gap:10px}}

/* Sichtbares Hamburger-Menü auf Handy und Tablet */
@media (max-width: 991.98px) {
  .container-header .navbar-toggler {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 44px;
    padding: 8px;
    color: #111 !important;
    background: #fff !important;
    border: 2px solid #111 !important;
    border-radius: 6px;
  }
  .container-header .navbar-toggler .icon-menu,
  .container-header .navbar-toggler .icon-menu::before {
    color: #111 !important;
    font-size: 1.75rem;
  }
}


/* Präziser Abgleich mit dem Original wau-effects.ch */
.container-header::before {
  content: none !important;
  display: none !important;
}
.container-header { padding-top: 0 !important; }
#mod-menu1 .item-101,
#mod-menu1 .item-112 { display: none !important; }
.wau-clone blockquote { font-style: normal !important; }
nav.pagenavigation { display: none !important; }

@media (min-width: 992px) {
  .container-header {
    display: grid !important;
    grid-template-columns: minmax(20px, 1fr) 150px minmax(0, 990px) minmax(20px, 1fr);
    grid-template-areas: "topbar topbar topbar topbar" ". brand nav .";
    align-items: start;
  }
  .container-header > .container-topbar {
    grid-area: topbar;
    height: 23px !important;
    min-height: 23px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .container-header > .container-topbar .wau-top-links {
    max-width: 1140px;
    height: 23px;
    margin: 0 auto;
    padding: 0;
  }
  .container-header > .container-topbar a {
    font-size: 14px !important;
    font-weight: 100 !important;
    line-height: 22px !important;
  }
  .container-header > .grid-child:not(.container-nav) {
    grid-area: brand;
    height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
  }
  .container-header .navbar-brand { margin: 0 !important; padding: 0 !important; }
  .container-header .navbar-brand a { width: 130px !important; height: 110px !important; }
  .container-header > .container-nav {
    grid-area: nav;
    width: 100% !important;
    max-width: none !important;
    min-height: 120px !important;
    height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
  .container-header > .container-nav nav.navbar { width: 100% !important; padding: 0 !important; }
  .container-header > .container-nav .navbar-collapse { justify-content: flex-end !important; }
  .container-header > .container-nav .mod-languages { display: none !important; }
  .container-header .mod-menu { gap: 0 !important; }
  .container-header .mod-menu > li > a {
    padding: 0 15px !important;
    font-size: 16px !important;
    line-height: 60px !important;
  }

  .wau-clone-hero {
    height: 600px !important;
    min-height: 600px !important;
    padding: 21px 7% !important;
  }
  .wau-clone-head h1 { font-size: 36px !important; line-height: 43.2px !important; margin: 0 !important; }
  .wau-clone-head h3 { font-size: 28px !important; line-height: 33.6px !important; margin: 0 0 8px !important; }
  .wau-clone-current {
    top: 194px !important;
    right: max(7.7%, calc((100% - 1140px) / 2 + 2px)) !important;
    width: 257px !important;
  }
  .wau-clone-current h3,
  .wau-clone-current h3:first-child {
    font-size: 28px !important;
    line-height: 33.6px !important;
    font-weight: 400 !important;
  }
  .wau-clone-current a { font-size: 16px !important; font-weight: 500 !important; }

  .wau-clone-quote {
    box-sizing: border-box;
    height: 308px !important;
    padding: 50px max(6%, calc((100% - 1140px) / 2)) !important;
  }
  .wau-clone-quote h2 {
    font-size: 32px !important;
    line-height: 38.4px !important;
    margin: 0 0 8px !important;
  }

  .wau-clone > .wau-clone-row {
    min-height: 0 !important;
    padding: 0 !important;
    align-items: start !important;
  }
  .wau-clone > .wau-clone-row > div {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .wau-clone > .wau-clone-row h3 {
    font-size: 28px !important;
    line-height: 33.6px !important;
    margin: 0 0 8px !important;
  }
  .wau-clone > .wau-clone-row p {
    font-size: 18px !important;
    line-height: 22px !important;
    margin: 0 0 16px !important;
  }

  .wau-clone > .wau-clone-row:nth-of-type(3) {
    display: grid !important;
    grid-template-columns: minmax(20px, 1fr) 360px 30px 750px minmax(20px, 1fr) !important;
    height: 420px !important;
    background: rgba(58, 94, 37, .1) !important;
  }
  .wau-clone > .wau-clone-row:nth-of-type(3) > img {
    grid-column: 2;
    width: 360px !important;
    height: 270px !important;
    min-height: 0 !important;
    margin-top: 75px;
    object-fit: fill !important;
  }
  .wau-clone > .wau-clone-row:nth-of-type(3) > div { grid-column: 4; margin-top: 75px; }

  .wau-clone > .wau-clone-row:nth-of-type(4) {
    display: grid !important;
    grid-template-columns: minmax(20px, 1fr) 750px 30px 360px minmax(20px, 1fr) !important;
    grid-template-rows: 428px 194px !important;
    height: 622px !important;
    background: #fff !important;
  }
  .wau-clone > .wau-clone-row:nth-of-type(4) > div { grid-column: 2; grid-row: 1; margin-top: 58px; }
  .wau-clone > .wau-clone-row:nth-of-type(4) > img {
    grid-column: 4;
    grid-row: 1;
    order: initial !important;
    width: 360px !important;
    height: 320px !important;
    min-height: 0 !important;
    margin-top: 58px;
    object-fit: fill !important;
  }
  .wau-clone > .wau-clone-row:nth-of-type(4) blockquote,
  .wau-clone > .wau-clone-row:nth-of-type(4) blockquote + p { display: none !important; }
  .wau-clone > .wau-clone-row:nth-of-type(4)::after {
    content: "\201E Dein Hund kommuniziert laufend mit dir. Die Frage ist, ob und wann du mit ihm in einen Dialog einsteigst.\201C\A\A Maja Bertschi, wau-effects!";
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    white-space: pre-line;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    background: rgba(58, 94, 37, .1);
  }

  .wau-clone > .wau-clone-row:nth-of-type(5) {
    display: grid !important;
    grid-template-columns: minmax(20px, 1fr) 360px 30px 750px minmax(20px, 1fr) !important;
    height: 342px !important;
    background: #fff !important;
  }
  .wau-clone > .wau-clone-row:nth-of-type(5) > img {
    grid-column: 2;
    width: 360px !important;
    height: 240px !important;
    min-height: 0 !important;
    margin-top: 52px;
    object-fit: fill !important;
  }
  .wau-clone > .wau-clone-row:nth-of-type(5) > div { grid-column: 4; margin-top: 52px; }

  .footer {
    box-sizing: border-box;
    min-height: 340px !important;
    padding: 80px max(6%, calc((100% - 1140px) / 2)) !important;
    background: #3b2e36 !important;
  }
}

/* Restkorrekturen Navigation und Seitenabstände */
.container-header .mod-menu > .item-101,
.container-header .mod-menu > .item-112 { display: none !important; }
.site-grid main { margin-top: 0 !important; }
.footer { margin-top: 0 !important; }

/* Detailseiten Angebot – Originaltypografie */
.wau-detail { background:#fff; color:#212529; font-family:'Maven Pro',sans-serif; }
.wau-detail-inner { max-width:1140px; margin:0 auto; padding:58px 0 80px; }
.wau-detail h1,.wau-detail h2 { margin:0 0 22px; font-family:'Maven Pro',sans-serif!important; font-size:28px; line-height:33.6px; font-weight:400; font-style:normal; }
.wau-detail h2 { margin-top:42px; }
.wau-detail p { max-width:760px; margin:0 0 20px; font-size:18px; line-height:22px; font-weight:400; font-style:normal; }
.wau-detail-price { margin:34px 0!important; padding:24px 28px; background:rgba(58,94,37,.1); border-left:4px solid #7c8250; }
.wau-detail-button { display:inline-block; margin:10px 12px 0 0; padding:12px 24px; color:#fff!important; background:#6f7747; text-decoration:none!important; font-weight:700; }
.wau-detail-button:hover,.wau-detail-button:focus { background:#3b2e36; }
@media(max-width:1199.98px){.wau-detail-inner{padding:46px 6% 64px;}}
@media(max-width:767.98px){.wau-detail-inner{padding:36px 22px 54px}.wau-detail h1,.wau-detail h2{font-size:25px;line-height:31px}.wau-detail p{font-size:17px;line-height:24px}}

/* Originalbilder auf Angebotsseiten */
.wau-detail-heroimg{display:block;width:min(1140px,88%);max-height:760px;margin:58px auto 0;object-fit:cover;}
.wau-detail-row{display:grid;grid-template-columns:555px 555px;gap:30px;align-items:start;margin-bottom:58px;}
.wau-detail-sideimg{display:block;width:555px;height:auto;object-fit:cover;}
.wau-detail-copy{min-width:0;}
.wau-detail-copy p{max-width:555px;}
.wau-detail-reverse .wau-detail-sideimg{grid-column:2;grid-row:1;}
.wau-detail-reverse .wau-detail-copy{grid-column:1;grid-row:1;}
@media(min-width:992px){
 .container-header .mod-menu>.item-109{position:relative;}
 .container-header .mod-menu>.item-109>.mm-toggler{display:none!important;}
 .container-header .mod-menu>.item-109>.mm-collapse{display:none!important;position:absolute;z-index:1000;top:90px;left:0;width:250px;height:auto!important;margin:0;padding:8px 0;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.16);}
 .container-header .mod-menu>.item-109:hover>.mm-collapse,.container-header .mod-menu>.item-109:focus-within>.mm-collapse{display:block!important;}
 .container-header .mod-menu>.item-109>.mm-collapse>li{display:block;width:100%;}
 .container-header .mod-menu>.item-109>.mm-collapse>li>a{display:block;padding:10px 18px!important;color:#111!important;font-size:16px!important;line-height:22px!important;white-space:nowrap;}
 .container-header .mod-menu>.item-109>.mm-collapse>li>a:hover,.container-header .mod-menu>.item-109>.mm-collapse>li>a:focus{background:rgba(58,94,37,.1);}
}
@media(max-width:1199.98px){.wau-detail-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.wau-detail-sideimg{width:100%;}}
@media(max-width:767.98px){.wau-detail-heroimg{width:100%;margin-top:0;max-height:420px}.wau-detail-row{display:flex;flex-direction:column;gap:24px;margin-bottom:42px}.wau-detail-reverse .wau-detail-sideimg,.wau-detail-reverse .wau-detail-copy{order:initial}.wau-detail-sideimg{width:100%}}

/* WAU: only reduce footer vertical spacing, 2026-09-21 */
footer.container-footer.footer{min-height:0!important;padding-top:20px!important;padding-bottom:20px!important;}
footer.container-footer.footer>.grid-child{min-height:0!important;padding-top:0!important;padding-bottom:0!important;}