/* xs	<576 */
/* sm	>=576 */
/* md	>=768 */
/* lg	>=992 */
/* xl	>=1200 */



/*SSS Grid DEBUG */
xdiv[class="row"] {outline: 1px dotted rgba(0, 0, 0, 0.25);}
xdiv[class^="col-"] {background-color: rgba(255, 0, 0, 0.2);outline: 1px dotted rgba(0, 0, 0, 0.5);}
/*SSS Grid DEBUG */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../webfonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
font-display: swap;	
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../webfonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../webfonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
font-display: swap;	   
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../webfonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
font-display: swap;	   					   
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../webfonts/open-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../webfonts/open-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v17-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
font-display: swap;	   					   
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../webfonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
font-display: swap;	   					   
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../webfonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../webfonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
font-display: swap;	   					   
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../webfonts/open-sans-v17-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../webfonts/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v17-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
font-display: swap;	   					   
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../webfonts/open-sans-v17-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('../webfonts/open-sans-v17-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v17-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v17-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v17-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v17-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
font-display: swap;	   					   
}


body {font-size:16px;font-family: 'Open Sans'}

:root {
    --primary: #4761FF;
    --secondary: #555555;
    --light: #F1F3FA;
    --dark: #1C2035;
--bs-body-color: #000000;	
--bs-bg-opacity: 1;
--bs-dropdown-border-radius:0;
/*https://stackoverflow.com/questions/18529274/change-navbar-color-in-twitter-bootstrap/18530995#18530995    */
	
}

    

      html {
        scroll-behavior: auto !important;
      }

.btn-oben {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 3.5rem;
    opacity: .5;
    transition: opacity 0.15s ease;	
    cursor: pointer;
}

	
/* .swiper-button-next, */
/* .swiper-button-prev { */
    /* width: 3.5rem; */
    /* height: 3.5rem; */
    /* border-radius: 3.5rem; */
    /* background-color: var(--primary); */
    /* border: 15px solid var(--primary); */
    /* opacity: .5; */
    /* transition: opacity 0.15s ease; */
/* }	 */

/* .fw-medium { */
    /* font-weight: 500; */
/* } */


/*** Spinner ***/
/* #spinner { */
    /* opacity: 0; */
    /* visibility: hidden; */
    /* transition: opacity .5s ease-out, visibility 0s linear .5s; */
    /* z-index: 99999; */
/* } */

/* #spinner.show { */
    /* transition: opacity .5s ease-out, visibility 0s linear 0s; */
    /* visibility: visible; */
    /* opacity: 1; */
/* } */


/*** Button ***/
.btn {
    transition: .5s;
    font-weight: 500;
}

.btn-primary,
.btn-outline-primary:hover {
    color: var(--light);
}

