*{
	font-family: "Instrument Sans", sans-serif;
}
html,body{
	padding: 0;
	margin: 0;
}
.start_bg{
	width: 100%;
	min-height: 90lvh;
	position: relative;
	display: flex;
	justify-content: flex-start;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	background-image: url(bilder/starthigh.jpg);
	background-size: cover;
	background-position-x: 0%;
	background-position-y: 0%;
}
.start_bg_duster{
	z-index: 1;
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 75%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 75%);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);

}
.navbarwrapper{
	width: 100%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
}
.navbarinner{
	width: min(90vw, 65rem);
	height: 90px;
	display: flex;
	justify-content: space-between;
	justify-items: center;
	align-items: center;
	border-bottom: 1px solid white;
}
.logo{
	width: 9rem;
	cursor: pointer;
}
.linkwrapper{
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: .6rem;
}
.navbar_link{
	color: #efefef !important;
	text-decoration: none !important;
	cursor: pointer !important;
}
.getintouch{
	padding: .7rem;
	padding-left: 2rem;
	padding-right: 2rem;
	box-sizing: border-box;
	color: white;
	background-color: #D82424;
	border-radius: 10px;
	cursor: pointer;
}
.getintouch:hover{
	background-color: #b80404;
}
.innerstart{
	position: absolute;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 41%;
	width: 50rem;
	transform: translate(-50%, 0%);
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	gap: 1rem;
}
.start_header{
	font-family: "Anek Kannada", sans-serif;
	font-size: 3.5rem;
	font-weight: 500;
	margin: 0;
	color: #dfdfdf;
	text-align: center;
	line-height: 120%;
}
.start_underliner{
	font-family: "Anek Kannada", sans-serif;
	text-align: center;
	color: #dfdfdf;
	font-size: 1.2rem;
}
.provenwrapper{
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
}
.start_stars{
	width: 9rem;
	filter: brightness(.9);
}
.proventext{
	margin: 0;
	color: #dfdfdf;
}
/*Mobile Menu-----------------------------------------------------------------------------------------------------------------------------------------------*/
.menuopen{
	height: 25px;
	width: 30px;
	display: none;
	justify-content: space-between;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
}
.ham{
	width: 100%;
	height: 3px;
	background-color: white;
	border-radius: 2px;
}
.mobilemenu{
	z-index: 10000;
	position: fixed;
	height: 100lvh;
	width: 20rem;
	right: 0;
	transform: translateX(100%);
	transition: .4s all linear;
	display: flex;
	justify-content: flex-start;
	justify-items: center;
	align-items: flex-start;
	flex-direction: column;
	border-radius: 15px 0px 0px 15px;
	background-color: #680404;
	padding: 1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	box-sizing: border-box;
}
.close{
	width: 100%;
	text-align: right;
	color: #dfdfdf;
	font-weight: bold;
	font-size: 1.2rem;
	cursor: pointer;
}
.mobile_link{
	width: 100%;
	color: #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
.mobile_link:hover{
	color: #afafaf;
	border-color: #afafaf;
	cursor: pointer;

}
/*Allgemein------------------------------------------------------------------------------------------------------------------------------------------------*/
.section{
	padding-top: 3rem;
	padding-bottom: 3rem;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
}
.sec{
	width: min(90vw, 65rem);
	display: flex;
	justify-content: space-between;
	justify-items: center;
	align-items: center;
}
.secheader{
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0;
}
.stylestripe{
	width: 8rem;
	border-bottom: 3px solid #D82424;	
}
/*Section 1------------------------------------------------------------------------------------------------------------------------------------------------*/
.section1{
	margin-top: 4rem;
}
.sec1{
	align-items: flex-start;
}
.sec1_left{
	width: 45%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: flex-start;
	flex-direction: column;
	gap: 1rem;
}
.sec1_underliner{
	margin: 0;
	font-size: 1rem;
	color: #7F7F7F;
	text-transform: uppercase;
	font-weight: 600;
}
.sec1_right{
	width: 45%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: flex-start;
	flex-direction: column;
}
.sec1_textheader{
	margin: 0;
	font-size: .9rem;
	font-weight: 500;
}
.sec1_text{
	font-size: 1rem;
	text-align: justify;
}

.slideshow-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
}
/*Slider------------------------------------------------------------------------------------------------------------------------------------------------*/
.carousel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    position: relative;
}

