
/*
dunkles hellbeige: #F6EFE5;
helles hellbeige: #e3d9c9;

hasen-beige-logo: #BAA586;

grau: #adadad

magenta: e64ba5;
*/
/* ------------ Standard Elemente ------------ */
body {
	background: #fff;
	font-family: arial, sans-serif;
	font-size: 22px;
	color: #B9B9B8;
}
@media (max-width: 1400px) {
	body {

	}
}
h1 {
	font-size: 3rem;
	color: #adadad;
}
#p21 h1 {
	padding-left: 100px;
}
h2 {
	font-size: 2rem;
	color: #adadad;
}
a:hover {
	color: #BAA586 !important;
}
.accordion-item,
.accordion {
	color: #B9B9B8 !important;
}

/* ------------ header and navigation ---------- */
.navbar-mainnavigation {
	box-shadow: 0 0 0 0;
	border-bottom: 2px solid #F6EFE5;
}

@media (min-width: 1400px) {
    .navbar-mainnavigation {
        --mainnavigation-nav-height: 06px;
        padding: 0;
    }
}
@media (min-width: 1200px) {
    .navbar-mainnavigation {
        --mainnavigation-nav-height: 110px;
    }
}
@media (min-width: 992px) {
    .navbar-mainnavigation {
        --mainnavigation-nav-height: 100px;
    }
}
@media (min-width: 768px) {
    .navbar-mainnavigation {
        --mainnavigation-nav-height: 70px;
    }
}
@media (min-width: 576px) {
    .navbar-mainnavigation {
        --mainnavigation-nav-height: 70px;
    }
}

.navbar-mainnavigation>.navbar-nav:last-child, .navbar-mainnavigation>.container>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-fluid>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-sm>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-md>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-lg>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-xl>.collapse>.navbar-nav:last-child, .navbar-mainnavigation>.container-xxl>.collapse>.navbar-nav:last-child {
	margin-left: auto;
    margin-right: -1rem;
}

.navbar-mainnavigation .navbar-nav {
 	width: unset;
  	margin-top: 50px;
}
.navbar-mainnavigation .navbar-nav .nav-link {
	font-size: 20px;
	color: #adadad;
}

.navbar-mainnavigation .navbar-nav .nav-link.active {
	color: #e64ba5;
	color: #BAA586;
}

.navbar-mainnavigation .nav-link:not(.nav-link-toggle):before {
	display: none;
}

/*@media (min-width: 1400px) {*/
/*@media (min-width: 1024px) { */
@media (min-width: 768px) {
	.navbar-mainnavigation .navbar-brand-image {
		padding: 10px 0;
	}
	.navbar-mainnavigation .navbar-brand {
	    height: 120px;
	    transition: ease 1s;
	}
	.navbar-mainnavigation.navbar-transition .navbar-brand {
	    height: 100px;
	}
	.navbar-mainnavigation .navbar-brand-image img {
		max-height: 100%;
		height: 100%;
	}
	.navbar-mainnavigation.navbar-transition .navbar-brand-image img {
		max-height: 80%;
		height: 80%;
	}
}
@media (min-width: 1400px) {
	.navbar-mainnavigation .navbar-brand {
	    height: 160px;
	    transition: ease 1s;
	}
	.navbar-mainnavigation.navbar-transition .navbar-brand {
	    height: 140px;
	}
}

/* ------------ Slider ---------- */

@media (min-width: 1024px) {
    .navbar+a+.carousel-fullscreen, .navbar+a+.carousel-fullscreen .carousel-item, .navbar+a+a+.carousel-fullscreen, .navbar+a+a+.carousel-fullscreen .carousel-item, .navbar+.main-section>a+.carousel-fullscreen, .navbar+.main-section>a+.carousel-fullscreen .carousel-item, .navbar+.main-section>a+a+.carousel-fullscreen, .navbar+.main-section>a+a+.carousel-fullscreen .carousel-item {
        height: calc(100vh - 100px);
    }
}
h1.carousel-header {
	font-size: 65px;
	color: #e3d9c9 !important;
	width: 100px;
}
.carousel-text {
	font-size: 40px;
	color: #e3d9c9;
}
.carousel-item-layout-secondary {
	background-color: transparent;
}


/* ---------- Jumbotron ---------- */
.frame-layout-nb-intro {
	font-size: 22px;
	padding: 100px;
}
.frame-layout-nb-intro h1,
.frame-layout-nb-intro h2 {
/*	text-align: center;
	font-size: 1.4; */
}
.frame-layout-nb-intro .frame-container {
	background: rgba(255, 255, 255, 0.5);
	padding: 50px 150px;
	width: 80%;
	color: #4d4d4d;
}

/* ---------- Container-Styling ---------- */
.frame-layout-nb-rabbit  {
	background: #fff url(../Graphics/rabbit.png) bottom right no-repeat;
	min-height: 250px;
}
.frame-layout-nb-rabbit-padding {
	background: #fff url(../Graphics/rabbit.png) bottom right no-repeat;
	padding: 40px;
	margin: 0;
}
.frame-background-light,
.nb-container-bg1 {
	background: #F6EFE5;
}
.frame-layout-nb-header {
	/*background: #F6EFE5;*/
	padding-top: 140px;
	margin: 0;
	height: 400px;
}
.frame-layout-nb-header h1 {
	/*color: #fff;
	font-size: 3rem;*/
		font-size: 65px;
	color: #BAA586;
	font-weight: 100;
}
.frame-background-primary,
.frame-background-secondary {
	color: #fff;
	font-size: 22px;
}
.frame-layout-nb-padding .contentcontainer .frame-background-none:first-child, 
.frame-layout-nb-padding .contentcontainer .frame-layout-embedded:first-child,
.frame-layout-nb-padding {
	padding: 40px !important;
}

