@font-face {
    font-family: 'Volkswagen-serial';
    src: url('../Fonts/Volkswagen_Serial_Webfont/volkswagen-serial-regular-webfont.eot');
    src: url('../Fonts/Volkswagen_Serial_Webfont/volkswagen-serial-regular-webfont.woff') format('woff'),
         url('../Fonts/Volkswagen_Serial_Webfont/volkswagen-serial-regular-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Volkswagen-serial-bold';
    src: url('../Fonts/Volkswagen_Serial_Webfont/volkswagen-serial-bold-webfont.eot');
    src: url('../Fonts/Volkswagen_Serial_Webfont/volkswagen-serial-bold-webfont.woff') format('woff'),
         url('../Fonts/Volkswagen_Serial_Webfont/volkswagen-serial-bold-webfont.ttf') format('truetype'),
    font-weight: bold;
    font-style: normal;
}


table {
	background: transparent !important;
	background-color: transparent !important;
}

 
body{
   font-family: 'Volkswagen-serial';
   --bs-body-color: var(--bs-primary);
}

h1.mainheader,
.mainheader.display-1 {
	font-family: 'Volkswagen-serial-bold';
	font-size: 38px;	
	color: var(--bs-primary);
}

.h-1.mb-5 {
  margin-bottom: 2rem !important;
}


h2.subheader {
   font-family: 'Volkswagen-serial';
	font-size: 25px;
}
h2.mainheader, h2 {
	font-family: 'Volkswagen-serial-bold';
	font-size: 25px;
	color: var(--bs-success);
	margin-bottom: 1rem;
}
h3.mainheader, h3 {
	font-family: 'Volkswagen-serial-bold';
	font-size: 20px;
	color: var(--bs-success);
	margin-bottom: 1rem;
}
h3.subheader,
.bodytext h3 {
	font-family: 'Volkswagen-serial';
	font-size: 25px;
}

.layout-3 h2 {
	font-family: 'Volkswagen-serial-bold';
	font-size: 38px;
	color: var(--bs-primary);
}
.layout-3 h3 {
	font-family: 'Volkswagen-serial';
	font-size: 25px;
}


/* navigation */
#main-navbar .nav-link {
	font-family: 'Volkswagen-serial-bold';
	text-decoration: none !important;
	font-size: 18px;
	color: #114222 !important;
}

#main-navbar .nav-link.active,
#main-navbar .nav-link.parent-active {
	border-bottom: 1px solid #114222;
	padding-bottom: 5px !important;
}
#main-navbar .nav-link.show {
	border-bottom: none !important;
}

#main-navbar #nav-item-19 .nav-link {
	color: #fff !important;
}
#main-navbar #nav-item-19 .nav-link.active {
	border-bottom: none !important;
}



#main-navbar .nav-item {
	margin-left: 2rem;
}

#main-navbar .dropdown-item-2,
#main-navbar .dropdown-item-11 {
	text-decoration: none;
}
#main-navbar .dropdown-item-2::after,
#main-navbar .dropdown-item-11::after {
	font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f078";
	border: none !important;
	vertical-align: 0;
}

.navbar-nav .dropdown-menu {
	border-radius: 0;
}

.dropdown-divider {
	width: 90%;
	margin-left: 5%;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: var(--bs-success);
}

#main-navbar.navplusicon .dropdown .btn-link {
color: #114222 !important;
}

#navbarToggler {
	margin-top: 5px;
}
#nav-item-3,
#nav-item-19 {
	margin-top: -5px;
}
#nav-item-19 .nav-link {
	font-family: 'Volkswagen-serial';
}



header, .bodytext {
  padding-left: 0 !important;
}



.card {
	border-radius: 18px;
}

.card-img-overlay {
	background-color: rgba(17, 66, 34, .7);
	color: #fff !important;
}
.card-img-overlay:hover {
  background-color: rgba(17, 66, 34, 0.5);
}

.card-img-overlay .card-body a.btn {
	color: #fff !important;
}	
.card-img-overlay .card-body a.btn:after {content:"\f054"}


.card-img-overlay .card-body a.btn:after {
	font-family: "Font Awesome 6 Regular";
	margin-right: .3em;
	margin-left: .5em;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

#c17 .card-img-overlay,
#c20 .card-img-overlay,
#c84 .card-img-overlay {
	padding-left: 1.5rem;
}