.btn-secondary,
.btn-outline-secondary:hover {
    color: var(--dark);
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/

/* .sticky-top { */
    /* top: -100px; */
   /* //transition: .5s; */
/* } */

/* .navbar .navbar-nav .nav-link { */
    /* margin-right: 35px; */
    /* padding: 25px 0; */
    /* color: var(--dark); */
    /* font-size: 18px; */
    /* font-weight: 500; */
    /* outline: none; */
/* } */

/* .navbar .navbar-nav .nav-link:hover, */
/* .navbar .navbar-nav .nav-link.active { */
    /* color: var(--primary); */
/* } */

/* .navbar .dropdown-toggle::after { */
    /* border: none; */
    /* content: "\f107"; */
    /* font-family: "Font Awesome 5 Free"; */
    /* font-weight: 900; */
    /* vertical-align: middle; */
    /* margin-left: 8px; */
/* } */

/* @media (max-width: 991.98px) { */
    /* .navbar .navbar-nav .nav-link  { */
        /* margin-right: 0; */
        /* padding: 10px 0; */
    /* } */

    /* .navbar .navbar-nav { */
        /* margin-top: 15px; */
        /* border-top: 1px solid #EEEEEE; */
    /* } */
/* } */

/* @media (min-width: 992px) { */
    /* .navbar .nav-item .dropdown-menu { */
        /* display: block; */
        /* border: none; */
        /* margin-top: 0; */
        /* top: 150%; */
        /* opacity: 0; */
        /* visibility: hidden; */
        /* transition: .5s; */
    /* } */

    /* .navbar .nav-item:hover .dropdown-menu { */
        /* top: 100%; */
        /* visibility: visible; */
        /* transition: .5s;  */
        /* opacity: 1; */
    /* } */
/* } */


/*** Header ***/
/* .carousel-caption { */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* display: flex; */
    /* align-items: center; */
    /* background: rgba(0, 0, 0, .1); */
    /* z-index: 1; */
/* } */

/* .carousel-control-prev, */
/* .carousel-control-next { */
    /* width: 15%; */
/* } */

/* .carousel-control-prev-icon, */
/* .carousel-control-next-icon { */
    /* width: 3.5rem; */
    /* height: 3.5rem; */
    /* border-radius: 3.5rem; */
    /* background-color: var(--primary); */
    /* border: 15px solid var(--primary); */
/* } */

/* @media (max-width: 768px) { */
    /* #header-carousel .carousel-item { */
        /* position: relative; */
        /* min-height: 450px; */
    /* } */
    
    /* #header-carousel .carousel-item img { */
        /* position: absolute; */
        /* width: 100%; */
        /* height: 100%; */
        /* object-fit: cover; */
    /* } */
/* } */

/* .page-header { */
    /* background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/carousel-1.jpg) center center no-repeat; */
    /* background-size: cover; */
/* } */

/* .page-header .breadcrumb-item+.breadcrumb-item::before { */
    /* color: var(--light); */
/* } */

/* .page-header .breadcrumb-item, */
/* .page-header .breadcrumb-item a { */
    /* font-size: 18px; */
    /* color: var(--light); */
/* } */


/*** Features ***/
/* .feature-row { */
    /* box-shadow: 0 0 45px rgba(0, 0, 0, .08); */
/* } */

/* .feature-item { */
    /* border-color: rgba(0, 0, 0, .03) !important; */
/* } */


/*** About ***/
/* .about { */
    /* background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/about.jpg) left center no-repeat; */
    /* background-size: cover; */
/* } */

/* .btn-play { */
    /* position: relative; */
    /* display: block; */
    /* box-sizing: content-box; */
    /* width: 36px; */
    /* height: 46px; */
    /* border-radius: 100%; */
    /* border: none; */
    /* outline: none !important; */
    /* padding: 18px 20px 20px 28px; */
    /* background: var(--primary); */
/* } */

/* .btn-play:before { */
    /* content: ""; */
    /* position: absolute; */
    /* z-index: 0; */
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translateX(-50%) translateY(-50%); */
    /* display: block; */
    /* width: 90px; */
    /* height: 90px; */
    /* background: var(--primary); */
    /* border-radius: 100%; */
    /* animation: pulse-border 1500ms ease-out infinite; */
/* } */

/* .btn-play:after { */
    /* content: ""; */
    /* position: absolute; */
    /* z-index: 1; */
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translateX(-50%) translateY(-50%); */
    /* display: block; */
    /* width: 90px; */
    /* height: 90px; */
    /* background: var(--primary); */
    /* border-radius: 100%; */
    /* transition: all 200ms; */
/* } */

/* .btn-play span { */
    /* display: block; */
    /* position: relative; */
    /* z-index: 3; */
    /* width: 0; */
    /* height: 0; */
    /* left: 3px; */
    /* border-left: 30px solid #FFFFFF; */
    /* border-top: 18px solid transparent; */
    /* border-bottom: 18px solid transparent; */
/* } */

/* @keyframes pulse-border { */
    /* 0% { */
        /* transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); */
        /* opacity: 1; */
    /* } */

    /* 100% { */
        /* transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2); */
        /* opacity: 0; */
    /* } */
/* } */

/* .modal-video .modal-dialog { */
    /* position: relative; */
    /* max-width: 800px; */
    /* margin: 60px auto 0 auto; */
/* } */

/* .modal-video .modal-body { */
    /* position: relative; */
    /* padding: 0px; */
/* } */

/* .modal-video .close { */
    /* position: absolute; */
    /* width: 30px; */
    /* height: 30px; */
    /* right: 0px; */
    /* top: -30px; */
    /* z-index: 999; */
    /* font-size: 30px; */
    /* font-weight: normal; */
    /* color: #FFFFFF; */
    /* background: #000000; */
    /* opacity: 1; */
/* } */


/*** Service ***/
.service-item .service-text {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 0 45px rgba(0, 0, 0, .06);
    transition: .5s;
    z-index: 2;
}

.service-item:hover .service-text {
    top: -1.5rem;
}

.service-item .service-text h5 {
    transition: .5s;
}

.service-item:hover .service-text h5 {
    color: var(--primary);
}

.service-item .service-btn {
    position: absolute;
    width: 80%;
    height: 3rem;
    left: 10%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
    transition: .5s;
    z-index: 1;
}

.service-item:hover .service-btn {
    bottom: -1.5rem;
}


/*** Project ***/
/* .project-item { */
    /* position: relative; */
    /* border-radius: 8px; */
    /* overflow: hidden; */
    /* box-shadow: 0 0 45px rgba(0, 0, 0, .07); */
/* } */

/* .project-item .project-overlay { */
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    /* top: 0; */
    /* left: 0; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* background: rgba(0, 0, 0, .5); */
    /* opacity: 0; */
    /* padding-top: 60px; */
    /* transition: .5s; */
/* } */

/* .project-item:hover .project-overlay { */
    /* opacity: 1; */
    /* padding-top: 0; */
/* } */

/* .project-carousel .owl-nav { */
    /* position: absolute; */
    /* top: -100px; */
    /* right: 0; */
    /* display: flex; */
/* } */

/* .project-carousel .owl-nav .owl-prev, */
/* .project-carousel .owl-nav .owl-next { */
    /* margin-left: 15px; */
    /* width: 55px; */
    /* height: 55px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* color: var(--secondary); */
    /* border-radius: 55px; */
    /* box-shadow: 0 0 45px rgba(0, 0, 0, .15); */
    /* font-size: 25px; */
    /* transition: .5s; */
/* } */

/* .project-carousel .owl-nav .owl-prev:hover, */
/* .project-carousel .owl-nav .owl-next:hover { */
    /* background: var(--primary); */
    /* color: #FFFFFF; */
/* } */

/* @media (max-width: 768px) { */
    /* .project-carousel .owl-nav { */
        /* top: -70px; */
        /* right: auto; */
        /* left: 50%; */
        /* transform: translateX(-50%); */
    /* } */

    /* .project-carousel .owl-nav .owl-prev, */
    /* .project-carousel .owl-nav .owl-next { */
        /* margin: 0 7px; */
        /* width: 45px; */
        /* height: 45px; */
        /* font-size: 20px; */
    /* } */
/* } */


/*** Team ***/
/* .team-item { */
    /* position: relative; */
    /* text-align: center; */
    /* box-shadow: 0 0 45px rgba(0, 0, 0, .07); */
/* } */

/* .team-item .team-social { */
    /* position: absolute; */
    /* padding: 0; */
    /* top: 15px; */
    /* left: 0; */
    /* overflow: hidden; */
/* } */

/* .team-item .team-social li { */
    /* list-style-type: none; */
    /* margin-bottom: 10px; */
    /* margin-left: -50px; */
    /* opacity: 0; */
    /* transition: .5s; */
/* } */

/* .team-item:hover .team-social li { */
    /* margin-left: 15px; */
    /* opacity: 1; */
/* } */

/* .team-item .team-social li .btn { */
    /* background: #FFFFFF; */
    /* color: var(--primary); */
    /* border-radius: 40px; */
    /* transition: .5s; */
/* } */

/* .team-item .team-social li .btn:hover { */
    /* color: #FFFFFF; */
    /* background: var(--primary); */
/* } */

/* .team-item .team-social li:nth-child(1) { */
    /* transition-delay: .1s; */
/* } */

/* .team-item .team-social li:nth-child(2) { */
    /* transition-delay: .2s; */
/* } */

/* .team-item .team-social li:nth-child(3) { */
    /* transition-delay: .3s; */
/* } */

/* .team-item .team-social li:nth-child(4) { */
    /* transition-delay: .4s; */
/* } */

/* .team-item .team-social li:nth-child(5) { */
    /* transition-delay: .5s; */
/* } */


/*** Testimonial ***/
/* .testimonial-item { */
    /* box-shadow: 0 0 45px rgba(0, 0, 0, .07); */
    /* transition: .5s; */
/* } */

/* .owl-item .testimonial-item, */
/* .testimonial-item * { */
    /* transition: .5s; */
/* } */

/* .owl-item.center .testimonial-item, */
/* .testimonial-item:hover { */
    /* background: var(--primary); */
/* } */

/* .owl-item.center .testimonial-item *, */
/* .testimonial-item:hover * { */
    /* color: #FFFFFF !important; */
/* } */

/* .testimonial-item img { */
    /* width: 100px !important; */
    /* height: 100px !important; */
    /* border-radius: 100px; */
/* } */

/* .testimonial-carousel .owl-nav { */
    /* position: absolute; */
    /* top: -100px; */
    /* right: 0; */
    /* display: flex; */
/* } */

/* .testimonial-carousel .owl-nav .owl-prev, */
/* .testimonial-carousel .owl-nav .owl-next { */
    /* margin-left: 15px; */
    /* width: 55px; */
    /* height: 55px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* color: var(--secondary); */
    /* border-radius: 55px; */
    /* box-shadow: 0 0 45px rgba(0, 0, 0, .15); */
    /* font-size: 25px; */
    /* transition: .5s; */
/* } */

/* .testimonial-carousel .owl-nav .owl-prev:hover, */
/* .testimonial-carousel .owl-nav .owl-next:hover { */
    /* background: var(--primary); */
    /* color: #FFFFFF; */
/* } */

/* @media (max-width: 768px) { */
    /* .testimonial-carousel .owl-nav { */
        /* top: -70px; */
        /* right: auto; */
        /* left: 50%; */
        /* transform: translateX(-50%); */
    /* } */

    /* .testimonial-carousel .owl-nav .owl-prev, */
    /* .testimonial-carousel .owl-nav .owl-next { */
        /* margin: 0 7px; */
        /* width: 45px; */
        /* height: 45px; */
        /* font-size: 20px; */
    /* } */
/* } */


/*** Footer ***/
/* .footer .btn.btn-link  { */
    /* /* display: block; */ */
    /* /* margin-bottom: 5px; */ */
    /* padding: 0; */
    /* text-align: left; */
    /* font-weight: normal; */
    /* /* text-transform: capitalize; */ */
    /* transition: .3s; */
/* } */

.subfooter .btn.btn-link  {
    /* display: block; */
    /* margin-bottom: 5px; */


    font-weight: normal;
    /* text-transform: capitalize; */
    transition: .3s;
}


/* .footer .btn.btn-link::before { */
    /* position: relative; */
    /* content: "\f105"; */
    /* font-family: "Font Awesome 5 Free"; */
    /* font-weight: 900; */
    /* margin-right: 10px; */
/* } */

/* .footer .btn.btn-link:hover { */
    /* letter-spacing: 1px; */
    /* box-shadow: none; */
/* } */
.subfooter .btn.btn-link:hover {
    
    letter-spacing: 1px;
    box-shadow: none;
}

/* SSS */

.navbar-brand-logo-line {
    xborder-right: 1px solid #B6C2D5;
    padding-right: 10px;
    max-height: 80px;
	max-width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    transition: max-height 1s ease;
}
.offen,.accordion-button:not(.collapsed) {background-color:transparent; font-size: 18px;    xfont-weight: 500;}
.offen .sign {font-weight: 500;padding-right:5px}
.offen .sign2 {padding-right:5px}
.zeitentable {
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
}

/* @media (max-width: 991.98px) { */

/* .sticky-top,nav.navbar  { background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity))!important;} */
/* } */
.navbar-brand-logo-line {
    vertical-align: middle;
}

.mainheader {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .mainheader {
    font-size: 5rem;
  }
}
@media (max-width: 768px) {
  .mainheader {
  font-size: calc(1.625rem + 1.0vw);
  }  
}


.swiper-button-next {
    right: 30px;
    left: auto;
}

.swiper-button-prev {
    right: auto;
    left: 30px;
}
.swiper-button-next,
.swiper-button-prev,#teaserswiper-prev,#teaserswiper-next {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 3.5rem;
    opacity: .5;
    transition: opacity 0.15s ease;	
}

