/* cmsms stylesheet: hero-css modified: Sonntag, 11. Oktober 2026 13:24:23 */
/* ------------------------------------------DEFAULT----------------------------------------------- */

html{
	overflow-y: scroll;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	*behavior:url(/javascript/boxsizing.htc);
	}
	
img,video{
	border: none;
	width: 100%;
	height: auto;
	}

body {
	margin: 0px;
	padding: 0px;
	color: rgba(200,200,200,1);
	font-family: 'Montserrat', sans-serif;
	font-size: 75%;
	font-weight: 500; 
	line-height: 1.5;
	transition: all 0.5s ease;
	-webkit-font-variant-ligatures: no-common-ligatures;
	font-variant-ligatures: no-common-ligatures;
	background-color: rgba(0,0,0,1);
	}
	
body {
    opacity: 1;
    transition: 0.5s opacity;
	}

body.fade-out {
    opacity: 0;
    transition: none;
	}

li{
	margin: 0px 0px 1em 0px;
	}
	
p,
ul,
.section,
.subtext,
a.button{
	color: rgba(200,200,200,1);
	display: block;
	margin: 0px 0px 2em 0px;
	}
	
h1,h2,h3,h4,.headline1,.headline2,.headline3,.headline4{
	font-family: 'Montserrat', sans-serif;
	color: rgba(200,200,200,1);
	padding: 0px;
	display: block;
	}

h1{
	font-size: 0.5em;
	font-weight: 100;
	/*margin: 0px 0px 2em 0px;*/
	color: rgba(200,200,200,1); 
	}

h2,.headline2{ 
	font-size: 2.986em;
	font-weight: 400; 
	/*margin: 0px 0px 1em 0px;*/
	}
	
h3,.headline3 { 
	font-size: 2.074em;
	margin: 0px 0px 1em 0px;
	font-weight: 300; 
	}
	
h4,.headline4 { 
	font-size: 1.44em;
	font-weight: 300;
	margin: 0px 0px 1em 0px;
	}



	
.hpl2{
	font-size: 0px;
	margin: 0px;
	}
	
.hand{
	font-family: 'Indie Flower';
	font-size: 2em;
	margin: 1em 0px 1em 2em;
	}
	
a{
	color: rgba(49,64,151,1);
	text-decoration: underline;
	font-weight: 600;
	}
	
a:hover{
	color: rgba(49,64,151,1);
	text-decoration: none;
	transition: all 0.5s ease;
	font-weight: 600;
	}
	
a.detail,	
a.back{
	font-weight: 600;
	color: rgba(200,200,200,1);
	display: block;
	}

a.detail:hover,	
a.back:hover{
	text-shadow: 0 0 0.1em #ffffff, 0 0 0.2em #ffffff;
	color: rgba(255,255,255,1);
	}
	

a.detail:after {
    clear: both;
	}


p a{
	text-decoration:underline;
	white-space: nowrap;
	}
	
p a:hover{
	text-decoration:none;
	white-space: nowrap;
	}
	
p .email a{
	font-size: 1em !important;
	}

.line,	
.clear {
	clear: both;
	height: 0px;
	}

.lef {
	float: left;
	}

.rig {
	float: right;
	}
	
span{
	white-space: nowrap;
	}
	
.leer{
	display: none;
	}
	
.subtext{
	font-size: 0.8em;
	}
	
.variclear{
	clear: both;
	}

.redbox{
	padding: 0px 2em 0px 2em;
	}
	
.redbox p,	
.redbox .headline3,
.redbox .headline4{
	font-weight: 600;
	color: rgba(255,255,255,1);
	}
	
/*---------------------------------GRID------------------------------*/
		
.outer{
	background-size: cover !important;
	background-position: center !important;
	background-repeat:no-repeat !important;
	}
	
.inner{
	padding: 2em 0px 2em 0px;
	}
	
#menu .inner{
	padding: 0px 0px 0px 0px;
	}

.headline .inner{
	padding: 2em 0px 0em 0px;
	}
	
#footer .inner{
	padding: 2em 0px 0em 0px;
	}	
	
a.boxlink .inner{
	padding: 2em 0px 2em 0px;
	}
	
.hibi{
	min-height: 50vw;
	}
	
.wrapper{
	margin: 0px 5em 0px 30px;
	}
	
header .wrapper{
	margin: 0px 0px 0px 30px;
	position: relative;
	}
	
main .wrapper,
footer{
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: right bottom;
	background-attachment: fixed;
	}
	
main .wrapper{
	background-image: url(/images/overlay5.svg);
	}
	
