a{
  color: #c69c6c;
    text-decoration: none;
    background-color: transparent
}

a:hover{
  color:#333;
}

.nav-link.dropdown-toggle{
  outline: none!important;
}

.quotesbefore{
      -webkit-transform: translate(-2.2rem, -10px);
              transform: translate(-2.2rem, -10px);
    width: 0px;
}

.ueberbernacol{
  min-width:400px;
  padding:0;
}

.ueberbernatxtcol{
  display:inline-block;
  -webkit-transform:translateX(-120px);
          transform:translateX(-120px);
  margin-right: -120px!important;
}

@media(max-width:800px){
  .ueberbernatxtcol > h1{
    font-size:2rem;
  }
  .quotesbefore{
      -webkit-transform: translate(-1.8rem, -10px);
              transform: translate(-1.8rem, -10px);
}
}

@media(max-width:550px){
  .ueberbernacol{
  min-width:250px;
}
  .ueberbernatxtcol{
  display:inline-block;
  -webkit-transform:translateX(-80px);
          transform:translateX(-80px);
  margin-right: -80px!important;
}
  
  .ueberbernatxtcol > h1{
    font-size:1.5rem;
    padding-right:0!important;
  }
  .quotesbefore{
      -webkit-transform: translate(-1.4rem, -10px);
              transform: translate(-1.4rem, -10px);
}
}

.navbar-nav{
      font-size: 18px;
  font-family: 'Calibri Light' !important;
}

@media(min-width:487px){
.onlymob{
  display:none;
}
}

@media(max-width:486px){
.onlydesc{
  display:none;
}
}

/*
for detail pages dienstleistungen
*/
/*
@media(max-width:991px){
      ul{
      padding-left:0;  
      }
      
      li::after {
    content: '';
    border-bottom: 1px solid rgb(198 156 108 /50%);
    width: 20%;
    position: absolute;
    bottom: 0;
    left: calc(50% - 10%);
}
      li{        
        padding-top:10px;
        padding-bottom:10px;
      }
    }
  */

  li {
        -webkit-padding-start: 0;
                padding-inline-start: 0;
        
        position:relative;
    list-style-type:none!important;
      }
  
 
  
     
     /*
  li::before {
    background-color: inherit;
    border: 2px solid #c69c6c;
    content: '';
    display: block;
    position: relative;
    top: calc(24px - 0.44rem);
    width: 0.6rem;
    margin-left: -0.95rem;
    left: 0.08rem;
    height: 0.6rem;
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}
*/
      li::before {
    background-color: #c69c6c;
    content: '';
    display: block;
    position: relative;
    top: 19px;
    width: 10px;
    margin-left: -0.95rem;
    left: 0.08rem;
    height: 10px;
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
        border-radius: 0.1rem;
}

ul{
    padding-left:1.2rem;
}
    



.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

p, li{
  font-size:1.2rem;
  line-height: 1.5;
}

h1{
  color:#c69c6c;
  text-transform: uppercase;
}

.textblack{
  color:#333;
}

.titleconttext{
    font-weight: bold;
    font-size: 4rem;
    max-width: 1170px;
    margin: 10px auto;
}

@media(max-width:760px){
  .titleconttext{
    font-size:2.5rem;
  }
}



@font-face {
font-family: 'Calibri Light';
font-style: normal;
font-weight: normal;
src: local('Calibri Light'), url('/assets/fonts/calibril.woff') format('woff');
}