.btn-oben:hover,
.ntn-oben:focus,
.swiper-button-prev:hover,
.swiper-button-prev:focus,
.swiper-button-next:hover,
.swiper-button-next:focus,
#teaserswiper-prev:hover,
#teaserswiper-prev:focus,
#teaserswiper-next:hover,
#teaserswiper-next:focus,
.weiter-button:hover,
.weiter-button:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}
.swiper-button-prev::after,
.swiper-button-next::after,
#teaserswiper-prev::after,
#teaserswiper-next::after {content: ""}
.footericon {width:100%;}

#teaserswiper-prev,#teaserswiper-next{
	z-index:1;
	
}

/* .querheader {height:125px} */
h2.lead {margin-bottom: 16px;line-height: 30px}


/* Kontakt mobil */
/* @media screen and (max-width: 1199.98px) { */
/* #gratingtop  { */
    /* width: 150px; */
/* } */
/* #gratingtop .gratinglogo {width:80px;height:10px} */
/* #gratingtop .gtotal {display:block} */
/* #gratingtop .gratingzeile,.gratins {font-size:10px;xdisplay:none} */
/* } */
      #offenline {
        display:none;
      }
      #accordionoffen .accordion-button::after,
      #accordionoffen .accordion-button,
      #accordionoffen .accordion-item {
        xmargin-left: 0px;

        box-shadow: none;
        border: none;
      }
      #offenline .accordion-button {
        text-align: center;
      }
      #offenline .accordion-button {
        display: block;
      }
      #offenline .accordion-button::after {
        display: inline-block;
        vertical-align: bottom;
        margin-left: 1rem;
      }
      #offenline .accordion-button.collapsed {
        padding-bottom: 0px;
      }
      #offenline .accordion-button {
        padding-top: 0px;
        padding-bottom: 0px;
      }
      .footersvg  {
        height: 16px;
        margin-right: 3px;
      }
