@font-face {
    font-family: 'NeutraTextTFLight';
    src: url('../font/neutratexttf-light.eot');
    src: url('../font/neutratexttf-light.eot') format('embedded-opentype'),
         url('../font/neutratexttf-light.woff') format('woff'),
         url('../font/neutratexttf-light.ttf') format('truetype'),
         url('../font/neutratexttf-light.svg#NeutraTextTFLight') format('svg');
}
@font-face {		 
    font-family: 'NeutraTextTFBook';
    src: url('../font/neutratexttf-book.eot');
    src: url('../font/neutratexttf-book.eot') format('embedded-opentype'),
         url('../font/neutratexttf-book.woff') format('woff'),
         url('../font/neutratexttf-book.ttf') format('truetype'),
         url('../font/neutratexttf-book.svg#NeutraTextTFBook') format('svg');
}
@font-face {
    font-family: 'NeutraTextTFBold';
    src: url('../font/neutratexttf-bold.eot');
    src: url('../font/neutratexttf-bold.eot') format('embedded-opentype'),
         url('../font/neutratexttf-bold.woff') format('woff'),
         url('../font/neutratexttf-bold.ttf') format('truetype'),
         url('../font/neutratexttf-bold.svg#NeutraTextTFBold') format('svg');
}

/* FARBEN 

	GRAU	#51748a / 35,49,56;
	BLAU	#002638 / 1,42,86;
	ROT		#971049 / 213,19,23;

*/

/* ALLGEMEIN */

body {
  background: #fff;
  color:#000;
  font-size: 16px;
  line-height:1.5;
  font-family: 'NeutraTextTFBook';
  height: auto;
  padding:0;
  margin:0;
}

a{text-decoration:none;-webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -ms-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out;}

/** ALIGNING **/
.flex			{display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-inline	{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}

.align-start	{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-end		{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.align-center	{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-baseline	{-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
.align-stretch	{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}

.justify-start		{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.justify-end		{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-center		{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify-between	{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-around		{-ms-flex-pack: distribute;justify-content: space-around;}

.flex-column	{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-column-reverse	{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.flex-row	{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.flex-row-reverse	{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.flex-wrap		{-ms-flex-wrap: wrap;flex-wrap: wrap;}	

.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.uppercase {text-transform:uppercase;}

.font-26px {font-size:26px;}
.font-30px {font-size:30px;}

.font-slab {font-family: 'Playfair Display';}
.font-italic {font-style: italic;}

.text{position:relative;bottom:0;width:50%; left:25%;z-index:1000;background:transparent;color:#000; padding:0;}
body.index .text{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;height:100vh;}
.text .inhalt,
.text .logo{width:100%;margin:30px auto 0;}
body.index .text .inhalt,
body.index .text .logo {margin-top:0;}
.text .logo svg{width:100%; height:150px;}
.text .logo svg path,.text .logo svg polygon{fill:#000;}

.text .slogan{width:100%;margin:30px auto;}

.text a.singleBtn{text-align:center; color:#fff;border:1px solid #000;font-size:1vw; background:#000000;text-transform:uppercase; padding:.8em 1.5em; margin:30px auto;}
.text a.singleBtn:hover,
.text a.singleBtn:focus{background:#fff; color:#000;}

.text .inhalte {width:100%;}
.text .inhalte a {color:inherit; text-decoration:underline;}
.text .inhalte ul {list-style:square;margin:0 0 30px;}
.text .inhalte ul>li {line-height:1.5; margin:0 0 8px;}
.text .inhalte ul>li:last-of-type {margin:0;}
.text .inhalte p {line-height:1.625;text-align:justify;margin:0 0 30px;}
.text .inhalte p:last-of-type {margin:0;}


.imp {font-size:13px;margin:30px auto;padding:30px 0 0;width:100%; border-top:1px solid #000;}
body.index .imp {position:fixed;bottom:0;border-top:none;}
.imp a.textLink {border:none;outline:none; font-family: 'NeutraTextTFBook';cursor:pointer; background:none;font-size:1em;margin:0 10px;color:#000;border-bottom:1px solid transparent;}
.imp a.textLink:hover {border-bottom:1px solid;}

@media screen and (max-width : 999px){
.text{width:100%;left:0;}
}
@media screen and (max-width:840px) and (orientation:portrait){

}
@media screen and (max-width:840px) and (orientation:landscape){

}