/* open-sans-condensed-300 - latin */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../assets/fonts/open-sans-condensed-v15-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../assets/fonts/open-sans-condensed-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../assets/fonts/open-sans-condensed-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../assets/fonts/open-sans-condensed-v15-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../assets/fonts/open-sans-condensed-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../assets/fonts/open-sans-condensed-v15-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
  }
  
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../assets/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
         url('../assets/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../assets/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../assets/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../assets/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../assets/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
    font-display: swap; /* Define how the browser behaves during download */
       
  }
  /* open-sans-italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../assets/fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
         url('../assets/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../assets/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../assets/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../assets/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../assets/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
    font-display: swap; /* Define how the browser behaves during download */
  }
  /* open-sans-700 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../assets/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
         url('../assets/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../assets/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../assets/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../assets/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../assets/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
    font-display: swap; /* Define how the browser behaves during download */
  }
   


/* open-sans-300 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../assets/fonts/open-sans-v34-latin-300.eot');
    /* IE9 Compat Modes */
    src: url('../assets/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../assets/fonts/open-sans-v34-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../assets/fonts/open-sans-v34-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('../assets/fonts/open-sans-v34-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../assets/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../assets/fonts/open-sans-v34-latin-regular.eot');
    /* IE9 Compat Modes */
    src: url('../assets/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../assets/fonts/open-sans-v34-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../assets/fonts/open-sans-v34-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../assets/fonts/open-sans-v34-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../assets/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}











  :root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  @media (prefers-reduced-motion: no-preference) {
    :root {
      /*
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      */
      --bs-body-font-family: 'Open Sans';
    }
  }
  body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    
  }




  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 45455565656;
}




.form-check-input {
    width: 15px;
    height: 15px;
    position: absolute;
    top: -5px;
    left: 0;
}



.impressum main,
.datenschutz main { 
    word-break: break-word;
}



.navmobile 
 .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

.navmobile {
    position: absolute;
    bottom: 100px;
    z-index: 545454545;
    right: 50px;
}

h1 {
    font-family: "nudista-web", sans-serif;
font-weight: 400;
font-style: normal;
color: #5f2971;
}

h2, h3 {
    font-family: "nudista-web", sans-serif;
font-weight: 400;
font-style: normal;
color: #597f82;
}

 

.open-sans-condensed {
    font-family: 'Open Sans Condensed';

}

.telefon,
.hairmakeupclaim {
    text-transform: uppercase;
    font-size: 1.375em;
    color:#c9c9c9;
}

.bg-brown {
    background-color: #cfcbc5;
    max-height:300px;
 }



.container {
    max-width:940px;
}


.kopf {
    padding-top: 3px;
    max-height: 348px;
    overflow-y: clip;
}


.nav-top .nav-item a.nav-link {
    color:#fff;
    font-size: 1.375em;
    font-weight: lighter;
    z-index: 100;
    position: relative;
    background: #730e34;
    padding: 0 6px 3px 6px;
    line-height: 24px;
    border: 1px solid #5f2970;
    text-align: center;
}

.nav-top .nav-item a.nav-link.act,
.nav-top .nav-item a.nav-link:hover {
    
    background: #597f82;
    color:#fff;
}

.footer {
    background: #597f82;
}
.footer a {
    color: #fff;
}
.footer a:hover {
    color:#c9c9c9;
}

.navbar-toggler { display:block; }


.nav-top {
    top: 130px;
    right: 0;
    z-index: 155545454;
}

#layer-1 {
    /* margin-left: 240px; */
    position: relative;
    z-index: 50;
    width: 65%;
}
  


#layer-2 {
    position: absolute;
    right: 0;
    margin-top: 23px;
    z-index: 30;
    max-width:51%;
    top:0;
}

.kontakt #layer-2 {

    margin-top: 5px;

}



#layer-3 {
    z-index: 70;
    position: absolute;
    right: -12px;
    bottom: 5px;
}

