@charset "utf-8";
/* CSS Document */

/****** Fonts *****/

/* roboto-200 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/roboto-v47-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/******Color*****/

.bgBlack{ background-color:#000; }
.bgWhite{ background-color:#FFFFFF;}
.bgPurple{ background-color: #4e2268; }
.bgPink{ background-color:#c61977; }

.fgWhite{ color:#FFFFFF;}
.fgPurple { color: #4e2268;}
.fgPink { color: #c61977;}

/************* globals **********/

html{
	height: auto;
	min-height: 100%;
}
body{
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgb(239, 157, 144) 43%, rgb(222, 124, 170) 100%);
	/*background: linear-gradient(90deg, rgb(255 255 255 / 50%) 0%, rgb(255 240 214 / 68%) 40%);*/
	padding:0;
	font-family: 'Roboto';
    font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (2500 - 300)));
	font-weight: 300;
	line-height:1.6;
	-webkit-overflow-scrolling: touch;
	z-index: 10;
	/*width: 100%;*/
	/*height: 100vh;*/
}

.overlayBg{
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgb(239, 157, 144) 43%, rgb(222, 124, 170) 100%);
	width: 100%;
	mix-blend-mode: multiply;
}



.mountainBg{
	background-image: url(../img/mountain-palmen.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-position: bottom;
	background-size: contain;
	position: absolute;
	bottom: 0;
	z-index: -100;

}

.ebeneBg{
	background-image: url(../img/montain_ebene_2.svg);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-position: bottom;
}

.palmenImg{
	max-width: 100px;
	left: 60vw;
	bottom: 100px;
	position: fixed;
}


/*.mountainImg{*/
/*	width: 100vw;*/
/*	bottom: 0;*/
/*	z-index: 10;*/
/*	mix-blend-mode: multiply;*/
/*}*/

/*.ebeneImg{*/
/*	width: 100vw;*/

/*	bottom: 0;*/
/*	z-index: 10;*/
/*}*/




.zIndexFront{ z-index: 500;}
.zIndexBack{ z-index: 200;}

.container{
	padding-left: 5vw;
	padding-right: 5vw;
}
.row{
	display: flex;
	align-items: center;
}

/************* padding **********/

.noBsPadding { padding-left: 0; padding-right:0; }
.pZero { padding: 0;}
.mBottom { margin-bottom: 25px;}
.mTopVerySmall { margin-top: 2vh; }

.pTopVerySmall { padding-top: 1vh; }
.pTopSmall { padding-top: 4vh; }
.pTopMedium { padding-top: 6vh; }
.pTop { padding-top: 5vH; }

.pBottomVerySmall { padding-bottom: 1.5vh; }
.pBottomSmall { padding-bottom: 2vH; }
.pBottomMedium { padding-bottom: 4vh; }
.pBottom { padding-bottom: 28vh; }

.pLeftVerySmall { padding-left:35px; }
.pLeftSmall { padding-left:4vW; }
.pLeft { padding-left:6vW; }
.pLeft { padding-left:6vW; }

.pRightVerySmall { padding-right:0.5vW; }
.pRightSmall { padding-right:4vW; }
.pRight { padding-right:2.3vW; }

.mLeft2{    margin-left: -0.5vw;}

.pTopSmallImg { padding-top: 4vh; }
.pBottomSmallImg { padding-bottom: 0; }

.TextAlignLeft{text-align: left;}
.TextAlignRight{text-align: Right;}

/************* fonts **********/

h1 {
	font-size: calc(20px + (45 - 20) * ((100vw - 300px) / (2500 - 300)));
	font-family: 'Roboto';
	font-weight: 700;
}

h2 {
	font-size: calc(28px + (35 - 28) * ((100vw - 300px) / (2500 - 300)));
	font-family: 'Roboto';
	font-weight: 700;

}

h3 {
	font-family: 'Roboto';
	font-size: calc(25px + (30 - 25) * ((100vw - 300px) / (2500 - 300)));
	font-weight: 700;
	letter-spacing:-0.02em;
	line-height: 1.4;
}

h4 {
	font-family: 'Roboto';
	font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (2500 - 300)));
	font-weight: 700;
	letter-spacing:-0.02em;
	line-height: 1.4;
}


p{
	font-family: 'Roboto';
	font-weight: 300;
	font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (2500 - 300)));
}
strong{
	font-weight: 700;
}

.light{
	font-weight: 300;
}


