
* {
	-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:#545454;
	font-family:Arial, "Helvetica Neue", Helvetica, Gotham, "sans-serif";
    background-color:#fff;
	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; 
}


.content_temp {
	text-align: center; padding:  60px 2% 0 2%;
}


/* ### 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 #B3B3B3;
    margin: 1em 0 1.4em 0;
    padding: 0;
}


/*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 {font-size:60px; font-family: Georgia, Cambria, "Times New Roman", Times, serif;  font-weight: 400; margin-bottom: 14px; margin-top: 0.4em;  color:#000;}
h2 {text-transform: uppercase; font-size:16px; font-weight: 700; letter-spacing: 4px; color:#000;}


.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;}



.portrait img {border-radius: 50%; width: 240px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;}

.sm_links {padding-top: 30px;}
.sm_links a {display: inline-block; padding: 0 10px;}

.text_box {max-width: 880px; font-size:18px; line-height: 1.5em; margin: auto; padding-top: 40px;}

.member {padding-top: 40px;}
.member img {width: 80px;}

.footer {font-size:16px; line-height: 1.4em; padding-top: 0px; padding-bottom: 30px; text-align: center;}
.footer a {text-decoration: none; color:#545454;}
.footer a:hover {color:#000;}

.logo_1 {padding-bottom: 30px;}
.logo_1 img {width: 100%; max-width: 320px;}
.logo_2 {padding-bottom: 70px;}
.logo_2 img {width: 100%; max-width: 320px;}

.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%; }



