html,body {
  margin:0;
  padding:0;
}

#wmw-nav,#wmw-nav:before,#wmw-nav:after,#wmw-nav *,#wmw-nav *:before,#wmw-nav *:after {
  box-sizing:content-box;
  margin:0;
  padding:0;
  letter-spacing:0.03em;
}

#wmw-nav *,#wmw-nav *:before,#wmw-nav *:after {
  font-size:1em;
  font-family:inherit;
  font-weight:inherit;
  line-height:inherit;
  text-align:inherit;
}

#wmw-nav nav {
  display:block;
}

#wmw-nav ul {
  list-style:none;
}

#wmw-nav,#wmw-nav input {
  direction:ltr;
  text-align:left;
  font-family:"Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;
}

#wmw-nav a,#wmw-nav a:hover  {
  text-decoration:none;
  color:#fff;
  -webkit-transition:opacity 0.3s cubic-bezier(0.24,0.06,0.56,1);
  transition:opacity 0.3s cubic-bezier(0.24,0.06,0.56,1);
}

#wmw-nav {
  position:fixed;
  z-index:100;
  top:0;
  left:0;
  width:100%;
  height:55px;
  display:block;
  font-size:16px;
  background:rgba(14,14,14,0.98);
}

@supports ((-webkit-backdrop-filter:saturate(120%) blur(18px)) or (backdrop-filter:saturate(120%) blur(18px))) {
  #wmw-nav {
    background:rgba(15,15,15,0.4);
    -webkit-backdrop-filter:saturate(120%) blur(18px);
    backdrop-filter:saturate(120%) blur(18px);
  }
}

@media only screen and (max-width:767px) {
  #wmw-nav {
    background:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    border-bottom:none;
  }  
}

#wmw-nav-menustatus {
  display:none;
}

#wmw-nav .wmw-nav-inhalt {
  position:relative;
  z-index:2;
  max-width:1024px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-left:22px;
  padding-right:22px;
}

@supports (padding:max(0px)) {
  #wmw-nav .wmw-nav-inhalt {
    padding-left:max(22px,env(safe-area-inset-left));
    padding-right:max(22px,env(safe-area-inset-right));
  }
}

@media only screen and (max-width:767px) {
  
  #wmw-nav .wmw-nav-inhalt {
    min-width:320px;
    display:block;
    padding:0;
  }
  
  @supports (padding:max(0px)) {
    #wmw-nav .wmw-nav-inhalt {
      padding-left:max(0,env(safe-area-inset-left));
      padding-right:max(0,env(safe-area-inset-right));
    }
  }
}

#wmw-nav .wmw-nav-titel {
  position:relative;
  z-index:2;
  top:0;
  left:0;
  height:55px;
  width:165px;
}

@media only screen and (max-width:767px) { 
  #wmw-nav .wmw-nav-titel {
    position:absolute;
    right:0;
    margin:0 auto;
  }
}

#wmw-nav .logoleiste-icon {
  height:100%;
  width:100%;
  display:block;
  background-image:url(/wmw/nav/styles/images/logo/icon.svg);
  background-position:center left -1px;
  background-repeat:no-repeat;
  background-size:contain;
}

@media only screen and (max-width:767px) {
  #wmw-nav .logoleiste-icon {
    background-position:center center;
  }
}

#wmw-nav .wmw-nav-menu {
  height:55px;
  width:auto;
}

@media only screen and (max-width:767px) {
  #wmw-nav .wmw-nav-menu {
    width:100%;
  }
}

#wmw-nav .wmw-nav-liste-container {
  position:relative;
  height:55px;
}