/************* link **********/

a{
	font-family: 'Roboto';
	font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (2500 - 300)));
	font-weight: 700;
    text-decoration: none;
	color: white;
}


a:hover, a:active, a:focus, a:visited {
	color: #c61977;
}


a:active {
	text-decoration:underline;
}



/************* footer **********/

.footer {
	padding: 0 0px;
	position: fixed;
	width: 100%;

	bottom: 0;
}



.footerLink{
	background-color: #4f2162;
	bottom: 10px;
	width: 100%;
	height: 50px;
	z-index: 1000 !important;
	padding: 0 20px;
}

.mountainBgImg{
	width: 100%;
    z-index: 00;
	position: relative;
	max-height: 230px;
}

#footer .fLink {
    position: relative;
    z-index: 2;
    cursor: pointer;
}



/************************************  Nu  *********************************************/
b{
    font-weight: 700;
}



#header{
	position: relative;
	width: 100vw;
	min-height: 550px;

}

#videoHeader{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;

	min-height: 550px;
}

#hVideo{
	position: relative;
	width: 100%;
	left: 0;
}

#logo{
	position: relative;
	width: auto;
	height: auto;
	z-index: 10;
}

#logo img{
	width: 100%;
	max-width: 250px;
}

.bgOverlayCrate{
	bottom: 0;
	background-color: white;
	position: absolute;
	width: 60vw;
	height: 120px;
	left: 0;
	z-index: 10;
}

.logoImg{
	width: 60vw;
	height: 130px;
}

.fullWidth{
    width: 100%;
    height: auto;
}

.oversizeImg{
	width: 130%;
	height: auto;
}

.oversizeBigImg{
	width: 170%;
	height: auto;
}

.leftImg{
	position: relative;
	width: 130%;
	height: auto;
	right: 40%;
}

.alignTop{
    align-items: start;
}

img{
    position: relative;
}

.rightTopNegMarge{
    margin-top: -4vh;
    margin-left: 3vw;
    z-index: 0;
}

.leftTopNegMarge{
    margin-top: -10vh;
    margin-left: -3vw;
}

.flower2{

    float: right;
    margin-right: -4vw;
    max-width: 300px;
}

.topNegMarge{
    margin-top: -8vh;
    z-index: 15;
}

.flowerWidth{
	position: relative;
	left: 100%;
	max-width: 80%;
	width: 180px;
	z-index: 100;
}

.noPadding{
    padding: 0;
}

.noPadding .container {
    padding-left: 10vw;
}

.containerRightBgPurple {
	padding-left: 5vw;
	padding-right: 5vw;
}


/**************************** Media Queries *****************************/

@media(min-width:1920px) {

    .container {
            padding-left: 40px;
            padding-right: 40px;
    }

    .leftTopNegMarge{
            margin-left: -30px;
    }

	.stdBTN {
		min-width: 420px;
	}
}




@media(max-width:768px){

	.palmenImg{
		max-width: 58px;
		left: 60vw;
		bottom: 8px;
		position: relative;
	}


}

@media (max-width: 576px) {

	body{

		height: 100%;
	}

	#header {
		min-height: 470px;
	}

	#logo {
		text-align: center;
	}

	.subHeadline{
		h2{

			font-size: calc(22px + (20 - 22) * ((100vw - 300px) / (2500 - 300)));
		}
		text-align: center;
		padding-left: 0;
		padding-bottom: 5vh;
	}

	h2{}

	.palmenImg{
		max-width: 58px;
		left: 60vw;
		bottom: 8px;
		position: relative;
	}


	.mountainBg {

		background-position: bottom right;
		background-position-x: -490px;
		background-size: 270%;
		position: absolute;
		bottom: 0;
	}

	.noPaddingXS .innerContent {
		width: 102%;
		left: unset;
		padding-left: 20px;
	}
	.marginLeftRight{
		margin-left: 0;
		margin-right: 0;
	}

	.modal-content {
		margin-top: 10%;
	}

	.pTop {
		padding-top: 1vh;
	}

	.pTopVerySmall{
		padding-top: 5vh;
	}
	.displayNone{
		display: none;
	}

	.text-end{
		padding-top: 3vw;
		text-align: left !important;
	}





	.row {
		--bs-gutter-x: unset;
	}

	.paddingZero{
		padding: 0;
	}

	.footer{
		padding: 0px 0px;
		bottom: 0;

	}

}