#c230,
#c175,
#c187,
#c147,
#c217,
#c198 {
	margin-left: 15px !important;
	margin-right: 15px !important;
	  
}


.nav-pills .nav-item {
	margin-left: 0 !important;
}


a:hover, a:focus, a:active,
button:hover, button:focus, button:active {
	text-decoration: none !important;
}




/* some hover effects */

.img-hover-zoom {
	border-radius: 18px;
}

.img-hover-zoom img:hover {
  transform: scale(1.1);
}

.zoom:hover {
  transform: scale(1.5);
}




/* termin */
#nav-item-19 a {
	color: #fff !important;
}


/* images */
.rounded {
	border-radius: 18px !important;
}

/* green box */
.layout-1 {
	padding: 2rem;
	border-radius: 18px;
	color: #fff;
}

/* white box */
.layout-2 {
	position: relative;
	padding: 2rem;
	border-radius: 18px;
	background-color: #fff;
	margin-bottom: 3.5rem;
	width: 100%;
}
.layout-2 .topupimage {
	position: absolute;
	top: -30px;	
}
#c95 .layout-2 {
	margin-bottom: 0 !important;
}


.layout-2 .bodytext a,
.layout-4 .bodytext a {
	text-decoration: none !important;
}

.layout-2 .bodytext .text-primary,
.layout-2 .bodytext .text-secondary,
.layout-2 .bodytext .text-success,
.layout-4 .bodytext .text-primary,
.layout-4 .bodytext .text-secondary,
.layout-4 .bodytext .text-success {
color: var(--bs-body-color) !important;
}
.layout-2 .bodytext .text-primary:before,
.layout-4 .bodytext .text-primary:before {
	display: inline-block;
	margin-right: 0.5em !important;
	vertical-align: -0.255em;
	content: url(Icon_Telefon_gruen.svg);
	border: none !important;
	height: 20px;
	width: 20px;
}
.layout-2 .bodytext .text-secondary:before,
.layout-4 .bodytext .text-secondary:before {
	display: inline-block;
	margin-right: 0.5em !important;
	vertical-align: -0.255em;
	content: url(Icon_Fax_gruen.svg);
	border: none !important;
	height: 20px;
	width: 20px;
}
.layout-2 .bodytext .text-success:before,
.layout-4 .bodytext .text-success:before {
	display: inline-block;
	margin-right: 0.5em !important;
	vertical-align: -0.255em;
	content: url(Icon_Mail_gruen.svg);
	border: none !important;
	height: 20px;
	width: 20px;
}
.layout-2 .bodytext a .text-primary,
.layout-2 .bodytext a .text-secondary,
.layout-2 .bodytext a .text-success,
.layout-4 .bodytext a .text-primary,
.layout-4 .bodytext a .text-secondary,
.layout-4 .bodytext a .text-success {
	color: var(--bs-body-color) !important;
	text-decoration: none;
}
.layout-4 .bodytext .text-primary:before {
	content: url(Icon_Telefon_hellgruen.svg);
}
.layout-4 .bodytext .text-success:before {
	content: url(Icon_Mail_hellgruen.svg);
}





.dropdown-menu {
	min-width: 206px;
}

.termin-icon {
  margin-top: -4px;

  margin-right: 4px;

}


#page-footer {
	padding-bottom: 10px !important;	
}
#page-footer p {
	font-size: 16px !important;	
}
#page-footer #c30 p {
	margin-bottom: 0 !important;
	padding-top: 15px;
}

#page-footer a.nav-link {
	color: #fff;
	font-family: 'Volkswagen-serial';
	font-size: 16px !important;	
}

#page-footer #c29 {
   font-family: 'Volkswagen-serial';
	border-top: 1px solid #fff;
}

#page-footer #submenu {
	margin-top: 8px;
}


#page-footer .footer {
	margin-top: -20px;
}

.btn.btn-success {
	border-radius: 50rem;
}

#page-footer a {
	color: var(--bs-light) !important;
}



/*




/* image box 

.layout-3 {

	background-color: var(--bs-success);

}

.layout-3 h2 {
	color: var(--bs-primary) !important;	
}


.layout-3 h3 {
	color: var(--bs-secondary) !important;
}

.layout-3 .bodytext {
}

.layout-3 .gallery {

}
.layout-3 .gallery figure {

}

*/