footer{
	background-image: url(/images/overlay10.svg);
	}
	
	
/*----------------------------MAIN---------------------------------*/

header{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
	}
	
#header{
	background-color: rgba(0,0,0,1);
	/*webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);*/
	}
	
#logo{
	position: relative;
	float: left;
	width: 50%;
	}
	
#logo .inner{
	padding: 2em 0px 1em 30px;
	}	
	
/*-----------------------------KONTAKTINFO------------------------------*/

#topinfo,	
#bottominfo{
	display: none;
	}

.kontaktinfo{
	white-space: nowrap;
	display: block;
	}
	
.kontaktinfo .one,
.kontaktinfo .two,
.kontaktinfo .two .fir,
.kontaktinfo .one .sec{
	float: left;
	}
	
.kontaktinfo .one{
	width: 15em;
	}
	
.kontaktinfo .two .fir{
	width: 5em;
	}
	
/*-----------------------------LANGUAGE------------------------------*/
	
#languagebox{
	width: 60px;
	color: #ffffff;
	position: absolute;
	top: 0em;
	left: 30px;
	font-size: 1em;
	background: rgba(000,000,000,0);
	}
	
.german,.english,.france{
	text-align: right;
	float: left;
	width: 30%;
	margin: 0px 3% 0px 0px;
	line-height: 0px;
	}
	
#languagebox a.inactiveLangLink img{
	opacity: 0.25;
	}
	
#languagebox a.activeLangLink img{
	opacity: 1.0;
	}
	
/*---------------------------MENU-------------------------------*/

#menu{
	background-color: rgba(49,64,151,1);
	}

#menuicons{
	float: right;
	}
	
#menuicons a{
	text-decoration: none;
	}
	
#menuicon,	
#callicon,
#mailicon{
	float: right;
	}
	
#menuicon i,	
#callicon i,
#mailicon i{
	font-size: 2em;
    line-height: 1.7em;
	padding: 0.5em;
    width: 1.7em;
    background-color: rgba(49,64,151,1);
    display: block;
    text-align: center;
	color: rgba(255,255,255,1);
	}
	
#mailicon{
	border-left: 1px transparent solid;
	border-right: 1px transparent solid;
	}
	
#menu ul,
#menu ul li,
.submenu{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#menu ul input[type="checkbox"], 
#menu ul span.drop-icon,
#menu ul,
#tm {
	display: none;
	}

#tm:checked + .mainmenu {
	display: block;
	}

#menu ul li{
	margin: 0px;
	width: 100%;
    float: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	}
	
#menu ul li ul li{
	border-bottom: none;
	}

#menu ul li,  
#menu ul a {
	display: block;
	color: rgba(200,200,200,1);
	}

#menu ul a {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	font-size: 1.5em;
	font-weight: 900;
	text-decoration: none;
	padding: 0.5em 5%;
	}
	
#menu ul li ul a {
	font-weight: 400;
	}

#menu ul a:hover {
	transition: all 0.5s ease;
	color: rgba(255,255,255,1);
	text-decoration: none;
	text-shadow: 0 0 0.1em #ffffff, 0 0 0.2em #ffffff;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	}

#menu ul .current >a,
#menu ul .parent >a{
	color: rgba(255,255,255,1);
	}
	
#menu ul .submenu {
	display: none;
	transition: all .5s ease-in-out;
	}

#menuicon .drop-icon, 
#menu ul li label.drop-icon {
	font-size: 1em;
	line-height: 1em;
	padding: 1.5em 1em 1.5em 1em;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	color: rgba(200,200,200, 1);
	}

#menu ul input[type="checkbox"] + label.drop-icon:after {
	content:"\25BC"
	}

#menu ul input[type="checkbox"]:checked + label.drop-icon:after  {
	content:"\25B2"
	}

#menu ul input[type="checkbox"]:checked ~ .submenu {
	display: block;
	}
	
/*-----------------------------MAIN-----------------------------*/

#headerimage{
	background-repeat:no-repeat !important;
	background-position: center !important;
	background-attachment: scroll !important;
	background-size: cover !important;
	position: relative;
	overflow: hidden;
	}

#headerimage-overlay{
	position: absolute;
	width: 100%;
	height: 40vw;
	left: 0%;
	top: 0px;
	background-image: url(/images/baum-overlay.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left top;
	z-index: 10;
	}
	
main{
	background-color: rgba(50,50,50,1);
	}
	

/*---------------------------BUTTON----------------------------------*/

button,	
a.button {
	color: rgba(200,200,200,1);
	background: rgba(49,64,151,1);
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1em;
	text-decoration: none;
	padding: 0.5em 0.8em 0.6em 0.8em;
	border:0 none;
	cursor:pointer;
	display: block;
	}
	
	
	
