/**
 * @license
 * MyFonts Webfont Build ID 4125781, 2021-07-15T05:41:42-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HalisR-Bold by Ahmet Altun
 * URL: https://www.myfonts.com/fonts/ahmet-altun/halis-rounded/bold/
 * 
 * Webfont: HalisR-Regular by Ahmet Altun
 * URL: https://www.myfonts.com/fonts/ahmet-altun/halis-rounded/regular/
 * 
 * 
 * Webfonts copyright: Copyright (c) 2013 by Ahmet Altun. All rights reserved.
 * 
 * © 2021 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3ef455");
  
@font-face {
  font-family: "HalisR-Regular";
  src: url('../webFonts/HalisRRegular/font.woff2') format('woff2'), url('../webFonts/HalisRRegular/font.woff') format('woff');
}
@font-face {
  font-family: "HalisR-Bold";
  src: url('../webFonts/HalisRBold/font.woff2') format('woff2'), url('../webFonts/HalisRBold/font.woff') format('woff');
}




img { border: none; }
form {margin:0px; padding:0px;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.svg-container {
 position: relative; 
 height: 0; 
 width: 100%; 
 padding: 0;
 padding-bottom: 100%; /* override this inline for aspect ratio other than square */
}

.svg-container svg {
 position: absolute; 
 height: 100%; 
 width: 100%; 
 left: 0; 
 top: 0;
}

/* ### HTML ###################################################################### */
html {
	margin: 0px;
	padding: 0px;
	height:100%;

}

/* ### BODY ###################################################################### */
body {
	color:#666666;
	font-family: "HalisR-Regular";
    background-color: #9d8c98;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	/*font-size:16px;*/
	font-size:62.5%; /*10px*/
	background-position:0px 0px;
	background-repeat:repeat;
	height:100%;

	

	}
	

.wrapper {
	position:relative;
	margin:0 auto;
	display:block;
	max-width:1146px;
	width:100%;
	/*background-color:aliceblue;*/
	padding: 0;
}

.wrapper_inner {
	padding: 0 2%;
}




.flexbox { 
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	  	  
	  }

.nowrap { 
  -webkit-flex-flow: nowrap;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap;
	/*breite flexibel passt sich ein - standard*/ 
	  }	

.wrap { 
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	/*breite fix passt sich nicht ein*/
	  }
	  
.space-between { 	    
-webkit-box-pack:justify;
      -ms-flex-pack:justify;
		-webkit-justify-content:space-between;
          justify-content:space-between;
}

.horizontal-mitte {
-webkit-box-flex:1;
      -ms-flex:1 auto;
          flex:1 auto; 
		  display:flex;  
		  -webkit-box-align:center;  
		  -ms-flex-align:center;  
		  align-items:center; 
		  
		  /*-webkit-box-pack:center; 
		  -ms-flex-pack:center; 
		  justify-content:center;*/
		   
		  -ms-flex-item-align:stretch; 
		  align-self:stretch; 
}

.horizontal-unten {
-webkit-box-flex:1;
      -ms-flex:1 auto;
          flex:1 auto; 
		  display:flex;  
		  -webkit-box-align:flex-end;  
		  -ms-flex-align:flex-end;  
		  align-items:flex-end;
		  
		  /*-webkit-box-pack:center; 
		  -ms-flex-pack:center; 
		  justify-content:center;*/
		   
		  -ms-flex-item-align:stretch; 
		  align-self:stretch; 
}


#main_startseite {
    max-width: 980px;
    margin: auto;
}

#main_inhalt {
    max-width: 730px;
    margin: auto;
}


/* ### INHALT ###################################################################### */

.clear {clear:both; font-size:1px; line-height:1px; height:1px;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #d5d5d4;
    margin: 1em 0 1.4em 0;
    padding: 0;
}

.grau {}
#content_box {}

* html #content_box { /*nur IE6*/
}

*+html #content_box { /*nur IE7*/
}

:root #element { background: #fff \0/IE9; } /* nur IE9 + IE10pp4 */