/* ------------ volle Breite ------------ */
.container-fluid.nb-nogutter {
	--bs-gutter-x: 0;
}
.container-fluid.nb-nogutter .textmedia, 
.container-fluid.nb-nogutter .textpic,
.container-fluid.nb-nogutter .contentcontainer {
	gap: 0 !important;
}
.container-fluid.nb-nogutter .textpic.textpic-left,
.container-fluid.nb-nogutter .textpic.textpic-right {
	/* firefox */
	margin-right: -40px;
}
.container-fluid.nb-nogutter .textpic-text {
  padding: 10%;
  text-align: center;
  font-size: 22px;
}
.container-fluid.nb-nogutter.nb-4-col .textpic-text {
  padding: 5%;
  text-align: center;
  font-size: 18px;
}
.container-fluid.nb-nogutter .accordion {
	margin: 0 40px;
}
.container-fluid.nb-nogutter .textpic-text a {
	height: 50px;
	width: 45px;
	display: inline-block;
	background: transparent url(../Graphics/Wackes_Logo_Hase.svg) center 10px no-repeat;
	text-decoration: none;
	font-size: 0;
	line-height: 0;
}
@media (min-width: 768px) {
    .textmedia-right .textmedia-item, .textmedia-right .textpic-item, .textmedia-left .textmedia-item, .textmedia-left .textpic-item, .textpic-right .textmedia-item, .textpic-right .textpic-item, .textpic-left .textmedia-item, .textpic-left .textpic-item {
        width: calc(50% -(0px / 2)) !important;
    }
}



/* ---------- Raster Neu ---------- */
.frame.frame-layout-nb-raster,
.frame.frame-layout-nb-startpage {
	padding: 0;
	margin: 0;
}
.frame.frame-layout-nb-raster .frame-container,
.frame.frame-layout-nb-startpage .frame-container {
	--bs-gutter-x: 15px;
}
.frame.frame-layout-nb-startpage .frame-container .frame,
.frame.frame-layout-nb-startpage .frame-container .frame {
	padding: 0;
	margin: 0;
	padding-bottom: 7px;
}
.frame.frame-layout-nb-raster .frame-container .row,
.frame.frame-layout-nb-startpage .frame-container .row {
	--bs-gutter-x: 0px;
	padding: 0 !important;
	margin: 0 !important;
}





.frame.frame-layout-nb-raster h2,
.frame.frame-layout-nb-startpage h2 {
	position: absolute;
	bottom: 15px;
	left: 25px;	
	color: #fff;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 1000;
	
}

.frame.frame-layout-nb-startpage #c264 h2,
.frame.frame-layout-nb-startpage #c138 h2 {
	bottom: 55px;
}

.frame.frame-layout-nb-startpage h2 {
	font-size: 1.5rem;
}
.frame.frame-layout-nb-raster h2 {
	font-size: 1.3rem;
	bottom: 35px;
}

.frame.frame-layout-nb-raster h3 {
	position: absolute;
	bottom: 15px;
	left: 25px;	
	color: #fff;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 1000;
	font-size: 12px;
}

@media (max-width: 1024px) {
	#p19 .frame.frame-layout-nb-raster h2,
	#p19 .frame.frame-layout-nb-startpage h2 {
		font-size: 1.1rem;
	}
}
@media (max-width: 1024px) {
	#p19 .frame.frame-layout-nb-raster h3 {
		font-size: 10px;
	}
}



.frame.frame-layout-nb-raster .image *,
.frame.frame-layout-nb-startpage .image * {
	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

.frame.frame-layout-nb-raster .image::before {

}

.frame.frame-layout-nb-raster .image,
.frame.frame-layout-nb-startpage .image {
	overflow: hidden;
	background: #000;
	/*background-color: rgba(0, 0, 0, 0.5);*/
}

.frame.frame-layout-nb-raster .frame-container .frame:hover .image img,
.frame.frame-layout-nb-startpage .frame-container .frame:hover .image img {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0); 
   opacity: 0.6;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

.frame.frame-layout-nb-no-margin {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;

}






/* ------------ footer ---------- */
/*@media (max-width: 1400px) {*/
@media (max-width: 830px) {
	.footer-section {
		
	}
}	
@media (max-width: 1400px) {
	.footer-section {
		font-size: 70%;
	}
}
.footer-section,
.footer-section-meta,
.footer-section .frame {
	background: #e3d9c9;
	color: #616161;
}
.footer-section-content,
.footer-copyright {
	color: #616161;
}
.footer-section-content-column-middle ul,
footer ul {
	list-style-type: none;
	padding-left: 0;
}
footer a {
	text-decoration: none;
}
footer a:hover {
	text-decoration: none;
	display: inline-block;
}
footer h2 {
	color: #fdc600;
}
#c47 .table {
	background: transparent;
	--bs-table-bg: transparent;
	color: #616161;
}
#c47 .table td {
	padding-right: 15px;
	color: #616161;
}
#c47 tbody {
	border-style: unset;
}