button:hover,	
a.button:hover {
	color: rgba(255,255,255,1);
	background: rgba(49,64,151,1);
	text-decoration: none;
	text-shadow: 0 0 0.1em #ffffff, 0 0 0.2em #ffffff;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	/*-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.15);*/
	}



button:after,	
a.button:after{
	clear: both;
	}
	
a.button.red{
	color: rgba(255,255,255,1);
	background: rgba(255,0,0,1);
	float: left;
	font-size: 2em;
	margin: 0px;
	}

a.button.red span{
	margin: 0px 1em 0px 0px;
	}
	
a.button.red:hover{
	color: rgba(255,255,255,1);
	background: rgba(255,0,0,1);
	}


	
/* ---------------------------- AUSZEICHNUNGEN --------------------------*/

figure.ausz{
	float: left;
	width: calc((100% - 2em) / 3);
	margin: 0px 1em 2em 0px;
	}

figure.ausz:nth-of-type(3n){
	margin-right: 0px;
	}

figure.ausz a{
	display: block;
	}

/* ---------------------------- BEWERTUNGEN --------------------------*/

.sr-only{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0px;
	}

.bewertung-hp{
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

.bewertung{
	margin: 0px 0px 2em 0px;
	}

.bewertung-kopf time{
	margin: 0px 0px 0px 1em;
	opacity: 0.7;
	}

.bewertung-feld{
	margin: 0px 0px 2em 0px;
	}

.bewertung-feld label{
	display: block;
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
	}

.bewertung-feld input[type="text"],
.bewertung-feld textarea{
	display: block;
	width: 100%;
	min-height: 44px;
	padding: 0.5em 0.8em;
	border: 0px none;
	background-color: rgba(255,255,255,1);
	color: rgba(50,50,50,1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.bewertung-feld textarea{
	resize: vertical;
	}

.bewertung-zustimmung{
	display: flex;
	align-items: flex-start;
	}

.bewertung-zustimmung input{
	flex: 0 0 auto;
	width: 1.5em;
	height: 1.5em;
	margin: 0px 1em 0px 0px;
	}

.bewertung-zustimmung label{
	margin: 0px;
	}

.bewertung-formular button{
	display: block;
	width: 100%;
	min-height: 44px;
	background: rgba(49,64,151,1);
	color: rgba(200,200,200,1);
	border: 0px none;
	cursor: pointer;
	}

.bewertung-formular button:hover{
	background: rgba(49,64,151,1);
	color: rgba(255,255,255,1);
	}

.bewertung-fehler{
	color: rgba(255,120,120,1);
	}

.bewertung-ok{
	font-weight: 600;
	}

/* ---------------------------- MOBILE REIHENFOLGE --------------------------*/
/* Standard: Reihenfolge wie im HTML (Block N = Wert N*10). Klasse mvorN stellt einen Block am Handy vor Block N, mende ans Ende. */

#content{
	display: flex;
	flex-direction: column;
	--mobil: 1;
	}

#content > .outer{
	order: calc(var(--m, 1000) * var(--mobil));
	}

#content > .outer:nth-child(1){ --m: 10; }
#content > .outer:nth-child(2){ --m: 20; }
#content > .outer:nth-child(3){ --m: 30; }
#content > .outer:nth-child(4){ --m: 40; }
#content > .outer:nth-child(5){ --m: 50; }
#content > .outer:nth-child(6){ --m: 60; }
#content > .outer:nth-child(7){ --m: 70; }
#content > .outer:nth-child(8){ --m: 80; }
#content > .outer:nth-child(9){ --m: 90; }
#content > .outer:nth-child(10){ --m: 100; }
#content > .outer:nth-child(11){ --m: 110; }
#content > .outer:nth-child(12){ --m: 120; }
#content > .outer:nth-child(13){ --m: 130; }
#content > .outer:nth-child(14){ --m: 140; }
#content > .outer:nth-child(15){ --m: 150; }
#content > .outer:nth-child(16){ --m: 160; }
#content > .outer:nth-child(17){ --m: 170; }
#content > .outer:nth-child(18){ --m: 180; }
#content > .outer:nth-child(19){ --m: 190; }
#content > .outer:nth-child(20){ --m: 200; }

#content > .outer.mvor1{ --m: 5; }
#content > .outer.mvor2{ --m: 15; }
#content > .outer.mvor3{ --m: 25; }
#content > .outer.mvor4{ --m: 35; }
#content > .outer.mvor5{ --m: 45; }
#content > .outer.mvor6{ --m: 55; }
#content > .outer.mvor7{ --m: 65; }
#content > .outer.mvor8{ --m: 75; }
#content > .outer.mvor9{ --m: 85; }
#content > .outer.mvor10{ --m: 95; }
#content > .outer.mvor11{ --m: 105; }
#content > .outer.mvor12{ --m: 115; }
#content > .outer.mvor13{ --m: 125; }
#content > .outer.mvor14{ --m: 135; }
#content > .outer.mvor15{ --m: 145; }
#content > .outer.mvor16{ --m: 155; }
#content > .outer.mvor17{ --m: 165; }
#content > .outer.mvor18{ --m: 175; }
#content > .outer.mvor19{ --m: 185; }
#content > .outer.mvor20{ --m: 195; }
#content > .outer.mende{ --m: 5000; }

@media only screen and (min-width: 650px) {

	#content{
		--mobil: 0;
		}

	}