@media only screen and (max-width:767px) {
  
  #wmw-nav .wmw-nav-liste-container {
    position:absolute;
    left:0;
    right:0;
    top:0;
    width:100%;
    display:block;
    overflow:hidden;
    pointer-events:none;
    background:rgba(14,14,14,0.98);
    -webkit-transition:background 0.36s cubic-bezier(0.32,0.08,0.24,1),height 0.56s cubic-bezier(0.52,0.16,0.24,1);
    transition:background 0.36s cubic-bezier(0.32,0.08,0.24,1),height 0.56s cubic-bezier(0.52,0.16,0.24,1);
  }

  @supports (-webkit-backdrop-filter:saturate(120%) blur(18px)) or (backdrop-filter:saturate(120%) blur(18px)) {

    #wmw-nav .wmw-nav-liste-container {
      background:rgba(15,15,15,0.4);
      -webkit-backdrop-filter:saturate(120%) blur(18px);
      backdrop-filter:saturate(120%) blur(18px);
    }
  }

  #wmw-nav-menustatus:checked ~ #wmw-nav .wmw-nav-liste-container,#wmw-nav-menustatus:target ~ #wmw-nav .wmw-nav-liste-container {
    height:330px;
    pointer-events:auto;
    visibility:visible;
    border-bottom:solid 1px #333;
    background:rgba(14,14,14,1);
    -webkit-transition:background 0.36s cubic-bezier(0.32,0.08,0.24,1),height 0.56s cubic-bezier(0.52,0.16,0.24,1);
    transition:background 0.36s cubic-bezier(0.32,0.08,0.24,1),height 0.56s cubic-bezier(0.52,0.16,0.24,1);
  } 

  @supports (-webkit-backdrop-filter:saturate(120%) blur(18px)) or (backdrop-filter:saturate(120%) blur(18px)) {

    #wmw-nav-menustatus:checked ~ #wmw-nav .wmw-nav-liste-container,#wmw-nav-menustatus:target ~ #wmw-nav .wmw-nav-liste-container {
      background:rgba(15,15,15,0.7);
      -webkit-backdrop-filter:saturate(120%) blur(18px);
      backdrop-filter:saturate(120%) blur(18px);
    }
  }
}

#wmw-nav .wmw-nav-liste {
  height:45px;
  width:auto;
  margin-top:10px;
  display:block;
  text-align:right;
}

@media only screen and (max-width:767px) {
  #wmw-nav .wmw-nav-liste {
    height:200px;
    margin:0 auto;
    margin-top:65px;
    padding:0 42px;
  } 
}

#wmw-nav .wmw-nav-listenpunkt {
  display:inline;
}

@media only screen and (max-width:767px) {
  
  #wmw-nav .wmw-nav-listenpunkt {
    margin:0 auto;
    display:block;
    text-align:center;
    opacity:0;
    -webkit-transition:opacity 0.24s ease-in-out;
    transition:opacity 0.24s ease-in-out;
  }

  #wmw-nav-menustatus:checked ~ #wmw-nav .wmw-nav-listenpunkt:nth-child(1),#wmw-nav-menustatus:target ~ #wmw-nav .wmw-nav-listenpunkt:nth-child(1) {
    opacity:1;
    -webkit-transition:opacity 0.26s ease-in-out 0.14s;
    transition:opacity 0.26s ease-in-out 0.14s;
  }

  #wmw-nav-menustatus:checked ~ #wmw-nav .wmw-nav-listenpunkt:nth-child(2),#wmw-nav-menustatus:target ~ #wmw-nav .wmw-nav-listenpunkt:nth-child(2) {
    opacity:1;
    -webkit-transition:ease-in-out 0.18s,opacity 0.26s ease-in-out 0.22s;
    transition:ease-in-out 0.18s,opacity 0.26s ease-in-out 0.22s;
  }

  #wmw-nav-menustatus:checked ~ #wmw-nav .wmw-nav-listenpunkt:nth-child(3),#wmw-nav-menustatus:target ~ #wmw-nav .wmw-nav-listenpunkt:nth-child(3) {
    opacity:1;
    -webkit-transition:ease-in-out 0.24s,opacity 0.26s ease-in-out 0.28s;
    transition:ease-in-out 0.24s,opacity 0.26s ease-in-out 0.28s; 
  }

  #wmw-nav-menustatus:checked ~ #wmw-nav .wmw-nav-listenpunkt:nth-child(4),#wmw-nav-menustatus:target ~ #wmw-nav .wmw-nav-listenpunkt:nth-child(4) {
    opacity:1;
    -webkit-transition:ease-in-out 0.32s,opacity 0.26s ease-in-out 0.36s;
    transition:ease-in-out 0.32s,opacity 0.26s ease-in-out 0.36s; 
  }

  #wmw-nav-menustatus:checked ~ #wmw-nav .wmw-nav-listenpunkt:nth-child(5),#wmw-nav-menustatus:target ~ #wmw-nav .wmw-nav-listenpunkt:nth-child(5) {
    opacity:1;
    -webkit-transition:ease-in-out 0.40s,opacity 0.26s ease-in-out 0.44s;
    transition:ease-in-out 0.40s,opacity 0.26s ease-in-out 0.44s; 
  }
}