@font-face {
    font-family: 'barlowbold';
    src: url('/assets/fonts/barlow-bold-webfont.woff2') format('woff2'),
         url('/assets/fonts/barlow-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowbold_italic';
    src: url('/assets/fonts/barlow-bolditalic-webfont.woff2') format('woff2'),
         url('/assets/fonts/barlow-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowitalic';
    src: url('/assets/fonts/barlow-italic-webfont.woff2') format('woff2'),
         url('/assets/fonts/barlow-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowlight';
    src: url('/assets/fonts/barlow-light-webfont.woff2') format('woff2'),
         url('/assets/fonts/barlow-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowlight_italic';
    src: url('/assets/fonts/barlow-lightitalic-webfont.woff2') format('woff2'),
         url('/assets/fonts/barlow-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowmedium';
    src: url('/assets/fonts/barlow-medium-webfont.woff2') format('woff2'),
         url('/assets/fonts/barlow-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowmedium_italic';
    src: url('/assets/fonts/barlow-mediumitalic-webfont.woff2') format('woff2'),
         url('/assets/fonts/barlow-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowregular';
    src: url('/assets/fonts/barlow-regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/barlow-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowsemibold';
    src: url('/assets/fonts/barlow-semibold-webfont.woff2') format('woff2'),
         url('/assets/fonts/barlow-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowsemibold_italic';
    src: url('/assets/fonts/barlow-semibolditalic-webfont.woff2') format('woff2'),
         url('/assets/fonts/barlow-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
  font-family: 'Calibri Light';
  padding-top:0px;
}

.quadrbox{
  font-family: 'Calibri Light'!important;
}

#logocontainer{
padding: 5px 0;  
}

#headercontainer{
z-index: 1000;
      position: fixed;
    left: 0px;
    top: 0px;
  width: 100%;
padding: 0px 0;
 

}

.logostyle{
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#logo img{
  width:800px;
  height:auto;
}




.navbar{
 padding-top:0px;
  padding-bottom:0px;
}

.shrink{
}

.headerboxshadow{
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
          box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.style35 {
    min-height: 2000px;
    background-image: linear-gradient(46deg, black 0%, white 100%)
}

.style36 {
    max-height: 500px !important;
  overflow: hidden;
  position:relative;
}

.max1600px{
    max-width: 1200px;
  margin: auto;
}

.max800px{
  max-width: 800px;
  margin: auto;
}

.style37 {
     margin: auto;
    padding-top: 500px !important;
    overflow: hidden;
}

@media (max-width: 800px){
  
  
.style37 {
    padding-top: 66.6% !important;
  }
}


@media (min-width: 500px){
  
.shrink{
  width:180px;
}
}




/*

.is-hover{
  background-color: #f00;
}
.nav-item.dropdown.hoverdropdown.show{
  background-color: #f00;
}




.dropdown-item.active, .dropdown-item:active{
color:#000;

text-decoration:none;
background-color:#f00;  
}

.rounded-righttop{
  border-top-right-radius: .25rem!important;
}


.nav-link.dropdown-toggle:hover{
  background-color: #f00;
}


*/

.navbar-light .navbar-toggler{
  border: none;
}

 button.navbar-toggler:focus{
  outline: none;
}

.dropdown-menu{
  background-color: #fff;
  border:none;
}


@media(max-width:991px){
  p, li{
  font-size:1.1rem;
}
}

@media(min-width:992px){
  
  
.dropdown-item:hover{
  color:#c69c6c!important;
  background-color:#fff;
}

.nav-item.nav-link:hover{
  color:#c69c6c!important; 
}

.nav-link.dropdown-toggle:hover{
  color:#c69c6c!important; 
}



}
.dropdown-item.active, .dropdown-item.active:hover{
  color: #999!important;
  background-color: #fff;
}

.nav-item.active, .nav-item.active:hover{
  color: #999!important;
  background-color: #fff;
}

.nav-link.dropdown-toggle.active, .nav-link.dropdown-toggle.active:hover{
  color: #999 !important;
}



.nav-item{
  color: #555555!important;
}
.nav-link.dropdown-toggle{
  color: #555555!important;
}


.minheight2000{
  min-height: 2000px;
}

.headergrey{
   background-color: #fff !important;
}

.hgrey{
  background-color: #fff !important;
}


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

.hoverdropdown:hover>.dropdown-menu {
  display: block;
}
  
}


@media (max-width: 991px){
  .dropdown-item{
    padding-right:0px;
    text-align:right!important;
    font-size:0.8rem!important;
  }
  .nav-item{
    text-align:right!important;
  }
}

.dropdown-item:active {
  background-color:inherit;
  color:#212529;
  
}

.hidden{
  display:none;
}

.bgcontainer{
  min-width: 100%;
  /*
  background-color: #f8f9fa;
  */
  
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: inherit!important;
}



.bgimg-dl{
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  height: 40vh;
  min-height: 340px!important;
}

.bg-steuern{
  background-image:url("../assets/images/titleimgs_new/steuern.jpg?v=30");
}


.bgueberberna{
  background-image:url("../assets/images/bgimgueberberna.jpg?v=4");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  
      max-height: 60vh;
  min-height: 340px!important;
    overflow: hidden;
}



.bgimglp{
  background-image:url("../assets/images/titleimgs_new/groschen_n.jpg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment: fixed;
}

.bg-buchhaltung{
  background-image:url("../assets/images/titleimgs_new/buchhaltung.jpg?v=25");
    background-position:bottom center;
}

.bg-personal{
   background-image:url("../assets/images/titleimgs_new/497_ns.jpg?v=25");
  background-position:center center;   
}

.bg-kontakt{
   background-image:url("../assets/images/titleimgs_new/440_ns.jpg?v=25");
  background-position:center center;   
}

.bg-uberatung{
  background-image:url("../assets/images/titleimgs_new/658_ns.jpg?v=25");
  background-position:center center;
}

@media(max-width:1000px){
.bg-tdng{
   background-image:url("../assets/images/titleimgs_new/543_ns.jpg?v=25");
  background-position:top center;
}
}
@media(min-width:1001px){
.bg-tdng{
   background-image:url("../assets/images/titleimgs_new/536_ns.jpg?v=25");
  background-position:center center;
}
}

.bgimgbuero{
  background-image:url("../assets/images/bgimg_buero-v5.jpg?v=5");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment: fixed;
}

.bgimgtobias{
  background-image:url("../assets/images/portraittobias.jpg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}


.bginsidecontainer{
  min-height: 55vh;
  
}

.mw-100{
  min-width: 100%;
}

.mw-75{
  min-width: 75%;
}

.mw-66{
  min-width: 66%;
}

.mw-50{
  min-width: 50%;
}

.mw-25{
  min-width: 25%;
}

.footercontainer{
  /* berna 
  background-color: #c69c6c;
  */
  /* berna light */
  background-color: #333; 
  color: #fff;
  
  /* grey 
  background-color: #808080;
*/
}

.footercol{
}

@media (min-width: 992px){
  .hidedesktop{
    display:none;
  }  
}

@media (max-width: 1199px){
  .textcenter1200{
  text-align:center!important;
  }
}

@media (max-width: 991px){
  .textcentermobile{
  text-align:center!important;
  }
  
   .hidemobile{
      display:none;
    }

  .bgimglp{
  background-attachment: inherit;
}

.bgimgbuero{
  background-attachment: inherit;
}
  
  .footercol{
    min-width: 100%;
    margin-top: 10px;
}
}

.titlehome{
    margin-bottom: 15px;
  }

@media(min-width:650px){
  .titlehome{
    margin-bottom: 0px;
  }
}

.customborder{

  border-bottom: 2px solid #f2e9df!important;
}

.borderbottomgrey{
  border-bottom: 2px solid #a0a0a0!important;
}

.bordertopgrey{
  border-top: 2px solid #a0a0a0!important;
}

.fa{
  font-size: 20px;
}

.bgcontdark{
  background-color: #333;
}

.bgcontgold{
  background-color: /* #e0c6ad */ #c69c6c;
  color: #333;
}


.textwhite{
  color: #fff;
}

.textgold{
  color:#c69c6c!important;
}

.quadrbox{
  position: relative;
  overflow: hidden;
  border-radius: .2rem;
}

.quadrbox:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.dlcol{
  min-width:250px;
  color:#fff;
  padding:0px;
}

.quadrcontenticon{
  background-color:#333;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  min-height:75%;
}
.quadrcontenttext{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(50%, #fff)) top;
  background: linear-gradient(to bottom, #333 50%, #fff 50%) top;
    background-size: 200% 200%;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
   min-height:25%;
}

.quadrcontenttext.quadrgold{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(#c69c6c, /* #e0c6ad */)) top;
  background: linear-gradient(to bottom, #333 50%, /* #e0c6ad */ #c69c6c 50%) top;
  background-size: 200% 200%;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
   min-height:25%;
    }

.dlicon{
  font-size:140px;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}

.dldetailtext{
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  height:0;
  opacity:0;
      line-height: 1.2;
}


.quadrcol:hover .quadrcontenticon{
  color:#c69c6c;
  min-height:60%;
  }


.quadrcol:hover .quadrcontenttext{
     background-position: bottom;
  color:#333;
  min-height:40%;
  }

.quadrcol:hover .quadrcontenttext.quadrgold{
     background-position: bottom;
  color:#333;
  min-height:40%;
  }

.quadrcol:hover{
  cursor:pointer;
}



.quadrcol:hover .dlicon{
  font-size:70px;
  color:#c69c6c;
  }

.quadrcol:hover .dldetailtext{
  height:auto;
  opacity:1;
  display:block;
}

/*
*
*
*
single mediaquries for hover:none
*
*
*/
@media (hover: none){
  .quadrcontenticon{
  color:#c69c6c;
  min-height:60%;
  }


.quadrcontenttext{
     background-position: bottom;
  color:#333;
  min-height:40%;
  }
  
  .quadrcontenttext.quadrgold{
     background-position: bottom;
  color:#333;
  min-height:40%;
  }

.dlicon{
  font-size:90px;
  color:#c69c6c;
  }

.dldetailtext{
  height:auto;
  opacity:1;
  display:block;
}
}
/*
*
*/

a.dlcollink{
  color:inherit;
  text-decoration: none!important;
}

@media (min-width:901px){
  
  .dlcol{
    max-width: calc(33% - 16px)!important;
    min-width: calc(33% - 16px)!important;
  }
  
  .dltext{
    font-size: 1.3rem!important;
  }
  .quadrcol:hover .quadrcontenticon{
  color:#c69c6c;
  min-height:60%;
  }


.quadrcol:hover .quadrcontenttext{
     background-position: bottom;
  color:#333;
  min-height:40%;
  }
  
  .quadrcol:hover .quadrcontenttext.quadrgold{
     background-position: bottom;
  color:#333;
  min-height:40%;
  }
  
  .quadrcol:hover .dlicon {
    font-size: 90px;
}
  
}

@media (max-width:900px){
  .dlcol{
  min-width: 45%;
    max-width: calc(50% - 16px)!important;
}
  
  
  
  .dltext{
    font-size: 3vw!important;
  }
  
  .dldetailtext{
    font-size: 1.1rem!important;
  }
  
  .dlicon{
  font-size:25vw;
}
  .quadrcol:hover .dlicon{
  font-size:12.5vw;
  }
}

@media (max-width:600px){
  .dlcol{
  min-width: calc(100% - 16px);
}
  .dlicon{
  font-size:50vw;
}
  
  .dltext{
    font-size: 6vw!important;
  }
  
  .dldetailtext{
    font-size: 5vw!important;
  }
  
  .quadrcol:hover .dlicon{
  font-size:25vw;
  }
}




/*
*
*
*
doublemediaqueries for hover:none
*
*
*/

@media (min-width:1201px) and (hover:none){
  .quadrcontenticon{
  color:#c69c6c;
  min-height:50%;
  }


.quadrcontenttext{
     background-position: bottom;
  color:#333;
  min-height:50%;
  }
  
  .quadrcontenttext.quadrgold{
     background-position: bottom;
  color:#333;
  min-height:50%;
  }
  
}

@media (max-width:1200px) and (hover:none){
  .dlicon{
  font-size:12.5vw;
  }
}

@media (max-width:600px) and (hover:none){
.dlicon{
  font-size:25vw;
  }
}

/*
*
*
*/

















.bernabtn{
  text-transform: uppercase;
  font-weight: bold;
  min-width: 150px;
  border-radius: .2rem;
  color: #333;
  border: 2px solid #333;
  /*
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(198,156,108,0.8)), to(rgba(0,0,0,0.05))) top;
  background: linear-gradient(to bottom, rgba(198,156,108,0.8) 0%, rgba(0,0,0,0.05) 100%) top;
  */
}

.bernabtn:focus{
  outline: none;
  -webkit-box-shadow:none;
          box-shadow:none;
}

.bernabtn:hover{
  border: 2px solid #c69c6c;
  color: #c69c6c;
  background: rgba(0,0,0,0);
}

.bernabtnneg{
  text-transform: uppercase;
  font-weight: bold;
  min-width: 150px;
  border-radius: .2rem;
  color: #fff;
  border: 2px solid #fff;
  /*
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(198,156,108,0.8)), to(rgba(0,0,0,0.05))) top;
  background: linear-gradient(to bottom, rgba(198,156,108,0.8) 0%, rgba(0,0,0,0.05) 100%) top;
  */
}

.bernabtnneg:focus{
  outline: none;
  -webkit-box-shadow:none;
          box-shadow:none;
}

.bernabtnneg:hover{
  border: 2px solid #c69c6c;
  color: #c69c6c;
  background: rgba(0,0,0,0);
}


.bgtestimonial1{
  min-height:500px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image:url("../assets/images/bild_lorenz_sm-5.jpg?v=5");
  background-size:cover;
  background-position: left bottom;
  background-repeat:no-repeat;
}


@media(min-width:1800px){
  .bgtestimonial1{
    background-image:url("../assets/images/bild_lorenz_xl-5.jpg?v=7");
    background-position: left center;
}
}

@media(min-width:2000px){
  .bgtestimonial{
    height: calc(100vw / 4);
    max-height: 750px;
}
}


.bgtobiashunkeler{
  min-height:600px;
  background-image:url("../assets/images/tobias-sm-f-new.png?v=73");
  background-size:cover;
  background-position: center bottom;
  background-repeat:no-repeat;
}
@media(min-width:800px){
  .bgtobiashunkeler{
  background-image:url("../assets/images/tobias-md-f-new.png?v=dd");
    background-position: center bottom;
}
}

@media(min-width:1200px){
  .bgtobiashunkeler{
    min-height:450px;
  background-image:url("../assets/images/tobias-lg-f-new.png?v=77");
    background-position: center bottom;
}
}




@media(min-width:1200px){
  .jungesunternehmen{
    max-width: 75%;
  }
}

@media(max-width:799px){
  .pb-100-sm{
    padding-bottom: calc(100vw * 2 / 7);
  }
}


.bgimg-dl > .max1600px {
    max-width: 100%!important;
}
/*
.titleconttext {
    max-width: 1170px;
    margin: 10px auto;
}
*/
.bgimg-dl > .max1600px > .row > .col {
    background-color: rgb(198 156 108 / 65%);
}