/* ---------------------------- ANIMATION --------------------------*/

#heroimage {
	position: relative;
	height: 100vh;
	}

#heroimage figure{
	position: absolute;
	backface-visibility: hidden;
	background-size: cover;
	background-position: center;
	color: transparent;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	opacity: 0;
	z-index: -100;
	-webkit-animation-name: fade;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 12s;
	animation-name: fade;
	animation-iteration-count: infinite;
	animation-duration: 12s;
	background-image: url('/images/startseite3.jpg');
	}

#heroimage figure:nth-of-type(1) {
	background-image: url('/images/startseite3.jpg');
	animation-delay: 8s;
	}
	
#heroimage figure:nth-of-type(2) {
	background-image: url('/images/startseite2.jpg');
	animation-delay: 4s;
	}
	
#heroimage figure:nth-of-type(3) {
	background-image: url('/images/startseite1.jpg');
	animation-delay: 0s;
	}


@-webkit-keyframes fade {
	0% {opacity: 0;}
	20% {opacity: 1;}
	33% {opacity: 1;}
	53% {opacity: 0;}
	100% {opacity: 0;}
	}

@keyframes fade {
	0% {opacity: 0;}
	20% {opacity: 1;}
	33% {opacity: 1;}
	53% {opacity: 0;}
	100% {opacity: 0;}
	}
	
#heroimage-overlay{
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 30%;
	line-height: 0px;
	}
	
/*-----------------------------IMAGEDES-----------------------------*/	
	
.imagedes p{
	font-size: 0.75em;
	}
	
/*-------------------------------MAPS-------------------------------*/

#map{
	position: relative;
	width: 100%;
	height: 50vh;
	z-index: 4;
	}
	
/*--------------------------SIDEBAR------------------------------*/

#typobox,
#back-top {
	position: fixed;
	right: 0em;
	z-index: 100;
	background-color: rgba(49,64,151,1);
	}
	
#typobox{
	display: none;
	}

#back-top{
	bottom: 10%;
	}

#typobox a,
#back-top a {
	font-size: 1.5em;
	padding: 0.4em;
	display: block;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	line-height: 1em;
	text-decoration: none;
	color: rgba(200,200,200,1);
	}

#typobox a:hover,	
#back-top a:hover {
	color: rgba(255,255,255,1);
	text-shadow: 0 0 0.1em #ffffff, 0 0 0.2em #ffffff;
	}
	
/*-----------------------------FOOTER-------------------------*/

footer{
	background-color: rgba(49,64,151,1);
	/*webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);*/
	}
	
#footer{
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	}	

#footer a{
	text-decoration: none;
	color: rgba(200,200,200,1);
	}
	
#footer a:hover{
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 0.1em #ffffff, 0 0 0.2em #ffffff;
	}
	
#footer .one .fir .fir{
	float: left;
	width: 100px;
	}
	
#footer .one .fir .sec{
	float: left;
	}

#footer input{
	display: none;
	}
	
#footer ul,
#footer ul li ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#footer li {
	line-height: 2;
	margin: 0px 0px 0px 0px;
	}
	
#footer .three{
	clear: both;
	}
	
/*-----------------------------STIKYFOOTER-------------------------*/

* {
	margin: 0;
	}

html, body {
	height: 100%;
	}

main {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 0px -60em 0px;
	}

footer, #minheight {
	height: 60em;
	}
	
/*------------------------------FLAMES------------------------------------

canvas {
	position: relative;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	image-rendering: optimizeSpeed;             
	image-rendering: -moz-crisp-edges;          
	image-rendering: -o-crisp-edges;            
	image-rendering: -webkit-optimize-contrast; 
	image-rendering: optimize-contrast;         
	image-rendering: crisp-edges;               
	image-rendering: pixelated;                 
	-ms-interpolation-mode: nearest-neighbor;   
	}
	
*/
	