.headersvg {
    height: 18px;
     margin-right: 3px;
}	  
      .icon {
        display: inline-flex;
        align-self: center;
      }
      .icon.baseline svg,
      .icon img {
        top: 4px;
        position: relative;
      }	  
      .zeitentable a div {
        height: 100%;
        width: 100%;
        xbackground-color: #f00;
      }
      .headeradr {
        padding-left: 25px;
      }
@media (max-width: 991.98px){
        .navbar-expand-lg {
          padding: 0;
        }
        .toggler {
          padding-left: 10px;
        }
      }
      #mainmenu .nav-link,
      #mainmenuwide .nav-link,	  
      .dropdown-item,
      .kontaktbtn,
      #headerline .nav-link,#headerlinesmall .nav-link {
        font-size: 18px;
        font-weight: 500;

      }


	        body {
        min-height: 100vh;
        min-height: fill-available;
      }
      html {
        height: fill-available;
      }


      .headerswiper .swiper-slide {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
      }


          .homeswiper .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }

          .nohomeswiper .swiper-slide img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            object-fit: cover;
			width: auto;
margin-left: auto;
    margin-right: auto;
}			
          }		  

          .homethumpsswiper .swiper {
            width: 100%;
            height: 300px;
            margin-left: auto;
            margin-right: auto;
          }

          .swiper-slide {
            background-size: cover;
            background-position: center;
          }

          /* .homeswiper { */
            /* height: 80%; */
            /* width: 100%; */
          /* } */

          .homethumpsswiper {
            height: 20%;
            box-sizing: border-box;
            xpadding: 10px 0;
          }

          .homethumpsswiper .swiper-slide {
            width: 25%;
            height: 100%;
            opacity: 0.4;
          }

          .homethumpsswiper .swiper-slide-thumb-active {
            opacity: 1;
          }

          .homethumpsswiper .swiper-slide img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }	  
          .LeistungsBox {
            position: relative;
            width: 250px;
            height: 250px;
            margin: 10px;
            transform-style: preserve-3d;
            perspective: 1000px;
            cursor: pointer;
          }

          .LeistungsBox .body {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            transition: 0.9s ease;
          }

          .LeistImgContainer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
          }

          .LeistImgContainer img,.LeistImgContainer svg {
            position: relative;
            top: 20px;
            xleft: 0;
            width: 200px;
            height: 200px;
            xobject-fit: cover;
          }
          .LeistImgContainer svg {
          padding-bottom:15px;
          }
          .flip-card-title {
            position: relative;
            top: 12px;
			margin: 0px 5px;
          }

          .LeistungsBox .content {
            position: absolute;
            top: 0;
            left: 0;
            width: 250px;
            height: 250px;
            backface-visibility: hidden;
            transform-style: preserve-3d;
            transform: rotateY(180deg);
            xoverflow: hidden;
          }

          .LeistungsBox:hover .body {
            transform: rotateY(180deg);
          }

          .backcard gf {
            transform-style: preserve-3d;
            xpadding: 20px;
            background: linear-gradient(45deg, rgb(13,110,253), #ffffff);
            transform: translateZ(100px);
          }

          .LeistungsBox .content div h3 {
            letter-spacing: 1px;
          }
          .backcard {
            height: 250px;
            width: 250px;
            overflow: hidden;
			
            transform-style: preserve-3d;
            xpadding: 20px;
            
            transform: translateZ(100px);			
          }		  
#dreiSwiper {padding:10px}		  
					.dreiercard .card {width:100%;height: 100%;background-color:#f00}
                      .mehrbtn {
                        bottom: 10px;
                        right: 10px;
                        position: absolute;
                      }
                      .mehrbtn svg {
                        height: 14px;
                      }
                      .clamp1 {
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                      }					  
                      .clamp3 {
                        display: -webkit-box;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                      }
                      .clamp2 {
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                      }
                      .clamp12 {
                        display: -webkit-box;
                        -webkit-line-clamp: 12;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        margin-top: 12px;
                      }
                      .clamp9 {
                        display: -webkit-box;
                        -webkit-line-clamp: 9;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        margin-top: 12px;
                      }					  
                      .clamp8 {
                        display: -webkit-box;
                        -webkit-line-clamp: 8;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        margin-top: 12px;
                      }					  					  
                      .dreiercard {
                        max-height: 400px;
                      }
                      .dreiercard img {
                        max-height: 200px;
                      }

                      .dreiercard.link,#grating,#gratinglinks,#gratingbottom,.btn-square.rounded-circle,.btn-square.rounded-circle svg {
transition: all .5s ease-in-out;
		
						}

                      .dreiercard.link:hover,#grating:hover,#gratinglinks:hover,#gratingbottom:hover,.btn-square.rounded-circle:hover,.btn-square.rounded-circle svg:hover {
                        -webkit-transform: scale(1.05); 
                        transform: scale(1.05);

		
						}
						
                      figure {
                        margin: 0px;
                      }
            #dreiSwiper,
            .container .teaser {
              position: relative;
            }
            #teaserswiper-prev,
            #teaserswiper-next {
              position: absolute;
              top: 50%;
              transform: translateY(-75%);
			  z-index:1;
            }

            #teaserswiper-prev {
              left: 0px;
            }

            #teaserswiper-next {
              right: 0px;
            }					  
            #dreiSwiper {
              padding-top: 25px;
            }

            #dreiSwiper .swiper-slide {
              text-align: center;
              font-size: 18px;
              display: flex;
              justify-content: center;
              align-items: center;
              height: auto;
            }


            #dreiSwiper .swiper-slide img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: contain;
            }
            /* #dreiSwiper .swiper-slide-active .card { */
              /* background-color: rgba( */
                /* var(--bs-primary-rgb), */
                /* var(--bs-bg-opacity) */
              /* ) !important; */
              /* color: white; */
			  /* border:none; */
            /* } */
            figure {
              max-height: 50%;
            }			

          .et_pb_fullwidth_header {
            padding: 50px 0;
            position: relative;
            background-position: 50%;
            background-size: cover;
          }
          /* background-image	https://codepen.io/pavger/pen/qBNZWOV		 */			
