/* 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 {background-color: #fff;font-size:14px;font-family: 'Open Sans';color: #21398f;}
/* .mainnavbar .collapsed {height: 120px} */
.mainnavbar {padding: 0}
/* test */
.mainnavbar {
xposition: relative; 
z-index: 2000;
}

.maincontainer {color: #21398f;}

/* test */

.table{color: #21398f;}
.mainnavbar{background-color: #21398f;}
/* .img-fluid {max-height:800px;} */

.carousel-inner > .carousel-item > img {margin: 0 auto}
.mainnavbar .nav-item {    font-size: 18px;padding-top:0px;padding-bottom:0px}
.mainnavbar .nav-item:last-child{border-right:none}
.mainnavbar .nav-link {margin-right:10px;margin-left:10px}
.osabtn,.cm-btn {font-size: 18px}
.lightblue {background-color: #dee2ee}
.homeheader2 {font-weight:700;margin-bottom:25px}
.kontaktzeit a {color: #21398f;}
.nomarginpadding {padding: 0 !important;margin: 0 !important;}
.nopadding {padding: 0 !important;}
.white  {background-color: #fff}
.btn-primary,.cmbtncm,.cmbtndirectr {
    color: #fff;
    background-color: #21398f;
    border-color: #21398f;
}


/* Zeiten */

/* Zeiten */


/* seite leistungen */
.leistungen .nocontainer, .frei .nocontainer {padding-top:25px;padding-bottom:25px}
.leistungen .img-fluid, .frei .img-fluid {margin-top:5px;margin-bottom:10px}
.leistungen .nomarginpadding .img-fluid,.frei .nomarginpadding .img-fluid {margin-top:0px}
.nomarginpadding .col-12 .img-fluid {margin-bottom:0px} 


.animated img {
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
z-index:1;

}
.animated img:hover {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
/* seite leistungen */

/* Nav */
.mainnavbar.rev {
    background-color: #fff;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #21398f;
}
.navbar-light .navbar-nav .nav-link {
    color: #21398f;
}
.dropdown-item {
    color: #00a0e4;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #00a0e4;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #21398f;
}
.osabtn {
    color: #fff;
    background-color: #21398f;
    border-color: #21398f;
}
.osabtn:focus,.osabtn:hover {
    color: #fff;
    background-color: #00a0e4;
    border-color: #00a0e4;
    box-shadow: 0 0 0 0.2rem rgba(82,88,93,.5);
}
/* nav */
/* smbar */

.icon-bar {
  position: fixed;
  top: 350px;
  right:0px;
	color:#fff;
	z-index:999;
	padding:0px;
	font-size:14px;
	white-space: nowrap;
	width: 0px;
}
.accordion {
	transform: translateX(-256px); 
	-webkit-transform: translateX(-256px); 
    width: 256px;}

.icon-bar h5 {font-size:15px;font-weight:700}
.icon-bar  .table{color: #fff;margin: 0;}
.icon-bar .zeiten tr td{padding: 0;border:none}
.icon-bar a {color: #fff}
.icon-bar .card { background-color: #21398f;}
.icon-bar .card-body {margin:5px}
.icon-bar .btn {padding:5px;font-size:18px;color:#fff}
.icon-bar .btn:focus {text-decoration:none;box-shadow:none}
#kbuttonxl::before {font-family: "Font Awesome 5 Free";content: "\f3c5 \f879 \f017 ";font-weight: 900;}
.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;
	background: #00a0e4;
	color: #fff;
	display: flex;
	justify-content: flex-start ;
	align-items: center;
	padding: 5px;
	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.facebook {
	padding-left: 5px;
}
.sm-bar-link.twitter {
	padding-left: 3px;
}
.sm-bar-link.instagram {
	padding-left: 4px;
}
.sm-bar-link.google {
	background: #cccccc;
}
.sm-bar-link.youtube {
	padding-left: 2px;	
}
.sm-bar-link.whatsapp {
	padding-left: 4px;
}
.sm-bar-link.facebookm {
	padding-left: 3px;
}
.sm-bar-link.sonst {
	padding-left: 3px;
}
.sm-bar-link i {
	padding-right: 10px;
	font-size: 20px !important;
}
.sm-bar-link:hover,#grating:hover {
	transform: translateX(-256px); 
	-webkit-transform: translateX(-256px); 
}	
.sm-bar #grating {
    background-color: #fff;
    color: #000;
    z-index: 999;
    padding: 10px;
    font-size: 14px;
    white-space: nowrap;
	border:1px solid #ccc;
	transform: translateX(-256px);
	-webkit-transform: translateX(-256px);
	width:256px;
}
.sm-bar #grating a.gratingtext {color: #000;}
.sm-bar #grating .gratingtext:hover,.sm-bar #grating .gratingtext:focus{
	text-decoration:none;color:#000;
}
.sm-bar #grating .gstars {
    background-repeat: repeat-x;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.sm-bar #grating .gstars, .sm-bar #grating .gstars span {
    background-size: 16px 14px;
    height: 14px;
    top: 0px;
    width: 80px;
}
.sm-bar #grating .gstars span {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAmBAMAAABALxQTAAAAFVBMVEVMaXH4twP4twP4twP4twP4twP4twP7w8S/AAAAB3RSTlMAFv5uPpvQloUsTQAAAMFJREFUeAGE0TEOgzAMQFEXoDNiYC6/wFxxAsTADDkB5f6HqNRENXUi8TYiRfnY8lNXkjBOkuBWSeAhsYJOYiW9xO4MEqshkTbCSyIH7GLdgFasHHgmwkikZQD6OROZRG4Hxju8o/TNhbNhCqkOxaZDVKdxNnq/EjUS/A2o0PuXpyVeb9bjDWY9QSWXDQfBbtbjtWY9bM4sqfx+5yYt8wNcAFEzrGGkk5668KsFrKewPtQ3aFqh8WOnYZ+lIBQkgykAWk8rlAqcHfQAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    display: block;
}

.sm-bar #grating .gtotal {font-size:16px}
.sm-bar #grating .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    background-color: #ccc;
	border: none;
}
.sm-bar {position:relative;
/* right:-230px; */

}
/* smbar */

/* header */
.aktuell {background: #ff0000;}
.aktuell p {color: #fff;margin-top:8px;font-size:12px}
.firstline {background: #21398f;xheight:38px}
.firstline p, .firstline a {color: #fff;margin-top:5px;font-size:12px}
.firstline .h5 {margin-top:9px;margin-bottom:9px}
.firstline i {font-size:20px}
.fa-middle {vertical-align: middle;}
i.fa-mobile-alt,i.fa-envelope {margin-right:10px} 
.firstline .fa-envelope,.firstline .fa-facebook-square {margin-left:15px}

.navbar .navbar-brand-text,.navbar .navbar-brand-text:focus,.navbar .navbar-brand-text:hover {
color: #21398f;
font-size: 22px;
font-weight: 700;
max-width:300px;
width:300px;
white-space:normal;
	transition: max-width 1s ease;
}

@media (max-width: 767.98px) {
.navbar .navbar-brand-text,.navbar .navbar-brand-text:focus,.navbar .navbar-brand-text:hover {
font-size: 20px;

max-width:220px;
width:220px;
}
}

.headericons {	white-space: nowrap;}
.navbar-brand {margin-right:0px; padding-top: 2px;}
.navbar-brand-logo {padding-right:10px;	margin-right:0px;padding-top:4px} 
.navbar-brand-text {line-height:1;} 

.navbar-brand-logo-line{
    border-right: 1px solid #B6C2D5;
	padding-right:10px;
	max-height:80px;
	margin-top:5px;
	margin-bottom:5px;
	transition: max-height 1s ease;
}
.mainnavbar {
	/* max-height:100px;  Menu geht nicht*/
	transition: max-height 1s ease;
	
}


.mainnavbar.shrink .navbar-brand-logo-line  {
	max-height: 30px;
	margin-top: 0px;
}
.mainnavbar.shrink .navbar-brand-text {
xwidth: 320px;
max-width: 320px;
font-size:14px;
}

.mainnavbar.shrink .navbar-brand-text {
/* margin-top: -10px; */
}
@media (min-width: 1200px) {
.mainnavbar.shrink .navbar-brand-text {
margin-top: 0px;
}
}

.mainnavbar.shrink .nav-link {padding-top: 0px;padding-bottom: 0px;}
.header_animated {
  animation: text_animation 2s ease 0s forwards;
}

@keyframes text_animation {
  0% {
    opacity: 0;
  }
  100% {
    transform: translate(-50%,-50%);
    opacity: 1;
  }
}

@keyframes text_animation_item {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.item_transformed {
  opacity: 0;
  transform: translateY(10%);
}

.item_transformed:nth-child(1) {
  animation-delay: 150ms;
}

.item_animated {
  animation: text_animation_item 5s ease 0s forwards;
}

/* header */
/* overlay */
.heroOverlay{
  z-index: 12;   
  text-align: center;
  position: absolute;
  top:390px;
  left: 50%;
  transform: translatex(-50%);
  max-width: 75%;
  min-width: 25%;
}

.heroline {
	height:8px;
	margin-bottom:4px;
	background: rgba(33, 57, 143, 0.9); 		
}	
.herotext	{
	background: rgba(	255, 255, 255, 0.9); 	
	padding:20px;
	border-radius: 0 0 15px 15px;
}
.heroOverlay h2{ font-size: min(3vw, 36px);color:#00a0e4;Font-weight:700} 
.heroOverlay p{ font-size: min(2.1vw, 24px);;} 
/* overlay */
/* carousel */
.carousel-item-v1 {
  height: 100vh;
  max-height:700px;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  background-size: cover;
}

.headerslider-prev,.headerslider-next { color:rgba(255,255,255, 0.7)}
.headerslider-prev::after, .swiper-container-rtl .headerslider-prev:after {    content: 'prev';font-family: swiper-icons;font-size: var(--swiper-navigation-size);}
.headerslider-next::after, .swiper-container-rtl .headerslider-next:after {    content: 'next';font-family: swiper-icons;font-size: var(--swiper-navigation-size);}
/* carousel */
/* res */
.oskboxen {position: relative;}
@media screen and (min-width: 1200px)  {
	.oskboxen {
		margin-top: -130px;
		z-index: 2;
		position: relative;
		margin-left:100px;
		margin-right:100px;
	}
	.oskboxen .card-title{
		font-size:26px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
	.oskboxen {
		margin-top: -130px;
		z-index: 2;
		position: relative;
		margin-left:100px;
		margin-right:100px;
	}
	.oskboxen .card-title{
		font-size:20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
	.oskboxen {
		margin-top: -130px;
		z-index: 2;
	}
	.oskboxen .card-title{
		font-size:18px;
	}
}

@media screen and (max-width: 767.98px) {
	.oskboxen {
		margin-top: 0px;
		z-index: 2;
	}
	.oskboxen .card-title{
		font-size:26px;
	}
	.oskboxen .card {margin-top:10px;}
}


.oskboxen .card {background-color: rgba(33,58,143,.9);color:#fff}
.oskboxen h5 {font-weight:700}
.oskboxen table,.oskboxen .card a {color:#fff}
.oskboxen table td, .oskboxen table th {border:none}
.oskboxen .zeiten td[colspan="3"]{
    text-align: center;
}
.oskboxen .bz1 {text-align: left;}
.oskboxen .zeiten {
margin-bottom: 0px; 
}
.matchHeightOSK {padding-bottom:15px}
.zeiten2 {line-height:16px}
.tag{width: 25px;height: 20px;white-space: nowrap}
/* @media only screen and (min-width: 767px) and (max-width: 1136px) { */
/* .tag{white-space: normal} */
/* } */
.vz1,.bz1,.vz2,.bz2{width:36px;text-align:right;}
.bis1,.bis2{width:5px;text-align:center}
.bis0 {width:10px;text-align:center}
.spacer20{width:20px}
.spacer10{width:10px}
.zeiten tr td{padding: 0}
.zeiten {max-width:200px;margin-bottom:15px}
.zeiten td[colspan="3"],.zeiten td[colspan="11"] {text-align: left;}

.v2 td {text-align: left;}
.v2 .vz1,.v2 .bz1,.v2 .vz2,.v2 .bz2{width:36px;text-align:right;}
.v2 .zeiten {max-width:100%;margin-bottom:15px;margin: 0}
@media only screen and (min-width: 0px) and (max-width: 991px) {
	.v2 .zeiten {max-width:300px;margin: 0 auto;}
}
@media only screen and (min-width: 992px) {
	.v2 .zeiten2 {max-width:230px;margin: 0;}
}
.zeiten1s, .zeiten1s tr,.zeiten1s td {xborder: 1px solid red}
.zeiten1s .bz1 {text-align:left}
.zeiten1s .vz1,.zeiten1s  .bz1 {width: 24px;}
/* res */
.content hr  {border-top: 2px solid #21398f;margin-top:45px;margin-bottom:45px;}
.subheader {font-size:18px;font-weight:400}
img.wBilder-image {
    margin-top: 5px;
}
.animated img {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    z-index: 1;
}
@media screen and (max-width: 1223px) and (min-width: 668px)
.wBilder-image {
    height: 100%;
}
.maincontainer h1 {max-width:600px; margin: auto;}

/* leistungsbox */
.leistungenbox {margin-top:25px;padding-bottom:15px}
.leistungenbox .card {border:none}
.leistungenbox img {margin-top:20px;}
.leistungenbox .card{color:#fff;background-color:rgba(33,58,143,.8);margin-bottom:25px}
.leistungenbox .card .card-title {font-size:16px;font-weight:700;margin:0px}
.leistungenbox .card:hover,.fixcard  { background-color:#21398f}
.leistungenbox .card-body {padding:10px}
.leistungenbox img{width:80px;height:80px} /* entfernen wenn bessere icons vorhanden */
/* leistungsbox */
/* 3er */
/* .crop-text-3 */


/* html { */
  /* --lh: 1.4rem; */
  /* line-height: var(--lh); */
/* } */

.crop-text-3 {
	overflow: hidden;
  max-height: 63px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
margin-bottom:15px;
padding-left: 10px;
    padding-right: 10px;
  
}
.crop-text-15 {
	overflow: hidden;
  max-height: 315px;
  display: -webkit-box;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;  
  margin-bottom:15px;
padding-left: 10px;
    padding-right: 10px;
  
}

/* .crop-text-3 { */
  /* --max-lines: 3; */
  /* position: relative; */
  /* max-height: calc(var(--lh) * var(--max-lines)); */
  /* overflow: hidden; */
  /* text-overflow: ellipsis;   */
  /* /* padding-right: 1rem; /* space for ellipsis */  
/* } */
/* .crop-text-3::before { */
  /* position: absolute; */
  /* content: "..."; */
  /* inset-block-end: 0; /* "bottom" */ 
  /* inset-inline-end: 0; /* "right" */ 
/* } */
/* .crop-text-15 { */
  /* --max-lines: 15; */
  /* position: relative; */
  /* max-height: calc(var(--lh) * var(--max-lines)); */
  /* overflow: hidden; */
  /* /* padding-right: 1rem; /* space for ellipsis */  
/* } */
/* .crop-text-15::before { */
  /* position: absolute; */
  /* content: "..."; */
  /* inset-block-end: 0; /* "bottom" */ 
  /* inset-inline-end: 0; /* "right" */ 
/* } */

.content h1, .leistungenboxcontainer h2, .dreislider h2 {font-weight:700;font-size:26px}
.content hr, {border-top: 2px solid #21398f;margin-top:45px;margin-bottom:45px;}
.dreislider .swiper-button-prev, .dreislider .swiper-container-rtl .swiper-button-next {left: 0px;}
.dreislider .swiper-button-next, .dreislider .swiper-container-rtl .swiper-button-prev {right: 0px;}
.dreislider .swiper-container {width:90%}
.dreislider .swiper-slide .card-body {border:none;background-color:#21398f;color:#fff}
a.card-body {text-decoration: none;}
.dreislider .swiper-slide.card {border:none}
.dreislider .swiper-wrapper .card-footer {background-color:#fff;border:none;background-color:white;height:62px}
.dreislider hr  {border-top: 2px solid #21398f;margin-top:45px;margin-bottom:35px;}
.dreiercardimg {max-width:100%}
/* .dreiercardimg.owndreiercardimg {max-height:75%} */
.dreiercard {max-width: 320px}
.card {display: flex;justify-content: center;align-items: center;}
.dreislider .swiper-button-prev:focus,.dreislider .swiper-button-next:focus{outline:0}
.card-body {font-size:14px}
.dreislider .card .card-title {font-size:16px;font-weight:700;margin:15px 0 0}
.card-body {padding:0;width:100%}
/* 3er */
.footer-map-panel #map {
    height: 600px;
}
hr.col-12 {margin-inline-end:0px}
.norealcontainer {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.norealcontainer .row {margin-left:0px;margin-right:0px}
.norealcontainer .col-12 {padding-left:0px;padding-right:0px}
.footernavbar {background-color:#474d6f}
.secondfooter {background-color:#09102a;color:#ffffff;font-size: 12px;}
.secondfooter h2 {
    font-weight: 700;
    font-size: 14px;
}
.secondfooter a {text-decoration:none;color:#fff}
.secondfooter a:hover {text-decoration:none;color:rgba(255,255,255,.75)}

.secondfooter {padding-top:15px}

.footer {background-image: url('../fix/logo-footer.webp');
  background-position: center; 
  background-repeat: no-repeat;
}
.caret-off::before {
    display: none;
}
.caret-off::after {
    display: none;
}
/* klaro */
.klaro .cookie-modal .cm-modal.cm-klaro {
    background: #dee2ee;
    color: #eee;
}
.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li,.klaro .cookie-modal .cm-list-description,
.klaro .cookie-notice .cm-list-description,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes   {
    font-family: inherit;
    color: #21398f;
}
.klaro .cookie-modal a, .klaro .cookie-notice a {
    color: #00a0e4;
}
.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
    background-color: #00a0e4;
}
.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {
    opacity: 0.8;
    background-color: #21398f;
}
.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider {
    opacity: 0.8;
    background-color: #21398f;
    cursor: not-allowed;
}
.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider {
    opacity: 0.6;
    background-color: #21398f;
}
/* klaro */
.geoeffnet{color:#00ff00;font-weight:700}
.matchHeightOSK .card-body {margin-top:15px}
.swiper-container .subheader {margin-top:15px;margin-bottom:15px}
.subfooter {margin-top:15px}
.swiper-slide ul {list-style-position: inside}
.leistungenboxcontainer {margin-bottom:25px;padding-top:25px}
.leistungenboxcontainer h2 {margin-top:10px}
.dreislider {padding-bottom:0px}
.dreislider h2 {margin-bottom:35px}
.matchHeightCard {padding:0px}
#gmcontent {font-family:Arial;}
#gmcontent div {font-size:14px;font-weight:bold;}
#gmbodyContent p {font-size:12px;}


.klaro .cookie-modal .cm-modal.cm-klaro {
    background: #dee2ee;
    color: #eee;
}
.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li,.klaro .cookie-modal .cm-list-description,
.klaro .cookie-notice .cm-list-description,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes   {
    font-family: inherit;
    color: #21398f;
}
.klaro .cookie-modal a, .klaro .cookie-notice a {
    color: #00a0e4;
}
.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
    background-color: #00a0e4;
}
.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {
    opacity: 0.8;
    background-color: #21398f;
}
.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider {
    opacity: 0.8;
    background-color: #21398f;
    cursor: not-allowed;
}
.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider {
    opacity: 0.6;
    background-color: #21398f;
}

#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;
  }
#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}
.contentcontainer {
    padding-top: 25px;
    padding-bottom: 25px;
}
/* TI */
dt.preis{
    font-size:16px
}

.ausstattung {
    font-weight: 700;
    font-size:14px
}

.sup {
    color:#ff0000;
    vertical-align: super;
    font-size: smaller;
}

.form-group.myform {
    display:none;
}
.ds a,.form-check-label a{
    text-decoration: underline;
}
input[type="checkbox"].leftbox {
    float:left;
    margin-right:10px
}
#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;
}
.navbar-nav > li > .dropdown-menu {
    min-width:100%
}
.nolrpadding {
    padding-right: 0px;
    padding-left: 0px;
}
.norpadding {
    padding-right:0px;
}
.nolpadding {
    padding-left:0px;
}
.right-side-bar .right,.left-side-bar .leftbox, p.rightname {
    padding-left:5px;
    padding-top:5px
}
.col-teaser-inner-r div div,.col-teaser-inner-l div div {
    padding:0 5px 5px 5px
}
.ui-slider .ui-slider-range,.ui-slider .ui-slider-handle,.jplist-drop-down .jplist-dd-panel::after{
    z-index:0 !important;
}
.control-label,.form-group.row {
    /* text-align: right; */
}

/* TI */


/* cart */
#warenkob_success {position:fixed;top:0px;z-index: 4050;width:100%;xheight:150px}

#headingOne3 {position: relative}
#headingOne3,.icon-bar .card-footer .osabtn.wbutton {    background-color: #00a0e4;border-color:#00a0e4}

.bd-cart-modal-lg {z-index:2500}
.item-price,.item-total{white-space: nowrap;}
.item_Quantity {width:30px}
.input-group {width:330px}
/* cart */

.cm-btn {margin:5px}

.cm-btn {
    color: #fff;
    background-color: #00a0e4;
    border-color: #00a0e4;
	margin:5px
}

.cm-btn:focus,.cm-btn:hover {
    color: #fff;
    background-color: #00a0e4;
    border-color: #00a0e4;
    box-shadow: 0 0 0 0.2rem rgba(82,88,93,.5);
}
.imgshadow img {
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.5);
    -moz-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.5);
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,.5);
}
/* stickyfooter */
html{height:100%}
body{height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column}
.wrapper{-ms-flex:1 1 auto;flex:1 1 auto}
/* stickyfooter */
.content h1, .leistungenboxcontainer h2, .dreislider h2 {
    font-weight: 700;
    font-size: 26px;
}

/* Kontakt mobil */
@media screen and (max-width: 767.98px) {
.sm-bar #grating  {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    width: 100px;
}
.gratinglogo {width:80px;height:10px}
.gtotal {display:block}
.gratingzeile,.gratins {display:none}
}
#osbuttonsm,#kbuttonsm {font-size:13px}
@media (max-width: 767.98px) {
.icon-bar .accordion {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    width: 100px;
}

.icon-bar .accordion.koffen {
    transform: translateX(-256px);
    -webkit-transform: translateX(-256px);
    width: 256px;
}

#kbuttonxl {display:none}
#osbuttonxl {display:none}

}
@media (min-width: 767.97px) {
#kbuttonsm {display:none}
#osbuttonsm {display:none}
}
/* Kontakt mobil */
#headingOne2 {position: relative;}
.embed-responsive-210by297 {padding-bottom: 141.42%;}
.noframe{border:none}
.center {display: flex;justify-content: center;align-items: center;}
.mw90 {max-width:90% }
@media (max-width: 767.98px) {
.mainnavbar .navbar-brand-logo-line  {max-height: 30px;margin-top: 0px;}
.mainnavbar .navbar-brand-text {max-width: 320px;font-size:14px;}
.mainnavbar .nav-link {padding-top: 0px;padding-bottom: 0px;}
.navbar-brand-logo {padding-left: 5px;}
.dropdown-item {white-space: normal;}
.icon-bar {top: 200px;}
}
#headline {
  scroll-margin-top: 44px;
}
.mainnavbar {top:38px}
.mainnavbar.shrink  {top:0px;}
.wrapper {margin-top:99px}
.wrapper.preshrink {margin-top:99px}
@media (max-width: 767.98px) {
.wrapper.preshrink {margin-top:44px}		
.wrapper {margin-top:44px}	
}
.fzeiten {white-space: normal;}	
p.lead {margin-bottom:8px}
.fixbox {
    color: #fff;
    background-color: #21398f;
    margin-bottom: 25px;
	border: none;	
}
.fixbox .card-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
}
.fixbox .card-body {
    padding: 10px;
}
.fixbox img {
    width: 80px;
    height: 80px;
    margin-top: 20px;	
}
button.gm-ui-hover-effect:focus {outline: none;}
.col-sm-12 .img-fluid.mx-auto.d-block {margin-bottom:15px}
#collapseOne {width: 256px; padding-left: 15px;}
table .table.zeiten a.no-stretched-link {white-space: normal;}
@media (max-width: 1199.99px){
.dropdown-menu{
  max-height: calc(100vh - 220px);
  overflow: auto;
}}
@media (min-width: 1200px) {
.dropdown-menu{
  max-height: calc(100vh - 120px);
  overflow: auto;
}}