#wmw-nav .wmw-nav-link {
  display:inline-block;
  text-transform:uppercase;
  font-style:italic;
  font-size:12px;
  font-weight:500;
  padding:0.65em;
  margin-top:2px;
  white-space:nowrap;
  opacity:0.8;
}

#wmw-nav .wmw-nav-link:hover {
  opacity:1;
}

@media only screen and (max-width:767px) {
  #wmw-nav .wmw-nav-link {
    font-size:17px;
    margin-top:0;
  }
}

#wmw-nav .wmw-nav-link-kontakt {
  padding-right:0.25em;
}

@media only screen and (max-width:767px) {
    #wmw-nav .wmw-nav-link-kontakt {
      padding-right:0.65em;
    }
}

#wmw-nav .wmw-nav-menu-button {
  display:none;
}

@media only screen and (max-width:767px) {
  #wmw-nav .wmw-nav-menu-button {
    display:block;
  }
}

#wmw-nav .wmw-nav-menuicon-label {
  display:block;
  position:absolute;
  z-index:99;
  top:19px;
  left:11px;
  height:20px;
  width:24px;
  cursor:pointer;
  overflow:hidden;
  color:rgb(211,211,211);
  -webkit-transition:color 0.3s cubic-bezier(0.24,0.06,0.56,1);
  transition:color 0.3s cubic-bezier(0.24,0.06,0.56,1);
}

#wmw-nav .wmw-nav-menuicon-label:hover {
  color:#fffaf1;
  -webkit-transition:color 0.3s cubic-bezier(0.24,0.06,0.56,1);
  transition:color 0.3s cubic-bezier(0.24,0.06,0.56,1);
}

@media only screen and (max-width:767px) {
  
  #wmw-nav .wmw-nav-menuicon {
    display:block;
    position:relative;
    top:0;
    height:14px;
    width:24px;
    color:currentColor;
    border-top:solid 2px currentColor;
    border-bottom:solid 2px currentColor;
    -webkit-transition:border-color 0.18s ease-in-out 0.24s;
    transition:border-color 0.18s ease-in-out 0.24s;
  }

  #wmw-nav .wmw-nav-menuicon::before,#wmw-nav .wmw-nav-menuicon::after {
    content:'';
    position:absolute;
    top:6px;
    height:2px;
    width:24px;
    background:currentColor;
    -webkit-transition:transform 0.22s ease-in-out;
    transition:transform 0.22s ease-in-out;
  }

  #wmw-nav-menustatus:checked ~ #wmw-nav .wmw-nav-menuicon,#wmw-nav-menustatus:target ~ #wmw-nav .wmw-nav-menuicon {
    border-color:rgba(255,255,255,0);
    -webkit-transition:border-color 0.18s ease-in-out;
    transition:border-color 0.18s ease-in-out;
  }

  #wmw-nav-menustatus:checked ~ #wmw-nav .wmw-nav-menuicon::before,#wmw-nav-menustatus:target ~ #wmw-nav .wmw-nav-menuicon::before {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:transform 0.22s ease-in-out 0.2s;
    transition:transform 0.22s ease-in-out 0.2s;
  }

  #wmw-nav-menustatus:checked ~ #wmw-nav .wmw-nav-menuicon::after,#wmw-nav-menustatus:target ~ #wmw-nav .wmw-nav-menuicon::after {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:transform 0.22s ease-in-out 0.2s;
    transition:transform 0.22s ease-in-out 0.2s;
  }
}

#wmw-nav .nav-startlink-label,#wmw-nav .nav-menuaction-label {
  display:none;
  position:absolute;
  height:1px;
  width:1px;
  overflow:hidden;
}

.nav-platzhalter {
  position:relative;
  display:block;
  height:55px;
  transition:height 0.56s cubic-bezier(0.52,0.16,0.24,1); 
}



/* --------------------------- *\
   UNTERSEITEN NAV
\* --------------------------- */

#wmw-seitennav,#wmw-seitennav:before,#wmw-seitennav:after,#wmw-seitennav *,#wmw-seitennav *:before,#wmw-seitennav *:after {
  box-sizing:content-box;
  margin:0;
  padding:0;
  letter-spacing:0.03em;
}

#wmw-seitennav *,#wmw-seitennav *:before,#wmw-seitennav *:after {
  font-size:1em;
  font-family:inherit;
  font-weight:inherit;
  line-height:inherit;
  text-align:inherit;
}