.headerswiper {background-attachment: scroll, local}
.headerswipercaption {
            z-index:1;
                position: absolute;
                xtop: 25%;
                xleft: 15%;
                xright: 10%;
                font-weight: 700;
                transform-style: preserve-3d;
                transform: perspective(1000px);
padding: 50px;
              padding: 10px;
        backdrop-filter: blur(5px);
        background-color:rgba(13,110,253,0.6);
      }
.headerswipercaption h1 {font-weight: 700; transform: translateZ(50px)}
.headerswiper .swiper-slide { transform-style: flat}
#dreiSwiper .swiper-pagination {position: inherit}
h3.footer {margin-top:10px}
/* .adressgrid {  */
  /* display: grid;  */
  /* grid-template-rows:auto;  */
  /* grid-template-columns:25px auto;  */
  /* align-items: center; */
/* } */
/* smbar */

/* Gstars */
#grating,#gratinglinks,#gratingbottom {
    background-color: #fff;
    color: #000;
    z-index: 999;
    padding: 10px;
    font-size: 16px; 
    white-space: nowrap;
}
#gratingbottom {
    min-width: 255px;
}

#grating {
	border:1px solid #ccc;
	transform: translateX(-256px);
	-webkit-transform: translateX(-256px);
	width:256px;
font-size: 14px; 	
}