/*------------------------------FLUIDBOX------------------------------------*/
		
@keyframes fluidboxLoading {

	0% {
		transform: translate(-50%, -50%) rotateX(0) rotateY(0);
		}
	50% {
		transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
		}
	100% {
		transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
		}

}

.fluidbox {
	outline: none;
	}

.fluidbox__overlay {
	background-color: rgba(0, 0, 0, 0.70);
	cursor: pointer;
	cursor: zoom-out;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: -100%;
	/* Negative top and bottom is to fix some Safari cases where image got blurry */
	left: 0;
	bottom: -100%;
	/* Negative top and bottom is to fix some Safari cases where image got blurry */
	right: 0;
	/* Transition time for overlay is halved to ensure that flickering doesn't happen */
	transition: all 0.5s ease-in-out;
	}
	
.fluidbox--opened .fluidbox__overlay {
	pointer-events: auto;
	}
	
.fluidbox__wrap {
	background-position: center center;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	transition: all 0.5s ease-in-out;
	}
	
.fluidbox__thumb {
	transition: opacity 0s ease-in-out 0s;
	/* To prevent flickering, we delay the showing of the image */
	}
	
.fluidbox--closed .fluidbox__thumb {
	transition: opacity 0s ease-in-out 0s;
	}
	
.fluidbox__ghost {
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	transition: opacity 0s 0s, transform 0.5s 0s;
	}
	
.fluidbox--opened .fluidbox__ghost {
	cursor: pointer;
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
	}
	
.fluidbox--closed .fluidbox__ghost {
	transition: opacity 0s 0.5s, transform 0.5s 0s;
	}
	
.fluidbox__loader {
	opacity: 0;
	perspective: 200px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	}
	
.fluidbox__loader::before {
	/* You can replace this with any color you want, or even a loading gif if desired */
	background-color: rgba(0, 0, 0, 0.85);
	content: '';
	transform-style: preserve-3d;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20%;
	padding-bottom: 20%;
	transform: translate(-50%, -50%);
	transition-property: transform;
	transition-duration: 0.5s;
	transition-delay: 0s;
	}
	
.fluidbox--loading .fluidbox__loader {
	opacity: 1;
	transition: opacity 0.5s ease-in-out 0.5s;
	}
	
.fluidbox--loading .fluidbox__loader::before {
	animation: fluidboxLoading 1s 0s infinite ease-in-out forwards;
	}
	