#layer-4 {
   
    z-index: 40;
    margin-top:-55px;
}



.styling #layer-4 img {
    max-width: 60px;
    margin-top: 2.5rem;
}

.styling #layer-4b {
    top: 254px;
    margin-left: 55px;
}




.navbar-toggler {
    position: absolute;
    margin: -55px 0 0 0;
    right: 20px;
    z-index: 1;
}
.navbar-toggler::before {
    content: 'MENÜ';
    font-family: "nudista-web", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    color: #7f7f7f;
}


.bgimpressum {
    background-image: url(../assets/img/DSCF05691.jpg);
    background-position: center;
    background-size: cover;
    height: 300px;
    background-repeat: no-repeat;
}

.bgdatenschutz {
    background-image: url(../assets/img/DSCF0627.jpg);
    background-position: center;
    background-size: cover;
    height: 300px;
    background-repeat: no-repeat;
}





.kontakt .bgkontakt:after{
    content: "";
    background-image: url(../img/kreis-01.png);
    background-position: 0px 70%;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    position: absolute;
    margin-top: -190px;
    z-index: -1;
    transform:scaleX(-1);
    margin-left: -20px;
}


.styling .kopf {
    padding-top: 45px !important;
}


@media (min-width: 760px) {

    .styling .kopf {
        padding-top: 6px !important;
    }

    

    #layer-3 {
        margin-left: 240px;
        z-index: 70;
        position: absolute;
        right: 20px;
        bottom: 40px;
    }

    .bg-brown {
        background-color: #cfcbc5;
        min-height:300px;
     }
    

    .nav-top {
        top: inherit;
        right: inherit;
        z-index: 155545454;
    }


.navbar-nav.navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}

.navbar-toggler { display:none; }




.styling #layer-4 img {
    max-width: 60px;
    margin-top: 2.5rem;
}

.styling #layer-4b {
    top: 225px;
    margin-left: 25px;
}
.styling #layer-4b img {
    max-width: 60px;
    margin-top: 2.5rem;
}



.styling #layer-1 {
    margin-left: 130px;
    position: relative;
    z-index: 50;
}



.kontakt #layer-1 {
    margin-left: 160px;
    position: relative;
    z-index: 50;
}















    #layer-1 {
        margin-left:150px;
        position: relative;
        z-index:50;
    }
      
    #layer-4 {
        margin-left:240px;
        z-index: 40;
        margin-top:-55px;
    }
    
    #layer-2 {
        position: absolute;
        right: 0;
        margin-top: 23px;
        z-index: 30;
        max-width: inherit;
        top: inherit;
    }

.styling  #layer-2 {
 
    margin-top: 21px;
   
}


 #layer-3 {
    margin-left: 240px;
    z-index: 70;
    position: absolute;
    left: auto;
    bottom: 40px;
    right: -10px;
}


    
    .kontakt #layer1 {
        margin-left: 240px;
        position: relative;
        z-index: 50;
        height: 265px;
        float: left;
    }
    .kontakt #layer-2 {
        position: absolute;
        right: 0;
        margin-top: -43px;
        z-index: 30;
    }
    
    #nav-leistungen {
        position: absolute;
        top: 20px;
        left:0px;
        display: inline-block;
        width: auto;
        white-space: nowrap;
        min-width:210px;
    }
    
    #nav-styling {
        position: absolute;
        top: 120px;
        left:400px;
        display: inline-block;
        width: auto;
        white-space: nowrap;
        min-width:210px;
    }
    
    
    #nav-kontakt {
        position: absolute;
        top: 140px;
        left: 100px;
        display: inline-block;
        width: auto;
        white-space: nowrap;
        min-width:210px;
    }
    

}






