body {
	background-image: url('/assets/img/background.webp');
	height: 1000px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	font-family: "highgate", sans-serif;
	font-weight: 400;
	font-style: normal;
	background-position: center top;
	color: #4B4B4B;
	line-height: 1.8em;
}

.sectionwithbg {
	background-image: url('/assets/img/background.webp');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 90px;
	padding-bottom: 60px;
}

.boxsection {
	padding-top: 90px;
	padding-bottom: 90px;
}

.bg-white {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 20px;
	padding-left: 40px;
	padding-bottom: 40px;
	padding-right: 40px;
}

.bg-white .img-fluid {
	height: 50px !important;
	margin-bottom: 30px;
}

.img-rnd {
	border-radius: 25px;
}

h2 {
	font-weight: 700 !important;
	margin-bottom: 20px !important;
}

header {
	margin-top: 20px;
		}
		
.dashboard-header {
	background-color: white;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.17);
	padding: 10px;
	border-radius: 20px;
}

.dashboard-header .logo {
	width: 120px;
	margin-left: 30px;
}

.sidebar h5.active {
	padding: 10px;
	border-left: 4px solid green;
}

.sidebar h5.red {
	padding: 10px;
	border-left: 4px solid #ad0000;
	color: #ad0000;
}

.sidebar h5{
	padding: 10px;
	border-left: 4px solid white;
	margin-bottom: 15px;
}

.sidebar h5:hover{
	padding: 10px;
	border-left: 4px solid green;
}

.sidebar h5.red:hover{
	padding: 10px;
	border-left: 4px solid white;
}

.adminbox {
	height: auto;
	min-height: 600px;
}

.loginunderline {
	font-size: 14px;
	color: #aaa;
	top: -15px;
	right: -7px;
	position: relative
}		
		
		
.nav-link {
	padding-left: 20px !important;
	padding-right: 20px !important;
}


.impressum .bildposition {
	position: absolute;
	top:-300px;
	right: 0px;
	width: 50vw;
	z-index: -30;
}
.bildposition {
	position: absolute;
	top:-200px;
    right: 0px;
	width: 50vw;
	z-index: -30;
}

@media only screen and (min-width: 1750px) {
    .bildposition {
        position: absolute;
        top: -200px;
        right: 0px;
        width: 600px;
    }
}


.teasertext {
	font-size:50px;
	font-weight: 700;
	line-height: 1em;
	margin-top: 200px;
	border-left: 10px solid #46B36F;
	padding-left: 20px;
	margin-bottom: 100px;
}

.buttonsection button { 
	
	background-image: linear-gradient(to right, #84DD7C , #0A9647);
	padding: 25px 55px;
	color:white;
	border-radius: 20px;
	border: 0px solid white;
	font-weight: 700;
	font-size: 20px;
	
}

.buttonsection button:hover { 
	background-image: linear-gradient(to left, #84DD7C , #0A9647);
	cursor: pointer;
	}
	
.toppersection {
	padding-bottom: 150px !important;
}

.loginformpadd {
	padding-left: 15px;
	padding-right: 15px;
}

.loginform {
	background-color: white;
	border: 4px solid #6BCB77;
	border-radius: 20px;
	margin-top: -120px;
	padding: 40px;
	
	
}

.loginform2 {
	background-color: white;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1)
	border-radius: 20px;
	margin-top: 0px;
	padding: 40px 40px 80px 40px;
	
	
}


.loginform label {
	font-size: 14px;
	color:#aaa;
	margin-bottom: 10px;
}

.loginform2 label {
	font-size: 14px;
	color:#aaa;
	margin-bottom: 10px;
}

.protect {
	font-size: 14px;
	color:#aaa;
	float:right;
	margin-top: 20px;
}

.buttonsubmit {
	background-color:#6BCB77 !important;
	color: white;
	font-weight: 700;
    width: 100%;
    height: 50px;
    background-color: #f7f7f7;
    border-radius: 30px;
    border: 0px solid white;
    padding-left: 20px;

}


.loginform h2 {
	margin-bottom: 10px;
}

.loginform input {
	
	width: 100%;
	height: 50px;
	background-color: #f7f7f7;
	border-radius: 30px;
	border:0px solid white;
	padding-left: 20px;
}

.loginform2 h2 {
	margin-bottom: 10px;
}

.loginform2 input {
	
	width: 100%;
	height: 50px;
	background-color: #f7f7f7;
	border-radius: 30px;
	border:0px solid white;
	padding-left: 20px;
}

.subtext {
	font-size: 30px;
	font-weight: 300;
}

.logo {
	max-width: 250px;
	margin-right: 50px;
	}
	
.navbar {
	float:left;
	}

.hero-section {
  position: relative;
  overflow: hidden;
  background-color: #f8f9fa; /* Heller Hintergrund */
}


.hero-content {
  position: relative;
  z-index: 2; /* Inhalt vor dem schrägen Hintergrund */
}

footer {
	margin-top: -72px;
position: relative;
z-index: 23;
}

#wavemobile {display:none;}

.accordion-button:not(.collapsed) {
    color: #fcfcfc;
    background-color: #30ac4d;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button.collapsed::after {
	background: none;
	background-repeat: no-repeat;
	background-position: center;
	font-family:bootstrap-icons;
	content: '\F4FD';
}

.accordion-button:not(.collapsed)::after {
	background: none;
	background-repeat: no-repeat;
	background-position: center;
	font-family:bootstrap-icons;
	content: '\F2E9';
	color: #fff;
}

@media only screen and (max-width: 600px) {
	.bildposition {
		position: absolute;
		top:20px;
		right: 0px;
		width: 55vw;
	}

.container {
	padding-left: 30px !important;
	padding-right:30px !important;
}

.navbar-toggler {
	background-color:white;
}

.teasertext {
	font-size: 40px;
font-weight: 700;
line-height: 1em;
margin-top: 150px;
border-left: 10px solid #46B36F;
padding-left: 20px;
margin-bottom: 40px;
}

.logo {
	max-width: 200px;
}

.about .toppersection {
	padding-bottom: 50px !important;
} 

.impressum .toppersection {
	padding-bottom: 20px !important;
} 

.impressum  .teasertext {
	font-size: 40px;
font-weight: 700;
line-height: 1em;
margin-top: 20px;
border-left: 10px solid #46B36F;
padding-left: 20px;
margin-bottom: 40px;
}

.impressum .sectionwithbg {
	padding-top: 20px;
}

.sidebar h5.red {
	padding: 10px;
	border-left: 4px solid #ad0000;
	color: #ad0000;
	margin-top: 30px;
}

#wavemobile {display:block;}
#wavedesktop {display: none !important;}

}