@media only screen and (min-width: 650px) {
	
	body{
		font-size: 80%;
		font-weight: 400;
		/*background-image: url(/images/back.jpg);
		background-position: right bottom;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: 30%;*/
		}
		
	.hpl2{
		font-size: 1.777rem;
		margin: 0px 0px 1em 0px;
		}
		
	header{
		position: fixed;
		height: auto;
		}
		
	#logo {
		width: 200px;
		}
	
	#headertop{
		transition: all 0.3s ease;
		}

	.leer{
		display: block;
		}
		
	.redbox{
		padding: 0px;
		}
		
	/*-------------------------LANGUAUGE-------------------------------*/
	
	#languagebox{
		width: 80px;
		left: 50px;
		}
		
	/*-------------------KONTAKTINFO-------------------------------------*/
	
	#topinfo {
		display: block;
		float: right;
		font-size: 0.8em;
		}
		
	/*------------------- HEADROOM -------------------------------------------*/
		
	.headroom {
		will-change: transform;
		-webkit-transition: -webkit-transform 200ms linear;
		transition: -webkit-transform 200ms linear;
		-o-transition: transform 200ms linear;
		transition: transform 200ms linear;
		transition: transform 200ms linear,-webkit-transform 200ms linear;
		}
		
	.headroom--pinned {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
		}
		
	.headroom--unpinned {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 0;
		}
	
	/*------------------------MENU---------------------------------*/
	
	#menu{
		width: 100%;
		}
	
	#menuicons{
		display: none;
		}
		
	#menu ul{
		position: relative;
		display: block;
		/*float: right;*/
		}
		
	#menu ul li{
		position: static;
		display: block;
		width: auto;
		margin: 0px 1.5em 0px 0em;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
		}
	
	#menu ul a {
		font-weight: 700 !important;
		font-size: 1.7vw;
		padding: 0px 0em 0em 0em;
		white-space: nowrap;
		float: none;				/*!!!!!!!!!!!!!!!!!!*/
		text-align: left;			/*!!!!!!!!!!!!!!!!!!*/
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		}
		
	#menu ul li label.drop-icon{
		display: none;				/*!!!!!!!!!!!!!!!!!!*/
		font-size: 0.6em;
		padding: 0em 0em 0px 0.25em;
		position: relative;
		float: left;
		}
		
	#menu ul .submenu {
		display: none;
		}
		
	#menu ul .current .submenu {
		display: block;
		position: absolute;
		top: 1.5em;
		right: 0px;
		float: right;
		background-color: transparent;
		}
		
	/*	
	#menu ul > input[type="checkbox"] + .submenu {
		display: block;
		}	
	
	OnKlick, in Verbindung mit Drop-Button sichtbar machen!!
	
	Hover, Submenu sichtbar machen!!
	
	#menu ul li:hover > .submenu {
		display: block;
		}
		
	*/
	
	/*-------------------GRID-------------------------------------------*/
	
	.wrapper,
	header .wrapper{
		margin: 0px 0px 0px 0px;
		}
	
	.inner{
		padding: 2em 50px 2.5em 50px;
		}
		
	#logo .inner{
		padding: 2em 0px 1em 50px
		}
		
	#menu .inner{
		padding: 1em 0px 1em 50px;
		}
		
	#topinfo .inner{
		padding: 4em 50px 1em 0px;
		}
		
	.headline .inner{
		padding: 2em 50px 0em 50px;
		}
		
	#footer .inner{
		padding: 2em 50px 0em 50px;
		}	
	
	.col6 .col p{
		column-count: 2;
		column-gap: 60px;
		}

	.hibi{
		min-height: auto;
		}
	
	#footer,
	#content {
		position: relative;
		clear: both;
		display: grid;
		grid-template-columns: 16.6666667% 16.6666667% 16.6666667% 16.6666667% 16.6666667% 16.6666667%;
		}
		
	.col1{
		grid-column: span 1;
		}
		
	.col2{
		grid-column: span 2;
		}
		
	.col3{
		grid-column: span 3;
		}
		
	.col4{
		grid-column: span 4;
		}
		
	.col5{
		grid-column: span 5;
		}
		
	.col6{
		grid-column: span 6;
		}

	
	@supports not (display: grid){
	
		#content{
			display: flex;
			flex-wrap: wrap;
			}
		
		.col1{
			width: 16.6666667%;
			}
			
		.col2{
			width: 33.3333333%;
			}
			
		.col3{
			width: 50%;
			}
			
		.col4{
			width: 66.6666666%
			}
			
		.col5{
			width: 83.3333335%;
			}
			
		.col6{
			width: 100%;
			}
			
	}
	
	.markerouter{
		height: 0px;
		float: left;
		position: relative;
		}
		
	.marker{
		position: absolute;
		}
	
	/*------------------------------------IMAGEDES-----------------------------------------*/
	
	.col5 .image,	
	.col6 .image{
		line-height: 0px;
		width: 60%;
		float: left;
		}
	
	.col5 .imagedes,
	.col6 .imagedes{
		position: relative;
		width: 30%;
		float: right;
		}
	
	.col5 .imagedes p,
	.col6 .imagedes p{
		font-size: 0.75em;
		margin: 0px 0px 0px 0px;
		position: absolute;
		bottom: 0%;
		display: block;
		}
	
	/*-----------------------SIDEBAR---------------------------------*/
	
	#typobox{
		display: block;
		bottom: 20%;
		}
		
	/*-----------------------FOOTER---------------------------------*/
	
	#footer .one{
		grid-column: span 3;
		}
		
	#footer .two{
		grid-column: span 3;
		}
		
	#footer ul {
		padding: 0px;
		list-style: none;
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
		}
		
	#footer ul li{
		line-height: 2em;
		}
		
	#footer ul ul{
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
		}
		
	#footer .three{
		grid-column: span 6;
		}
		
	/*-----------------------------STIKYFOOTER---------------------------------------*/

	main {
		margin: 0px 0px -30em 0px;
		}
	
	footer, #minheight {
		height: 30em;
		}
		
	.handy{
		display: none;
		}
		
}

@media only screen and (min-width: 750px) {
	
	/*--------------------------------------KONTAKTINFO-----------------------------------*/
	
	#topinfo {
		font-size: 1em;
		}
	
	
	/*------------------------------------IMAGEDES-----------------------------------------*/	
	
	.col4 .image{
		line-height: 0px;
		width: 66%;
		float: left;
		}
	
	.col4 .imagedes{
		position: relative;
		width: 30%;
		float: right;
		}
	
	.col4 .imagedes p{
		font-size: 0.75em;
		margin: 0px 0px 0px 0px;
		position: absolute;
		bottom: 0%;
		display: block;
		}
		
}


