/* Import Webfonts */
@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-VariableFont_wght.ttf") format("truetype");
  }

body {
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
	font-size:20px;
	line-height:150%;
	color:#717171;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

@media screen and (max-width: 980px) {
	body {
		font-size:16px;
	}
}

p {  
	font-size:20px;
	line-height: 1.5;
	margin-bottom: 20px;
}

@media screen and (max-width: 980px) {
	p {
	font-size:16px;
	}
}

p.text-center {
	text-align: center;
}

h1, h2, h3, h4, h5 {
    margin-top: 0px !important;
	font-family: 'Manrope', sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
	
h1 {
	font-size: 75px;
	font-weight:300;
	font-style: normal;
	color:#82607e;
	margin-bottom:28px;
	text-align: left;
	line-height:120%;
	}

@media screen and (max-width: 980px) {
	h1 {
		font-size: 50px;
	}
}


h2 {
	font-size: 50px;
	font-weight:300;
	font-style: normal;
	color:#82607e;
	margin-bottom:20px;
	line-height: 110%;
}

@media screen and (max-width: 980px) {
	h2 {
		font-size: 30px;
	}
}

h3 {
	font-size: 35px;
	font-weight:300;
	font-style: normal;
	color:#aca692;
	margin-bottom:14px;
	line-height:1.42;
}

@media screen and (max-width: 980px) {
	h3 {
		font-size: 25px;
	}
}

h4 {
	font-size: 30px;
	font-weight:600;
	color:#aca692;
	margin-bottom:8px;
	line-height:110%;
}

@media screen and (max-width: 980px) {
	h4 {
		font-size: 20px;
	}
}

h5 {
  font-size: 20px;
  font-weight:700;
  color:#aca692;
  margin-bottom:6px;
  line-height:110%;
}

@media screen and (max-width: 980px) {
	h5 {
		font-size: 16px;
	}
}


#breadcrumb div, #breadcrumb div p {
	font-size:14px; 
	font-weight:500; 
	line-height:130%; 
	letter-spacing:0.15px; 
}

#breadcrumb div p {
	margin-bottom:0px !important; 
}

.elevator p {
	font-size:20px; 
	line-height:160%; 
}

footer h3 {
	font-size: 18px;
	font-weight:600;
	color:#fff;
	margin-bottom:10px;
	text-align:left;
}

footer p {
	color:#fff;
	line-height:1.444;
	font-weight:400;
	font-size:18px;
	letter-spacing:-0.3px !important; 
}

.font-small {
	font-size:18px !important;
	line-height:120%;
}

h1.count {
	color:#20683D; 
	font-size:106px; 
	font-weight:600;
	margin-bottom:10px !important; 
}


td { font-size: 18px; }


/* Listen */
ul { margin-left:-25px; }
#inhalt ul { margin-left:-15px; }
#inhalt ul li { margin-bottom:8px; }

ul#menu {
	margin-left:0px !important; 
}


ol {
	margin-left:-7px;
	list-style: none; 
	counter-reset: li
}

ol li {
	margin-bottom:10px; 
}

ol li::before {
	content: counter(li) "."; 
	color:  #09410f;
	display: inline-block; 
	width: 1.5em;
	margin-left: -1.5em
}


ol li {counter-increment: li}




/* Linkstile  Section Weiss*/
main a img, a, a img, img { border:0px; outline:none !important;}
a img, a, a img, img { border:0px; outline:none !important;}
main a, main a:visited,
main a.download,
main a.internal-link,
main a.external-link-new-window,
main a.mail,
main a.pdf { 
	display:inline-block;
	color: #82607E !important;
	text-decoration: underline;
	padding: 0;
	background-color:transparent;
	transition: all .2s ease;
}

main a:hover,
main a.internal-link:hover, 
main a.external-link-new-window:hover, 
main a.internal-link-new-window:hover,
main a.pdf:hover, main a.download:hover,
main a.mail:hover { 
	color:#000;
	/*background-color:#F5E513;*/
}




/* Bildcombo */
main .bildcombo a:hover {
	color: #000;
	background-color: transparent !important; ; 
}