#grating a.gratingtext,#gratinglinks a.gratingtext, #gratingbottom a.gratingtext {color:#000;background-color:#fff;text-decoration:none}
#grating .gratingtext:hover,#gratinglinks .gratingtext:hover,#grating .gratingtext:focus,#gratinglinks .gratingtext:focus,#gratingbottom .gratingtext:hover,#gratingbottom .gratingtext:focus{
	text-decoration:none;color:#000;
}
#grating .gstars,#gratinglinks .gstars,#gratingbottom .gstars {
    background-repeat: repeat-x;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
#grating .gstars,#grating .gstars span,#gratinglinks .gstars,#gratinglinks .gstars span,#gratingbottom .gstars,#gratingbottom .gstars span {
    background-size: 16px 14px;
    height: 14px;
    top: 0px;
    width: 80px;
}

#grating .gstars span,#gratinglinks .gstars span,#gratingbottom .gstars span {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAmBAMAAABALxQTAAAAFVBMVEVMaXH4twP4twP4twP4twP4twP4twP7w8S/AAAAB3RSTlMAFv5uPpvQloUsTQAAAMFJREFUeAGE0TEOgzAMQFEXoDNiYC6/wFxxAsTADDkB5f6HqNRENXUi8TYiRfnY8lNXkjBOkuBWSeAhsYJOYiW9xO4MEqshkTbCSyIH7GLdgFasHHgmwkikZQD6OROZRG4Hxju8o/TNhbNhCqkOxaZDVKdxNnq/EjUS/A2o0PuXpyVeb9bjDWY9QSWXDQfBbtbjtWY9bM4sqfx+5yYt8wNcAFEzrGGkk5668KsFrKewPtQ3aFqh8WOnYZ+lIBQkgykAWk8rlAqcHfQAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    display: block;
}


#grating .gtotal,#gratinglinks .gtotal,#gratingbottom .gtotal {font-size:16px}

.icon-bar {
  position: fixed;
    right:0px;
	z-index:3000;
	padding:0px;
	font-size:14px;
	white-space: nowrap;
	width: 0px;
}