@media only screen and (min-width: 1000px) {
	
	
	/*-----------------------MAIN----------------------------------------*/
	
	body{
		font-size: 90%;
		}
	
	#logo{
		width: 300px;
		}
		
	#menu ul .current .submenu {
		top: 2em;
		}
		
	/*-----------------------------LANGUAGE---------------------------------*/
	
	#languagebox{
		width: 80px;
		}
		
	/*----------------------------IMAGEDES----------------------------------*/	
	
	.col3 .image{
		line-height: 0px;
		width: 66%;
		float: left;
		}
	
	.col3 .imagedes{
		position: relative;
		width: 30%;
		float: right;
		}
	
	.col3 .imagedes p{
		font-size: 0.75em;
		margin: 0px 0px 0px 0px;
		position: absolute;
		bottom: 0%;
		display: block;
		}
		
	/*----------------------------FOOTER----------------------------------*/	
		
	#footer ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		}
		
		
	
		
}

@media only screen and (min-width: 1150px) {
	
	#logo {
		width: 320px;
		}
		
	#logo .inner{
		padding: 2em 2em 1em 50px
		}
	
	#menu .mainmenu a {
		font-size: 1.5em;
		}
	
}


@media only screen and (min-width: 1400px) {
	
	/*-----------------------MAIN----------------------------------------*/
	
	body{
		font-size: 100%;
		}
	
	
	header{
		float: left;
		position: fixed;
		width: 30%;
		height: 100%;
		background-color: rgba(0,0,0,1);
		/*webkit-box-shadow: 30px 0px 30px 0px rgba(0,0,0,0.8);
		-moz-box-shadow: 30px 0px 30px 0px rgba(0,0,0,0.8);
		box-shadow: 30px 0px 30px 0px rgba(0,0,0,0.8);*/
		}
		
	#logo{
		width: 66%;
		}	
		
	#logo .inner{
		padding: 3em 50px 2em 50px;
		}
		
	#headerimage{
		/*webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
		box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);*/
		}
		
	#watersign{
		display: block;
		position: relative;
		width: 100%;
		float: left;
		}
		
	#watersign img{
		display: block;
		position: absolute;
		width: 10%;
		left: 6.25%;
		z-index: -1;
		bottom: 0px;
		line-height: 0px;
		border-radius: 0px;
		}
		
	#topinfo{
		display: none;
		}
		
	#bottominfo{
		display: block;
		}
		
	#bottominfo .inner {
		float: left;
		padding: 2em 50px 2em 50px;
		}
		
	.variclear{
		clear: none;
		}
		
	/*------------------- HEADROOM -------------------------------------------*/
		
	.headroom--unpinned {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
		}
		
	/*------------------------------MENU--------------------------------------*/
	
	#menu{
		float: left;
		width: 100%;
		}
		
	#menu ul{
		float: left;
		}
		
	#menu ul.mainmenu li{
		display: block;
		width: 100%;
		margin: 0px 0px 0px 0px;
		border: none;
		}
		
	#menu ul.mainmenu a {
		float: none;
		text-align: left;
		margin: 0px 0px 0.5em 0px;
		}
		
	#menu ul.mainmenu .submenu{
		float: none;
		position: relative;
		top: 0px;
		margin: 0px 0px 0px 1em;
		}

	#menu ul.mainmenu .submenu li{
		display: block;
		}		

	/*---------------------------GRID-----------------------------------------*/
	
	.wrapper{
		width: 70%;
		padding: 0px 0px 0px 0px;
		float: right;
		}	
		
	header .wrapper{
		width: 100%;
		}
	
	#menu .inner{
		padding: 2em 30px 2em 50px;
		}
		
	.col45{
		width: 45%;
		}
		
	/*--------------------------------IMAGEDES---------------------------------------*/	
	
	.col2 .image{
		line-height: 0px;
		width: 66%;
		float: left;
		}
	
	.col2 .imagedes{
		position: relative;
		}
	
	.col2 .imagedes p{
		font-size: 0.75em;
		margin: 0px 0px 0px 0px;
		position: relative;
		bottom: 0%;
		display: block;
		}
	
	/*--------------------------------FOOTER-----------------------------------------*/		
	
	#footer{
		font-size: 1em;
		}
		
	#footer ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		}
		
	/*-----------------------------STIKYFOOTER---------------------------------------*/

	main {
		margin: 0px 0px -30em 0px;
		}
	
	footer, #minheight {
		height: 30em;
		}
	
}


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