#wmw-seitennav nav {
  display:block;
}

#wmw-seitennav a,#wmw-seitennav a:hover {
  text-decoration:none;
  color:#fff;
  -webkit-transition:opacity 0.3s cubic-bezier(0.24,0.06,0.56,1), color 0.25s cubic-bezier(0.24,0.06,0.56,1);
  transition:opacity 0.3s cubic-bezier(0.24,0.06,0.56,1), color 0.25s cubic-bezier(0.24,0.06,0.56,1);
}

#wmw-seitennav {
  position:sticky;
  z-index:99;
  top:0;
  left:0;
  height:50px;
  width:100%;
  display:block;
  background:rgba(14,14,14,0.98);
  font-size:16px;
}

@supports ((-webkit-backdrop-filter:saturate(120%) blur(18px)) or (backdrop-filter:saturate(120%) blur(18px))) {
  #wmw-seitennav {
    background:rgba(15,15,15,0.4);
    -webkit-backdrop-filter:saturate(120%) blur(18px);
    backdrop-filter:saturate(120%) blur(18px);
  }
}

#wmw-seitennav .wmw-sn-inhalt {
  position:relative;
  z-index:1;
  height:50px;
  max-width:1024px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-left:22px;
  padding-right:22px;
}

@supports (padding:max(0px)) {
  #wmw-seitennav .wmw-sn-inhalt {
    padding-left:max(22px,env(safe-area-inset-left));
    padding-right:max(22px,env(safe-area-inset-right));
  }
}

@media only screen and (max-width:767px) {
  #wmw-seitennav .wmw-sn-inhalt {
    min-width:320px;
    padding:0;
  }
  
  @supports (padding:max(0px)) {
    #wmw-seitennav .wmw-sn-inhalt {
      padding-left:max(0,env(safe-area-inset-left));
      padding-right:max(0,env(safe-area-inset-right));
    }
  }
}


/* SN TITEL + BREADCRUMB */
#wmw-seitennav .wmw-sn-titel {
  position:relative;
  z-index:2;
  display:inline-block;
  font-size:19px;
  line-height:1.4;
}

@media only screen and (max-width:767px) {
  #wmw-seitennav .wmw-sn-titel {
    left:11px;
  }
}

#wmw-seitennav a.wmw-sn-titel-link {
  font-weight:500;
}

#wmw-seitennav a.wmw-sn-breadcrumb-link {
  font-weight:300;
}

.breadcrumb-chevron {
  display:inline-block;
  position:relative;
  font-size:20px;
  height:14px;
  width:6px;
}

.breadcrumb-chevron::before,.breadcrumb-chevron::after {
  content:'';
  position:absolute;
  left:-2px;
  width:9px;
  height:1px;
  background-color:#fff;
}

.breadcrumb-chevron::before {
 top:4.51px;
  border-bottom-left-radius:1em;
  -webkit-transform:rotate(47deg);
  transform:rotate(47deg);
}

.breadcrumb-chevron::after {
  bottom:2.49px;
  border-bottom-right-radius:1em;
  -webkit-transform:rotate(134deg);
  transform:rotate(134deg);
}


/* SN BUTTON */
#wmw-seitennav .wmw-sn-button {
  position:relative;
  z-index:2;
  display:inline-block;
  font-size:13px;
  font-weight:500;
}

@media only screen and (max-width:767px) {
  #wmw-seitennav .wmw-sn-button {
    margin-right:11px;
  }
}

#wmw-seitennav a.buttonlink-termin {
  display:inline-block;
  color:#000;
  background-color:rgb(22,228,188);
  border:solid 2px rgb(22,228,188);
  border-radius:25px;
  white-space:nowrap;
  min-width:25px;
  min-height:25px;
  padding-left:1.1em;
  padding-right:0.5em;
}

#wmw-seitennav .buttonlink-termin:hover {
  color:#000;
}

.buttonlink-icon-termin {
  position:relative;
  top:0.3em;
  left:-5px;
  display:inline-block;
  width:17px;
  height:17px;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url(/wmw/nav/styles/images/termin/icon.svg);
}

@media only screen and (max-width:487px) {

  #wmw-seitennav a.buttonlink-termin {
    padding:0;
  }
  
  #wmw-seitennav .buttonlink-icon-termin {
    left:0.3em;
  }
  
  #wmw-seitennav .buttonlink-label {
    display:none;
  } 
}