/* custom Pill-Tabs with image */

#c65 {
	background-color: #fff !important;
	border-radius: 18px !important;
}

#c65 .col-3 {
  position: relative;
}


#c65 .col-3:after {
  content: " ";
  position: absolute;
  border-left: 1px var(--bs-success) solid;
  top: 8%;
  right: 0;
  height: 84%;
  margin-top: auto;
  margin-bottom: auto;	
}

#c65 .col-md-5 img {
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
}


#tabContainer-65 {
	padding-top: 2rem;
  padding-left: 2rem;		
}
#tabContainer-65 .nav-link {
	font-size: 16px;
	line-height: 3.5;
}

#tabContainer-65 .nav-link:hover {
	cursor: pointer;	
}

#tabContainer-65 .nav-link svg {
	height: 55px;
	margin-right: 30px;
}
#tabContainer-65 .nav-link.active svg {
	fill: var(--bs-success);
}

/*
#tabContainer-65 .nav-link.active::before {
	display: inline-block;
	content: "";
	border-top: 1px solid var(--bs-success);
	width: 15px;
	margin: 0 1rem;
	transform: translateY(-1rem);
	position: absolute;
	margin-top: 42px;
	left: 20px;
}
*/


#c38 .row > *,
#c45 .row > *,
#c52 .row > * {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.table > :not(caption) > * > * {
  color: var(--bs-primary);
}


/* background image  */
.main-content section .background-image {
	border-bottom-right-radius: 18px !important;
	border-top-right-radius: 18px !important;
	height: 500px !important;
}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-success);
  background-color: inherit;
}


.accordion-item,
.accordion-button {
	border-radius: 25px !important;
}
.accordion-item {
	margin-top: 1rem;
}

.btn.btn-secondary.termin-buchen {
	border-radius: 50rem;
}


#footer-arc {
	top: -38px;
}

#c264,
#c263,
#c262 {
	display: block !important;
	text-align: left;
	border-right: 50px;
}
#c264 .iconpack,
#c263 .iconpack,
#c262 .iconpack {
	float: right;
	margin-top: 4px;
}


#c35 a.btn {
	border-radius: 50px;
	margin-top: .5rem;
}
#c35 a.btn::after {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f054";
	border: none !important;
	vertical-align: 0;
	margin-left: .8rem;
}


#nav-item-19 .nav-link {
	margin-top: -3px;
}




.termin-buchen::before,
#nav-item-19 .nav-link::before,
.dating::before {
content: url(Icon_Termine_weiss.svg);
  width: 20px;
  height: 20px;
  display: inline-block !important;
  top: 3px;
  position: relative;
  margin-right: 8px;
}
.termin-buchen-gruen::before {
content: url(Icon_Termine_dunkelgruen.svg);
  width: 20px;
  height: 20px;
  display: inline-block !important;
  top: 3px;
  position: relative;
  padding-right: 3px;
}

.termin-buchen,
.termin-buchen-gruen {
	border-radius: 50rem;
	margin-bottom: 1.5rem;
}



/* Kontakt */
#page-12 label.form-label {
	display: none !important;
}

#page-12 .form-group {
	margin-bottom: 1.5rem;
}
#page-12 .form-group input,
#page-12 .form-group button {
	border-radius: 50rem;
}

#page-12 .form-group textarea {
	border-radius: 18px;
}

#page-12 .form-group .form-check {
	padding: 0;
}
#page-12 .form-group .form-check span {
	padding-left: 8px;
}

#page-12 button {
	border-radius: 50rem;
}
#page-12 button.btn-primary {
	background-color: var(--bs-success);
	border: none;
}
/*
#page-12 #s-128 {
	padding-bottom: 8rem !important;
}
*/
#page-12 .header-127 {
	margin-bottom: 2rem;
	padding: 0 !important;
}

b, strong {
	font-weight: 900 !important;
}

#c98 a.btn-success {
	color: #fff !important; 
}



.rounded-pill.text-success.btn.btn-primary {
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 20px;
}



/* -------------------------------------------------------------------------------------------- */
@media (min-width: 576px) {

	#footer-arc {
		top: -50px;
	}

}