@font-face {
	font-display: swap;
	}


/* montserrat-100 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/montserrat-v25-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/montserrat-v25-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* indie-flower-regular - latin */
@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/indie-flower-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/indie-flower-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/indie-flower-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/indie-flower-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/indie-flower-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/indie-flower-v17-latin-regular.svg#IndieFlower') format('svg'); /* Legacy iOS */
}


/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */	
 
i{font-style: normal;}
.fa-arrow-alt-circle-up:before{content:"\f35b"}
.fa-arrow-up:before{content:"\f062"}
.fa-at:before{content:"\f1fa"}
.fa-envelope:before{content:"\f0e0"}
.fa-mobile-alt:before{content:"\f3cd"}
.fa-bars:before{content:"\f0c9"}
.fa-plus:before{content:"\f067"}
.fa-minus:before{content:"\f068"}
.fa-check:before{content: "\f00c"}

/*---------------------------------UL LOGOS------------------------------*/	

main ul {
	list-style: none;
	padding: 0px 0px 0px 5px;
	}
	
main ul li {
	position: relative; 
    padding-left: 2em;
	}
	
main ul li:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	color: rgba(49,64,151,1);
	font-weight: bold;
	}


@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fa-regular-400.eot);src:url(/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/fonts/fa-regular-400.woff2) format("woff2"),url(/fonts/fa-regular-400.woff) format("woff"),url(/fonts/fa-regular-400.ttf) format("truetype"),url(/fonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}

@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/fonts/fa-solid-900.eot);src:url(/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/fonts/fa-solid-900.woff2) format("woff2"),url(/fonts/fa-solid-900.woff) format("woff"),url(/fonts/fa-solid-900.ttf) format("truetype"),url(/fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}


/* cmsms stylesheet: kontakt-css modified: Sonntag, 11. Oktober 2026 13:24:23 */
.inputdes,
.errordes,
input,
textarea,
select{
	margin: 0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	*behavior:url(/javascript/boxsizing.htc);
	}
	

input,
textarea,
select{
	color: #6e6e6e;
	}
	
.inputdes,
.errordes{
	color: rgba(200,200,200,1);
	}
	
select{
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 8px 10px 8px 10px;
	}

@-moz-document url-prefix() {
    select{
		padding: 2px 5px 3px 5px;
		
	}
}	

input{
	padding: 5px 10px;
	}
	
textarea{
	padding: 5px 10px;
	}
	
input[type="radio"]{
	margin: 2px;
	}
	
input[type="checkbox"]{
	margin: 1%;
	float:left;
	}
	
.checkboxtext{
	width: 93%;
	float:right;
	}

.formrow {
	margin-bottom: 10px;	
	}

.inputdrop {
	width: 100%;
	}

.inputnorm {
	width: 100%;
	}

.inputtext {
	width: 100%;
	resize:none;
	}

.error{
	border: solid 2px red;
	}

.errordes {
	display: none;
	}
	
button {
	background: rgba(0,51,255,0.8);
	border: 0px none buttonface;
	}

input[type=submit] {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 5px 5% 6px 5%;
	background-color: rgba(49,64,151,1);
	color: rgba(200,200,200,1);
	border:0 none;
	cursor:pointer;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	float: right;
	-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.14);
	box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.14);
	}
	

input[type=submit]:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 0.1em #ffffff, 0 0 0.2em #ffffff, 0 0 0.3em #ffffff;
	background-color: rgba(49,64,151,1);
	}
	
.group{
	color:#98989A;
	font-style: italic;
	}
	
.red{
	padding:3%;
	background-color: #F00;
	color: #ffffff;
	}

@media screen and (min-width: 700px) {

	.formrow {
		margin-bottom: 10px;	
		}
	
	input{
		padding: 7px 10px;
		}
	
	textarea{
		padding: 7px 10px;
		}
	
	
		
	input.error{
		padding: 6px 10px;
		}	
	
	/*.errordes {
		display: block;
		float: right;
		width: 5%;
		color: #F00;
		text-align: right;
		}*/

}

@media screen and (min-width: 1000px) {
	
	.formrow {
		margin-bottom: 15px;	
		}
		
}



/* ---------------------------- MODUL KONTAKTFORMULAR --------------------------*/

.kontaktformular label.inputdes{
	display: block;
	}

.kontaktformular label.kf-frage{
	margin: 0px 0px 0.5em 0px;
	}

.kf-hp{
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

.kf-fehler{
	color: rgba(255,120,120,1);
	}

.kf-ok{
	font-weight: 600;
	}