/*nur safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #xxx {}
}



/*Allgemeines*/

main {font-size:1.750em; line-height: 1.2em; padding-top: 40px;}


main a {color:#0079aa; text-decoration: underline;}
main a:hover {color:#93c01c; }
.inhalt p {margin: 0; padding-bottom: 10px;}
.inhalt p.p_half {margin: 0; padding-bottom: 5px;}


strong, b {font-family: "HalisR-Bold"; font-weight: 400;}
i, em {font-style:italic;}



h1{}


.text-justify {text-align: justify;}
.text-center {text-align:center;}
.text-right {text-align:right;}


.klein {font-size:0.938em;}
.linie_1px {line-height:1px; font-size:1px; height:1px; background-color:#d0cfc5; display:block; margin-top:8px; margin-bottom:9px; clear:both;}



p + ul {margin-top: -0.5em;}
ul {list-style-position:outside; list-style-type:disc; padding-left:30px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
ol {list-style-position:outside; list-style-type:decimal; padding-left:30px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; margin-left:0px;}
ul li {padding-left:3px; padding-bottom:6px;}
ol li {padding-left:3px; padding-bottom:6px;}

blockquote {
	background-color: #efefef;
	margin: 0;
	padding: 5px 15px;
	font-style: italic;
	color:#00788d;
}
.small_spacing {font-size:4px; line-height:4px; height:4px; background-color:transparent; margin:0; padding:0; display:block; text-indent: -1000em;}
.abstand_8px {font-size:8px; line-height:8px; height:8px; background-color:transparent; clear:both;}







/* ### HEADER  ###################################################################### */


/* ### NAVI ###################################################################### */

.

.lines-box {margin-top: 0px; text-align: right; position: absolute; right: 10px; top:10px;}

.lines-button {display:none; /*position: absolute; top:11px; right: 0px;*/ /*height:44px;*/ width:auto; z-index:3; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  padding:10px 4px 4px 4px; text-align:left; margin-right:0px;  cursor: pointer; border:2px solid #0079aa;}


.lines-button:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}
.lines-button:active {
}
.lines {
    background: #93c01c none repeat scroll 0 0;
    border-radius: 0.28571rem;
    display: inline-block;
    height:5px;
    height: 0.19rem;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:26px;
    /*width: 2rem;*/
	top:-0.5em;
}
.lines:before, .lines:after {
    background: #93c01c none repeat scroll 0 0;
    border-radius: 0.28571rem;
    content: "";
    display: inline-block;
    height:5px;
    height: 0.17rem;
    left: 0;
    position: absolute;
    -webkit-transform-origin: 0.28571rem center 0;
        -ms-transform-origin: 0.28571rem center 0;
            transform-origin: 0.28571rem center 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:26px;
    /*width: 2rem;*/
}
.lines:before {
    top:11px;
    top: 0.35rem;
}
.lines:after {
    top:-11px;
    top: -0.40rem;
}


.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
    top: 0;
    width:35px;
    width: 2.22222rem;
}
.lines-button.arrow.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
            transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
            transform: rotate3d(0, 0, 1, -40deg);
}
.lines-button.arrow-up.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
            transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}
.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width:48px;
    width: 3rem;
}
.lines-button.x.close .lines {
    background: transparent none repeat scroll 0 0;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    top: 0;
    -webkit-transform-origin: 50% 50% 0;
        -ms-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    /*width:48px;
    width: 3rem;*/
}
.lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
}

@media screen and (max-width:1070px) {
	.lines-button {display:inline-block;}
	
}




/* ### FOOTER ###################################################################### */


/* 
--------- Y-FORM ------------ 
*/


