/* montserrat-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: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/montserrat-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - 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: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - 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: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - 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: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/montserrat-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root {
	--schwarz: #010203;
	--actioncolor: #00504E;
	
	--abstand1: 1vh;
	--abstand2: 2vh;
	--abstand3: 3vh;
	--abstand4: 4vh;
	--abstand5: 5vh;
	--abstand7: 7vh;
	--abstand10: 10vh;
	
	--fontsize: 102%;
	--lineheight: 135%;
}


html, body {
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: var(--fontsize);
	line-height: var(--lineheight);
	 -webkit-text-size-adjust: 100%;
	 -ms-text-size-adjust: 100%;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
	color: #000000;
}



a, 
a:visited {
	color: var(--schwarz);
	text-decoration: none;
}

a:hover, 
a:active {
	color: var(--actioncolor);
	text-decoration: underline;
}

h1 {
 font-size: 270%;
 line-height: 125%;
 margin: 0px;
 padding: 0px;
 font-weight: 800;
 color: var(--actioncolor);
}

p {
	margin: 0px 0px 15px 0px;
}

.text-s {
	font-size: 85%;
	line-height: var(--lineheight);
}

.container {
	padding: 5vw;
	box-sizing: border-box;
}

.my-slider-item img {
	width: 100%;
	height: auto;
}

.titel-block {
	margin: var(--abstand5) 0px;
}

.text-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.text-container > .textblock {
	flex-basis: calc((100% / 4) * 3);
	box-sizing: border-box;
	padding: 0px 11vw;
	box-sizing: border-box;
	
	column-count: 2;
	column-gap: 4vw;
}

.text-container > .textblock p:not(.bold-einzug) {
	margin-bottom: 0px;
}

.text-container > .adressblock {
	flex-basis: calc((100% / 4) * 1);
	padding-left: 22px;
	box-sizing: border-box;
}


.adressblock > div:not(:last-child) {
	margin-bottom: 15px;
} 

.adressblock .logo {
	margin-bottom: 35px !important;
}

.adressblock .logo img {
	width: 100%;
	max-width: 300px;
}


.adressblock .adresse span:not(:last-child):after {
	content: " |";
	margin: 0px 5px;
}


.gruen {
	color: var(--actioncolor);
	font-weight: 600;
}

.bold-einzug {
	font-weight: 800;
	text-indent: 22px;
}

.tns-nav {
	text-align: center;
	margin-top: 30px;
}

.tns-nav button {
	width: 20px;
	height: 20px;
	margin: 0px 5px;
	border-radius: 100%;
	background: none;
	border: solid 1px var(--actioncolor);
	padding: 0px;
}

.tns-nav button.tns-nav-active {
	background: var(--actioncolor) !important;
}

@media all and (max-width: 1830px) {

	.adressblock .adresse span:not(:last-child):after {
		display: none;
	}
	.adressblock .adresse span {
		display: block;
	}
	
}


@media all and (max-width: 1440px) {

	.text-container > .textblock {
		padding: 0px 8vw 0vw 0vw;
	}


}


@media all and (max-width: 1280px) {
	
	.text-container > .textblock {
		flex-basis: calc((100% / 3) * 2);
	}
	
	.text-container > .adressblock {
		flex-basis: calc((100% / 3) * 1);
	}

}

@media all and (max-width: 834px) {

	.text-container > .textblock {
		column-count: 1;
		column-gap: 0vw;
	}
	
	.tns-nav button {
		width: 16px;
		height: 16px;
	}
}


@media all and (max-width: 768px) {
	
	h1 {
	 font-size: 220%;
	 line-height: 125%;
	}
	
	.text-container {
		flex-wrap: wrap;
	}
	.text-container > .textblock {
		flex-basis: 100%;
		column-count: 1;
		column-gap: 0vw;
		padding: 0px;
	}
	
	.text-container > .textblock br:after {
		content: " ";
		display: block;
	}
	
	.text-container > .adressblock {
		flex-basis: 100%;
	}
	
	.text-container > .adressblock {
		padding-left: 0px;
		margin-top: var(--abstand7);
	}
	
	.text-container > .textblock p {
		margin-bottom: 15px !important;
	}

}





@media all and (max-width: 650px) {
	
	.container {
		padding: 30px;
	}
	
	h1 {
	 font-size: 200%;
	 line-height: 125%;
	}
	

	
}




@media only screen and (max-width: 834px) and (orientation:portrait)  {
	

	
}

@media only screen and (max-width: 736px) and (orientation:landscape)  {

	
}