.icon-bar h5 {font-size:15px;font-weight:700}
.icon-bar  .table{margin: 0;}
.icon-bar .zeiten tr td{padding: 0;border:none}
.icon-bar .card-body {margin:5px}
.icon-bar .btn {padding:5px;font-size:18px}
.icon-bar .btn:focus {text-decoration:none;box-shadow:none}
.icon-bar .card-header {padding:0px;padding-left:10px;padding-right:10px}
.icon-bar .card-body {padding-top:8px}
.icon-bar .btn.btn-link.collapsed {padding:10px;text-align:center}
.icon-bar .card-footer {padding:5px}

.no-stretched-link {   z-index: 2;
   position: relative;
  }
.sm-bar-link {
	text-decoration: none;
	width: 256px;
	display: flex;
	justify-content: flex-start ;
	align-items: center;
	font-size: 14px;
	transform: translateX(-26px); 
	-webkit-transform: translateX(-26px); 
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

a.sm-bar-link:hover {
	text-decoration: none;
}
.sm-bar-link:hover,#grating:hover {
	transform: translateX(-256px); 
	-webkit-transform: translateX(-256px); 
}	
#grating .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    background-color: #ccc;
	border: none;
}
.sm-bar {position:relative;
/* right:-230px; */
}
.sm-bar-link {padding: 5px 0px 5px 3px;}
/* smbar */
.LeistImgContainer h5 {word-wrap: break-word;}
.weiter-button {
    position: absolute;
    bottom: 25px;
    xmargin-top: -22px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 3.5rem;
    background-color: #4761FF;
	border: 15px solid #4761FF;
    opacity: .5;
    transition: opacity 0.15s ease;
    fill: #ffffff;	
	 left: 50%;
transform: translateX(-50%);	 
 
}
.weiter-button svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
}
img.overlay {max-width:100%;display:block}

#map-canvas {
  height: 600px;
  width: 100%;
  max-width: 100%;
  position: relative;
}

#map-container {
  position: relative;
}

#map-container .placeDiv {
  z-index: 999;
  position: absolute;
margin-top:45px;					
}
#map-container .placecard__container {
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
  max-width: 330px;
  width: 100%;
  background: white none repeat scroll 0% 0%/auto padding-box border-box;
  border-radius: 2px 2px 2px 2px;
  font: normal normal normal normal 11px / normal Roboto, Arial, sans-serif;
  margin: 10px;
  padding: 9px 4px 9px 11px;
  overflow: hidden;
}
#map-container .placecard__left {
  float: left;
  width: 75%;
}
#map-container .placecard__right {
  text-align: center;
  float: left;
  width: 25%;
}
#map-container .placecard__business-name {
  cursor: default;
  height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
  perspective-origin: 100px 9.5px;
  transform-origin: 100px 9.5px;
  font: normal normal 500 normal 14px / normal Roboto, Arial;
  overflow: hidden;
  margin: 0;
  color:black;
}
#map-container .placecard__info {
  color: #5b5b5b;
  cursor: default;
  height: 32px;
  width: 200px;
  column-rule-color: #5b5b5b;
  perspective-origin: 100px 16px;
  transform-origin: 100px 16px;
  border: 0px none #5b5b5b;
  font: normal normal normal normal 12px / normal Roboto, Arial;
  margin: 6px 0px 0px;
  outline: #5b5b5b none 0px;
}
#map-container .placecard__direction-icon {
    height: 22px;
    width: 22px;
    margin-right: auto;
    margin-left: auto;
 }
#map-container .placecard__direction-link {
    color: rgb(58, 132, 223);
    display: block;
    height: 43px;
    text-decoration: none;
    width: 54.7344px;
  }
.directionsvg {fill:rgb(58, 132, 223)}  
#map-container .fa-directions:before {
    color: rgb(58, 132, 223);
}
#map-container .placecard__view-large {
    display: block;
    margin-top: 10px;
    color: rgb(58, 132, 223);
    text-decoration: none;
}	
.space-10{padding:10px}
.icon-link-hover-top {--bs-icon-link-transform: translate3d(0, -.125rem, 0)}
.container ul {list-style-position: inside}
.liste ul {list-style-position: ouside}
.form-group {
    margin-bottom: 1rem;
}
.form-group .btn {

	    --bs-btn-color: #f00;
		--bs-btn-bg:#FFFF80;
		--bs-btn-border-color:#f00;
		--bs-btn-hover-color:#FFFF80;
		--bs-btn-hover-bg:#f00;
		--bs-btn-hover-border-color:#FFFF80;		
}
.myform {
    display: none!important;
}
dd.preis {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
}