@media screen and (min-width:1025px) {

    #layer-1 {
        margin-left:240px;
        position: relative;
        z-index:50;
    }
      
    
    #layer-3 {
        margin-left:240px;
        z-index: 70;
        position: absolute;
        right: -50px;
        bottom:40px;
    }


    .styling #layer-1 {
        margin-left: 330px;
        position: relative;
        z-index: 50;
    }
    












}









@media screen and (max-width: 595px) {
    .kopf.mt-n5 {
         margin-top: -43px !important;
     }
 }





@media screen and (max-width: 425px) {
    .kopf.mt-n5 {
         margin-top: -28px !important;
     }
 }


@media screen and (max-width: 375px) {
    .kopf.mt-n5 {
         margin-top: -23px !important;
     }
 }

@media screen and (max-width: 320px) {
   .kopf.mt-n5 {
        margin-top: -18px !important;
    }
}








 






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



        .cookie-info {
                overflow: visible;
                    width: 100%;
                    display: block;
            }
        
            .modal-body {
                overflow: auto;
            }
        
            .modal-body td {
                max-width: 100px px;
                word-wrap: break-word;
            }



    .navbar-brand {
        display: block;
        width: 100%;
        margin: 1em auto 0;
        text-align: center;

        order:2;
    }



    .telefon {
        display: inline-block !important;
        width: 100%;
        text-align: center;
        margin: auto;
        flex: 1;
        order:1; 
    }

    .telefon figure {
        display: inline-block;
    }

    .hairmakeupclaim {
        width: 100%;
    flex-wrap: nowrap;
    text-align: center;
    order:3;
    }





    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      }
    


    #slide-navbar-collapse { display:none; }

    #slide-navbar-collapse .cookieclose {
      cursor: pointer;
      position: fixed;
      top: 15px;
      right: 15px;
      border-radius: 0px;
      /* border: 1px solid #333; */
      /* background: #333; */
      padding: 2px 9px;
      /* font-family: Verdana, sans-serif; */
      /* font-size: 26px; */
      color: #fff;
   
      z-index: 30;
      width: 35px;
      height: 35px;
  }
    
  
  #slide-navbar-collapse .cookieclose:before {
    transform: rotate(45deg);
  }
  #slide-navbar-collapse .cookieclose:after {
    transform: rotate(-45deg);
  }
  
  #slide-navbar-collapse .cookieclose:before, 
  #slide-navbar-collapse .cookieclose:after {
    position: absolute;
    right: 30px;
    content: ' ';
    height: 25px;
    width: 2px;
    background-color: #fff;
    top: 0.5rem;
    right: 1.375rem;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
  }
  
  
  
  
  
  #slide-navbar-collapse ul.navbar-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
 
  }
  #slide-navbar-collapse ul.navbar-nav li {
    margin-top:1em;
    margin-bottom:1em;
  }
  
    #slide-navbar-collapse {
      /*
      position: fixed;
      top: 0;
      left: 15px;
      z-index: 99;
      width: 280px;
      height: 100%;
      background-color: #ddd;
      overflow: auto;
  */
  
  
  
      position: fixed !important;
      top: 0;
      left: 0;
      z-index: 99;
      width: 280px;
      padding-top:5rem !important;
      height: 100%;
      background-color: rgb(0 0 0 / 85%);
      overflow: auto;
      padding: 2rem;
      z-index: 54545445;
      width: 100%;
      text-align: center;
      /* top: 5rem; */
      color: #fff;
      z-index: 300;
      vertical-align: middle;
     

    }
    #slide-navbar-collapse a {
      color:#fff;
    }
    .menu-overlay {
      display: none;
      background-color: #000;
      bottom: 0;
      left: 0;
      opacity: 0.5;
      filter: alpha(opacity=50);
      /* IE7 & 8 */
      position: fixed;
      right: 0;
      top: 0;
      z-index: 2;
    }
  
  
  
    .navbutton {
      position:absolute;
      right:1rem;
    }
  
  }
  
  
  
  
  
  .showmodal {
    display:inline-block;
    z-index: 655655656;
  }