/* Footer Linkstile */
footer a, footer a:visited { color:#fff; text-decoration:none; }
footer a:hover, footer a:focus { color:#fff; text-decoration:underline; }
a.megura {text-decoration:none; color:#cfcdc6 !important; font-size:12px !important; padding:0px;  }


/* Buttons */
span.button-standard,
p.button-standard,
a.button-standard,
input.button-standard {
	text-decoration:none !important;
	background-color: transparent;
	display: inline-block;
  	padding: 11px 33px 9px;
	font-weight:800;
	margin-bottom: 0;  
	font-size:18px !important;
	letter-spacing:1px; 
	line-height: 100%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
    text-transform:none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-decoration:none !important;
	border-radius: 5px !important;
	color: #82607E !important;
	border: 2px solid #82607E!important;
	background: linear-gradient(to right, #82607E 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: bottom right;
	transition: all .4s ease-out;
}

a.button-standard:hover,
input.button-standard:hover {
	color:#fff !important;
	background-position: bottom left;
}

.btn {
	font-size:inherit !important; 
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow:none !important; 
}


.white {
	color:#fff !important; 
}

.download i.fas, .pdf i.fas {
	margin-right:7px !important; 
}


.card-footer a.download,
.card-footer a.link,
.card-footer a.video {
	display:block !important;
	float:none !important; 
	position:relative;
	padding-left: 30px;
	text-decoration:none !important; 
}

.card-footer a.download::before,
.card-footer a.link::before,
.card-footer a.video::before {
  	display: initial !important;
	float: initial !important;
	position: absolute;
	padding-left: 0px;
	margin-left: -30px;
	margin-bottom: -3px;
	bottom: 0px;
}

.card-footer a.download:hover,
.card-footer a.link:hover,
.card-footer a.video:hover {
	color:#82607e !important;

}


.card-footer a.link::before {
	content: url("/typo3conf/ext/t3master/Resources/Public/Images/arrow-up-right-from-square-regular.svg");
	width:20px; 
}

.card-footer a.video::before {
	width: 25px;
	height: 25px;
	content: " ";
	background-image: url('../Images/circle-video-solid.svg');
	position: absolute;
	top: 2px;
}

/* Cookie Consent */
.cc-message {
	font-size: 14px;
	line-height: 120%;
}

/* RESPONSIVE FONTS
------------------------------------------------- */

/*
@media screen and (min-width: 1980px) { 	
	body {	font-size:18px;  }
	h1 { font-size: 68px; }
}


@media screen and (max-width: 1200px) { 
	h1 { font-size: 62px; }
	h2 { font-size: 46px; }
}

@media screen and (max-width: 992px) { 	
	h1 { font-size: 54px; }
	h2 { font-size: 40px; }
	h5 { font-size: 23px;  }

}

@media screen and (max-width: 767px) { 	
	h1 { font-size: 48px; margin-bottom: 24px; }
	h2 { font-size: 38px; }
	h3 { font-size: 30px;  }
	h4 {}
	h5 { font-size: 22px; }

	footer h2 { font-size: 17px !important; }
	footer p { font-size:17px; 	}
}


@media screen and (max-width: 576px) { 
	h1 { font-size: 40px;  }
	h2 { font-size: 34px; }
	h3 { font-size: 27px; }
	h5 { font-size: 20px;  }

}


@media screen and (max-width: 480px) { 
	h1 { font-size: 36px;  }
	h2 { font-size: 29px; }
	h3 { font-size: 26px; }
	h4 { font-size: 18px; }
}

*/






/* Typo3 RTE
------------------------------------------------- */

body.cke_editable p,
body.cke_editable ul li  {
	font-size:17px !important;
	margin-top:0px !important
}

body.cke_editable p.text-center {
	text-align: center;
}

body.cke_editable h1 {
	font-size: 42px;
}

body.cke_editable h2 {
	font-size: 36px;
}

body.cke_editable h3 {
	font-size: 28px;
}

body.cke_editable h4 {
	font-size: 18px;
}

body.cke_editable h5 {
  font-size: 18px;
}



body.cke_editable .text-right {
	text-align: right;
}

body.cke_editable .text-center {
	text-align: center;
}