.carousel-item {
    position: absolute;
    width: 37.2%;
    height: 95%;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transform-style: preserve-3d;
}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.carousel-item.center {
    transform: translateX(0) scale(1.1);
    z-index: 3;
}

.carousel-item.left {
    transform: translateX(-90%) scale(0.85);
    z-index: 2;
}

.carousel-item.right {
    transform: translateX(90%) scale(0.85);
    z-index: 2;
}

/* Fest an den Seiten positionierte Navigationspfeile */
.nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    border: none;
    font-size: 2rem;
    padding: 10px;
    cursor: pointer;
    z-index: 4;
}

.nav-button.left {
    left: 0px; /* Feste Position links */
}

.nav-button.right {
    right: 0px; /* Feste Position rechts */
}
.sec2_midbox{
	width: 30%;
	height: 30%;
	position: absolute;
	z-index: 10;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
	bottom: 1%;
	display: flex;
	justify-content: flex-start;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	background-color: white;
	padding: 1rem;
	box-sizing: border-box;
}
.sec2_midheaderwrapper{
	width: 100%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: 20px;
}
.stylestripem{
	width: 10%;
	border-bottom: 3px solid #D82424;	
}
.sec2_midboxheader{
	margin: 0;
	text-align: center;
	font-size: .8rem;
	font-weight: bold;
}
.sec2_midboxtext{
	font-size: .9rem;
	text-align: center;
}
.debug{
	width: 100%;
	height: 100lvh;
}
/*Section3----------------------------------------------------------------------------------------------------------------------------------------------------*/
.section3{}
.sec3{
	flex-direction: column;
	gap: 1rem;
}
.sec3_underliner{
	margin: 0;
    font-size: 1rem;
    color: #7F7F7F;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.sec3_header{
	text-align: center;
	margin: 0;
}
.sec3_conwrapper{
	margin-top: 1rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	justify-items: center;
	align-items: center;
}
.sec3_con{
	height: auto;
	width: 32%;
	border: 1px solid #7f7f7f;
	padding: 1.6rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	justify-items: center;
	align-items: flex-start;
	flex-direction: column;
	gap: .6rem;
}
.sec3_stylestripe{
	width: 20%;
	border-bottom: 2px solid #D82424;
	transition: .4s all linear;
}
.sec3_con:hover  .sec3_stylestripe{
	width: 100%;
}
.sec3_icon{
	width: 3rem;
}
.sec3_conheader{
	font-size: .9rem;
	font-weight: 500;
	margin: 0;
}
.sec3_context{
	font-size: .8rem;
	margin: 0;
}
/*section4----------------------------------------------------------------------------------------------------------------------------------------------*/
.section4 {

}
.sec4 {
	flex-direction: column;
}
.sec4butwrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: .6rem;
}
.sec4_but1 {
	padding: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	box-sizing: border-box;
	background-color: #1D1D1F;
	color: white;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	border: 1px solid #1D1D1F;
}
.sec4_but1:hover{
	cursor: pointer;
	background-color: #000000;
}
.sec4_but2 {
	padding: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	box-sizing: border-box;
	color: #1D1D1F;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	border: 1px solid #1D1D1F;
	font-weight: 500;
}
.sec4_but2:hover{
	cursor: pointer;
	background-color: #efefef;
}
.sec4_provenwrapper {
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
}
.sec4_provenpic {
	width: 10rem;
}
.sec4_provencolcon {
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: flex-start;
	flex-direction: column;
	gap: .2rem;
}
.sec4_stars {
	width: 8rem;
}
.sec4_text {
	margin: 0;
	font-size: 1rem;
	font-weight: bold;
}
/*Section5--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.section5 {}
.sec5 {
	flex-direction: column;
	gap: 1rem;
}
.sec5_underliner {
	margin: 0;
    font-size: 1rem;
    color: #7F7F7F;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.sec5_wrapper {
	margin-top: 2rem;
	display: flex;
	justify-content: space-between;
	justify-items: center;
	align-items: flex-start;
}
.sec5_con {
	width: 48%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: flex-start;
	flex-direction: column;
	gap: 1rem;
	background-color: #fbfbfb;
}
.sec5_conpic {
	width: 100%;
}
.sec5_conbox {
	width: 100%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: flex-start;
	flex-direction: column;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	box-sizing: border-box;
}
.sec5_conboxtop {
	width: 100%;
	display: flex;
	justify-content: space-between;
	justify-items: center;
	align-items: center;
}
.sec5_conboxheader {
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
}
.sec5_conboxbutton {
	margin: 0;
	padding: .6rem;
	padding-left: 1rem;
	padding-right: 1rem;
	background-color: #D82424;
	border-radius: 5px;
	color: white;
	font-size: .8rem;
	font-weight: bold;
	cursor: pointer;
}
.sec5_conboxbutton:hover{
	background-color: #b80404;
}
.sec5_conboxtext {
	font-size: 1rem;
	color: #7f7f7f;
}
/*sec6----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.section6 {}
.sec6 {}
.sec6_bg {
	border-radius: 15px;
	padding: 2rem;
	padding-top: 6rem;
	padding-bottom: 6rem;
	box-sizing: border-box;
	width: 100%;
	background-image: url(bilder/sec5.jpg);
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: space-between;
	justify-items: center;
	align-items: center;
}
.sec6_left {
	width: 60%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: flex-start;
	flex-direction: column;
	gap: 1rem;
}
.sec6_header {
	margin: 0;
	font-size: 1.2rem;
	color: white;
	font-weight: 500;
}
.sec6_text {
	margin: 0;
	font-size: 1rem;
	color: white;
}
.sec6_right {
	width: 40%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	gap: 1rem;
}
.sec6_but {
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	color: white;
	padding: .9rem;
	border-radius: 5px;
	width: 80%;
	background-color: #D82424;
}
.sec6_but:hover{
	cursor: pointer;
	background-color: #b80404;
}
.sec6_rightbot {
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: .6rem;
}
.sec6_pic {
	width: 10rem;
}
.sec6_pictext {
	margin: 0;
	font-size: .8rem;
	color: white;
}
/*Footer----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.footer{
	margin-top: 3rem;
	background-color: #EEF0F3;
}
.foot {
	flex-direction: column;
	gap: 1rem;
}
.footer_pic {
	width: 15rem;
}
.footerbox {
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	gap: 1rem;
}
.footertext {
	text-align: center;
	font-weight: bold;
	font-size: 1rem;
	margin: 0;
}
.owntag{
	font-size: .8rem;
	color: #7f7f7f;
}
.ownlink{
	color: #5f5f5f !important;
	text-decoration: none !important;
}
.footerlinkbox {
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: 3rem;
}
.footlinkcon {
	padding: 1rem;
	box-sizing: border-box;
	border-bottom: 1px solid #7f7f7f;
	transition: .2s all linear;
}
.footlinkcon:hover{
	padding: .1rem;
}
.footlink {
	color: black !important;
	text-decoration: none;
}


@media only screen and (max-width: 1100px) {
	.innerstart{
		transform: translateX(-50%) scale(.8);
	}
}
@media only screen and (max-width: 1050px) {
	.sec2_midboxtext{
		font-size: .8rem;
	}
	.sec5header{
		text-align: center;
	}
}
@media only screen and (max-width: 900px) {
	.linkwrapper{
		display:none;
	}
	.getintouch{
		display:none;
	}
	.menuopen{
		display: flex;
	}
	.carousel-item {
	    position: absolute;
	    width: 60%;
	    height: 90%;
	    transition: transform 0.5s ease, opacity 0.5s ease;
	    transform-style: preserve-3d;
	}
	.carousel-item.left {
	    transform: translateX(-30%) scale(0.85);
	    z-index: 2;
	}

	.carousel-item.right {
	    transform: translateX(30%) scale(0.85);
	    z-index: 2;
	}
	.sec2_midbox{
		width: 50%;
	}
	.sec6_bg{
		flex-direction: column;
		gap: 1rem;
	}
	.sec6_left{
		width: 90%;
	}
	.sec6_right{
		width: 90%;
	}
	.sec6_but{
		width: 100%;

	}
	.sec6_header{
		width: 100%;
		text-align: center;
	}
	.sec6_text{
		width: 100%;
		text-align: center;
	}
}
@media only screen and (max-width: 800px) {
	.sec4_but1{
		font-size: .8rem;
	}
	.sec4_but2{
		font-size: .8rem;
	}
}
@media only screen and (max-width: 750px) {
	.sec5_wrapper{
		flex-direction: column;
		justify-items: center;
		align-items: center;
		gap: 1rem;
	}
	.sec5_con{
		width: 90%;
	}
}
@media only screen and (max-width: 700px) {	
	.innerstart{
		transform: translateX(-50%) scale(.6);
	}
	.sec1{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 1rem;
	}
	.sec1_left{
		justify-content: center;
		align-items: center;
		width: 80%;
	}
	.secheader1{
		text-align: center;
	}
	.sec1_right{
		width: 90%;
	}
	.sec1_textheader{
		width: 100%;
		text-align: center;
	}
	#sec1break{
		display: none;
	}
	.sec3_conwrapper{
		flex-direction: column;
		gap: 1rem;
	}
	.sec3_con{
		width: 90%;
	}
	#sec3_break{
		display: none;
	}
	.sec3_header{
		width: 90%;
	}
	.sec4butwrapper{
		flex-direction: column;
		width: 100%;
	}
	.sec4_but1, .sec4_but2{
		width: 90%;
	}
	.sec6_header{
		font-size: 1rem;
	}
	.sec6_text{
		font-size: .8rem;
	}
	.sec6_but{
		font-size: .8rem;
	}
	.footertext{
		font-size: .8rem;
	}
	.footlink{
		font-size: .8rem;
	}
	.footer_pic{
		width: 60%;
	}
	.section{
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.secheader{
		font-size: 1.3rem;
	}
	.section4{
		padding-bottom: 3rem;
	}
}
@media only screen and (max-width: 550px) {
	.innerstart{
		transform: translateX(-50%) scale(1.0);
		width: 95%;
	}
	.start_header{
		font-size: 2rem;
	}
	.start_underliner{
		font-size: 1rem;
	}
	#startbreak{
		display: none;
	}
	.sec2_midbox{
		height: auto;
		bottom: 15%;
	}
	.sec2_midboxtext{
		display: none;
	}
	.sec2_midboxheader{
		font-size: .8rem;
	}
	.carousel-item {
	    height: 75%;
	}
	.sec4_provenwrapper{
		width: 90%;
	}
	.sec4_provenpic{
		width: 8rem;
	}
	.sec4_text{
		font-size: .8rem;
	}
}
@media only screen and (max-width: 400px) {
	.start_header{
		font-size: 1.5rem;
	}
	.start_underliner{
		font-size: .8rem;
	}
	.proventext{
		font-size: .8rem;
	}
	.sec4_provenwrapper{
		flex-direction: column;
	}
	.sec4_provenpic{
		width: 60%;
		margin-top: -12%;
		margin-bottom: -12%;
	}
	.sec4_provencolcon{
		align-items: center;
		justify-items: center;

	}
	.sec5_conboxtop{
		flex-direction: column;
		align-items: flex-start;
		gap: .4rem;
		height: auto;
	}
	.sec5_conbox{
		gap: 1rem;
	}
	.sec5authi{
		height: auto !important;
	}
}
@media only screen and (max-width: 350px) {
	.mobilemenu{
		width: 100%;
	}
}