.form_border {border:1px solid #6f99c5; padding: 17px;}
.form_border:before {content:''; display: block; margin: auto; width:51px; height: 51px; background-image: url(../bilder/logo.svg); background-size: 51px auto; margin-top: -55px;}

.form_pfeil {background-image: url(../bilder/pfeil_kontakt.png); background-repeat: no-repeat; background-position: top center; display: block; width: 100%;; height: 15px; margin-top: -2px;}
.form_pflichtfeld {text-align: right; font-size:0.80em; color:#b3b2b2;}

.alert ul {}

.alert, .has-error {
    color: #ee443c;
    
	
	}


.yform .has-error input, .yform .has-error textarea, .yform .has-error select {
    color: #ee443c;

	border: 1px solid #ee443c;
}


.yform label {/*display:none;*/ margin-bottom: 4px; display: block; font-weight: 600; color:#00788d;}
.form_info {color:#464646; font-weight: 400; font-size:0.9em;}
.below_group {margin-top: -12px; margin-bottom: 12px;}

.yform .checkbox1 {display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; 
	/*margin-top: -15px;*/
}

#yform-formular-checkbox1 {margin-top: 16px;}
#yform-formular-checkbox3 {margin-bottom: 18px;}

#yform-formular-datenschutz label {display:inline-block;}
#yform-formular-datenschutz input[type="checkbox"] {
  visibility:visible; display:inline-block;
	position:relative; left:auto; top:auto;
}

.yform .checkbox1 label {display: inline-block; position: relative; padding-left: 28px; }

.yform .checkbox1 label.control-label {display: none;  }

.yform .checkbox2 {display: inline-block;  -webkit-box-ordinal-group:0;
      -ms-flex-order:-1;
          -webkit-order:-1; order:-1; margin-right: 10px;}
.yform .checkbox2 input {background-color:#b2b2b1;}

.yform .form-helper {display: block;}

.yform input[type="checkbox"] {
 
}




.form-control-static {margin-top: 0px;}

.yform input,
.yform textarea {
    width: 100%;
    box-sizing: border-box; 
	padding:2px 0.8em 0 0.8em;
	line-height:1.6;
	color:#424242;
	margin-bottom: 10px;
	background-color: #ececec;
	border:1px solid #ececec;
	}


.yform textarea {
	height: 110px;
}

.yform select {
	background-color: #ececec;
    border: 1px solid #c8c8c7;
    color: black;
    line-height: 1.6;
    margin-bottom: 0.4em;
    padding: 0.08em 0.8em;
	width: 100%;
	}

.yform .checkbox input {
	width: auto;
}

.yform .form-captcha {margin-top: 5px;}

.yform .form-captcha label {
	display: block;
      text-align: left;
	  border:none;
	
}

.yform .form-captcha img {
	margin-bottom: 5px;
	display: inline-block;
}

.yform button[type=submit] {
	display:block; background-color:#00788d; color:#fff;   padding: 10px 22px 10px 22px; margin:auto; margin-top: 15px; margin-bottom: 25px; border:none; cursor: pointer; text-align: center;
	
}

.yform button[type=submit]:hover {background-color:#7893ac; color:#fff;}



/* ### SPECIAL ###################################################################### */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#offline-404-frontend-msg {
    background: darkred none repeat scroll 0 0;
    border: 1px solid #fff;
    color: white;
    font-family: Arial,sans-serif;
    font-size: 13px;
    left: 0;
    padding: 4px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10000;
}


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ### TEMP ###################################################################### */
body {
    
    
    animation-name: example;
    animation-duration: 10s;
    animation-iteration-count: infinite;

}
.temp_box_logo {padding-top: 20%;}
.temp_box {margin: auto; max-width: 600px; text-align: center; font-size:2.3em; color:#fff; line-height: 1.3em;}
.temp_box a {text-decoration: none; color:#fff;}
.temp_box_1 {padding-top: 9%;}
.temp_box_2 {padding-top: 2%;}
.temp_box_3 {padding-top: 3%;}
.temp_box_4 {padding-top: 9%; padding-bottom: 35px;}

@keyframes example {
  0%   {background-color: #9d8c98;}
  20%  {background-color: #ceb8b5;}
  40%  {background-color: #7a8c80;}
  60% {background-color: #aeb9ad;}
  80% {background-color: #d9c063;}    
}