/* -------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {


	.navbar-brand {
		margin-right: 4rem !important;
	}
	
	.navbar-brand img {
		width: 355px;
	}


	#footer-arc {
		top: -50px;
	}



}



/* -------------------------------------------------------------------------------------------- */
@media (min-width: 992px) {


.mobile {
	display: none !important;
}
	

.header-11, .header-99, .header-127 {
	text-align: center;
}

	#footer-arc {
		top: -60px;
	}


#page-footer .footer {
	margin-top: -50px;
}

#kontakt-Formular-127 {
	padding-bottom: 3rem;
}

#c17 .card-img-overlay,
#c20 .card-img-overlay,
#c84 .card-img-overlay {
	padding-left: 3rem;
}



}


/* -------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {


	.layout-3 .bodytext {
		width: 55% !important;
	}


	/* image box 
	.layout-3 {
		position: relative;
		width: 85%;
		background-color: var(--bs-success);
		height: 520px;
		padding: 2rem;
		border-radius: 18px;
		
		display: flex;
	}
	
	.layout-3 h2 {
		color: var(--bs-primary) !important;	
	}
	
	
	.layout-3 h3 {
		color: var(--bs-secondary) !important;
	}
	
	.layout-3 .bodytext {
		width: 55%;
	}
	
	.layout-3 .gallery {
		position: absolute;
		right: -195px;
		top: 50px;
		width: 636px !important;
	}
	.layout-3 .gallery figure {
		width: 636px !important;
	}

	.layout-3 .bodytext {
		width: 45%;
	}





	.layout-3 .ce-textpic {
		display: none !important;
	}


.layout-3 .row.beside {
	display: none !important;
}

*/

/* custom Pill-Tabs with image */
#c65 {
	min-height: 400px;
}

	#footer-arc {
		top: -70px;
	}



}


/* -------------------------------------------------------------------------------------------- */
@media (min-width: 1650px) {

	#footer-arc {
		top: -75px;
	}

}
/* -------------------------------------------------------------------------------------------- */
@media (min-width: 1850px) {

	#footer-arc {
		top: -80px;
	}

}
/* -------------------------------------------------------------------------------------------- */
@media (min-width: 2000px) {

	#footer-arc {
		top: -90px;
	}

}
/* -------------------------------------------------------------------------------------------- */
@media (min-width: 2350px) {

	#footer-arc {
		top: -100px;
	}

}


/* We occasionally use media queries that go in the other direction */


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

	#page-footer #c24 {
		margin-bottom: 3rem;
	}
	
	#page-footer #c27 {
		margin: 2rem 0;
	}
	#page-footer #c29 {
		margin-top: 2rem;
	}




.jumbotron.background-image.ratio::before {
  padding-top: calc(9 / 16 * 100%) !important;
}

.navbar-brand {
	max-width: 70%;
}

.meta-text {
	display: none;
}


h1.mainheader, .mainheader.display-1 {
  font-size: 25px;
}
h2.mainheader {
  font-size: 18px;
}
h2.subheader {
  font-size: 18px;
}
h3.subheader,
.bodytext h3 {
  font-size: 18px;
}


#c19, #c22 {
	margin-top: 1.5rem !important;
}


.accordion {
	--bs-accordion-active-bg: #fff !important;
}



}

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

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

	
	#c95 .layout-2 {
		margin-bottom: 4rem !important;
	}





.desctop {
	display: none !important;
}

.nav-item svg {
	float: right;
}



}

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


	/* green box */
	.layout-1 {
		padding: 1rem;
		width: 100%;
		margin-bottom: 1.5rem;
	}
		
	.navbar-toggler {
	  font-size: 1.5rem !important;
	  border: none !important;
	}

	.navbar-toggler:focus {
		box-shadow: none !important;
	}
/*
	.layout-3 .removeOnMobile,
	.layout-3 .removeOnMobile .gallery {
		display: none !important;
	}
*/

#navbarToggler .nav-link {
	border-bottom: 1px solid var(--bs-success);
}


#navbarToggler .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
	border: none !important;
	height: 20px;
    width: 20px;
    float: right;
}  
 
 
#main-navbar .nav-item {
  margin-left: 0 !important;
  margin-bottom: 2rem;
}


	
}

@media (max-width: 1399.98px) {


	#tabContainer-65 .nav-link {
		line-height: 2.5;
	
	}

	
}