dt.preis {
    font-size: 16px
}
#autoliste{
    margin-bottom:25px
}
.jplist-range-slider .value{
    margin:0 15px 0 3px
}
.jplist-range-slider .ui-slider{
    margin-right:15px
}
.jplist-range-slider .ui-slider{
    float:left;
    width:125px
}
@media only screen and (max-width:600px) {
    .jplist-panel{
        display:block
    }
}
.jplist-range-slider .value{
    margin-top:3px;
    font-size:14.4px
}
.preishidden,.kmhidden{
    display:none
}
.jplist-drop-down ul li{
    overflow:hidden
}
.jplist-drop-down .jplist-dd-panel:after{
    z-index:1
}
.jplist-panel.box.panel-top {
    margin-bottom:20px
}

.jplist-panel .jplist-pagination .jplist-pagingprev button,.jplist-panel .jplist-pagination .jplist-pagingnext button {
    font-family: 'Open Sans', sans-serif;
}
.autoliste dd {
    margin-bottom: 0;
}
.aktuell {color:#fff;background:#ff0000}
.aktuell p {margin-top:8px;font-size:16px}
.aktuell svg {height: 16px;width:16px;fill:#fff}

@media (max-width: 991.98px)
    .sticky-max-lg-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}	
/* nomo-style */
.headername {
padding-right:25px;
transition: font-size 1s ease;
}
/**/
#headerline {max-height:999px}
#headerline.shrink {max-height:40px;padding-top:0px;padding-bottom:0px}
#headerline.shrink .navbar-brand-logo-line {margin-bottom: 0px;}
#headerline.shrink .py-2.kontaktbtn {padding-top:0px!important;padding-bottom:0px!important;margin-top:0px!important;margin-bottom:0px!important}

#headerline.shrink .navbar {
    padding-bottom:0px;
    padding-top:0px;
}
#headerline {transition: padding 1s ease, max-height 1s ease;}
/**/

#headerline.shrink .headername {
	font-size: 1rem;
}

#headerline.shrink .navbar-brand-logo-line {
    max-height:40px;
    margin-top: 0px;
}

.topmenu.shrink .nav-link {
	padding-bottom:7px;
	padding-top:7px;
	line-height:26px;
    transition: 0.5s;	
}

@media (max-width: 767.98px) {
#headerline .navbar-brand-logo-line  {max-height: 30px;margin-top: 0px;}
#headerline .navbar-brand-text {max-width: 320px;font-size:14px;}
#headerline .nav-link {padding-top: 0px;padding-bottom: 0px;}
#headerlinesmall .navbar-brand-logo-line  {max-height: 30px;margin-top: 0px;}
#headerlinesmall .navbar-brand-text {max-width: 320px;font-size:14px;}
#headerlinesmall .nav-link {padding-top: 0px;padding-bottom: 0px;}
.navbar-brand-logo {padding-left: 5px;}
.dropdown-item {white-space: normal;}
.icon-bar {top: 200px;}
}
.navbar-brand-text-line{font-weight:bolder};
/* nomo-style */
.gm-ui-hover-effect:focus-visible {outline: none;}
.leistungsliste {
  column-count: 2;
}
.leistungsliste p{
margin-bottom:10px;	
}
.leistungslistebox {
padding:25px;
}
@media (max-width: 991.98px) {
.leistungslistebox {
margin-top:25px;
}	
}

svg.listepfeil {height: 16px;width:16px}
.zeiten1 .zeiten, div.zeitentable {padding-left:25px}	
.counterentry .card {height:100%}
.zeiten {padding-right:10px}
@media (max-width: 991.98px) {
.mainmenusmall {
padding:0px;
}}

img.co2eff{max-width:400px}
.headername {font-size: calc(1.325rem + 0.6vw)}
.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}
.embed-responsive::before{display:block;content:""}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-21by9::before{padding-top:42.857143%}
.embed-responsive-16by9::before{padding-top:56.25%}
.embed-responsive-4by3::before{padding-top:75%}
.embed-responsive-1by1::before{padding-top:100%}

/* SMSB links */

.icon-bar-links #grating {
	transform: none;
	-webkit-transform: none;
}

.icon-bar-links {
  position: fixed;
    left:0px;
	z-index:3000;
	padding:0px;
	font-size:14px;
	white-space: nowrap;
	width: 0px;
}
	 
.sm-bar-links {position:relative;left:0px;}
.icon-bar-links #grating .btn-close {
    left: 232px;
}
.icon-bar-links .sm-bar-link {
	justify-content: flex-end;
}
.icon-bar-links .smsbicon {margin-left:10px;margin-right:0px}
.icon-bar-links .sm-bar-link:hover {
	transform: none; 
	-webkit-transform: none; 
}	
.icon-bar-links .sm-bar-link {padding: 5px 3px 5px 0px;}
.backgreen{background-color:#0f0}
.backred{background-color:#f00}
.wa-btn-icon {height:20px;width:20px;margin-right:10px;margin-top: -3px;}