@import url(https://fonts.googleapis.com/css?family=Lato:400,300,400italic,700italic,700);
/* RESETS ***********************************************/
	*{
		outline:none;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
      
	}
	a {text-decoration:none;color:#333333;}
	body {
	    font-size: 90%;
	  	font-family: 'Lato', sans-serif;

	    background: #FCFEFF;
	    color: #3C3C3C;
	    overflow-x: hidden;
	}
  @media (max-width:999px){
  body {font-size:100%;}
  }
  button{
    cursor:pointer;
  }
  
 ::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: #c71b32;
}

::selection {
    color: #ffffff;
    background: #c71b32;
}
  
	/* STANDARTKLASSEN **************************************/
	.caps 			{text-transform:uppercase;}
	.nomp			{margin:0;padding:0;}
	.dock			{position:absolute;top:0;right:0;bottom:0;left:0;}
	.clearfix 		{clear:both;}
	.mfix			{height:0.1px;} 
	.hidden 		{overflow:hidden;}
	.nodisplay 		{display: none;}
	.transp  	    {opacity: 0 !important;}
	.notransp		{opacity:1 !important;}
  .nowidth      {width:0 !important;}
	.img-holder 	{line-height:0px;}
	.bld 			{font-weight:bold;}
	.sbld			{font-weight:600;}
	.itlc			{font-style:italic;}
  .vpad          {padding-top:1.2em;padding-bottom:1.2em;}
	.transition05,
	.img-overlay,
	.imagebox,
	.img-overlay h3,
	.img-overlay h4,
	.balken
	{    
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
    }
    .vier-sp{
    	-webkit-transition: all 1.5s ease;
	    -moz-transition: all 1.5s ease;
	    -ms-transition: all 1.5s ease;
	    -o-transition: all 1.5s ease;
	    transition: all 1.5s ease;
    
    }
    .mainspacer {
	   position:relative;
	}
.mainpage {
    position: relative;
    height: calc(100% + 1px);
}
  
/* MOBILE & DESKTOPS ***********************************/
	@media (max-width:999px){
		.desktop-only{display:none !important;}
        /*********** SCROLL MOBILE ***********/
		.scroll-vertical{overflow-x:hidden !important;overflow-y:scroll !important;}
		.scroll-horizontal{overflow-x:scroll !important;overflow-y:hidden !important;}
		.noscroll{overflow:hidden !important;}
		/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
		body{             
    		overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
	}
	@media (min-width:999px){
		.mobile-only{display:none !important;}
		.mainspacer {

		}
	}
/*******************************************************/
	.maingrad1{
		
	}
	
	.maingrad2{
		
	}

	.mainspacer{
	
	}
	
	.decolorize{		
		-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
		filter: grayscale(1);
		-webkit-filter: grayscale(1);
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
		-ms-filter: grayscale(1);
		-webkit-transform: translateZ(0);
	}
	.decolorize:hover{
		filter: 		grayscale(0);
		-webkit-filter: grayscale(0);
		-moz-filter: 	grayscale(0);
		-o-filter: 		grayscale(0);
		-ms-filter: 	grayscale(0);
	}


/* SCHATTEN *********************************************/

	.bshadow1		{box-shadow: 0 0 12px rgba(0, 0, 0, 0.79);}
	.bshadow2		{box-shadow: 0 0 8px rgba(0, 0, 0, 0.79);}
	.bshadow3		{box-shadow: 0 0 2px rgba(0, 0, 0, 0.31);}
	
	.tshadow1		{text-shadow: 0 0 0.5px rgba(0, 0, 0, 0.17);}
	.tshadow2		{  text-shadow: 0 0 0.5px rgba(66, 66, 66, 0.47);}
	.tshadow3		{text-shadow:0 0 2px black;}
	
/* SPALTEN **********************************************/
	.zwei-sp-33{
		position:relative;
		box-sizing: border-box;
		width:33%;
		float:left;
	}
	.zwei-sp-67{
		position:relative;
		box-sizing: border-box;
		width:67%;
		float:left;
	}
	
	.zwei-sp-25{
		position:relative;
		box-sizing: border-box;
		width:25%;
		float:left;
	}
	.zwei-sp-75{
		position:relative;
		box-sizing: border-box;
		width:75%;
		float:left;
	}
	
	
	.zwei-sp{
		position:relative;
		box-sizing: border-box;
		width:50%;
		float:left;
	}
	.drei-sp{
		position:relative;
		box-sizing: border-box;
		width:33.3333333%;
		float:left;
	}
  .fuenf-sp-img {
	    position: relative;
	    box-sizing: border-box;
	    width: 20%;
	    float: left;
	    padding: 0.25em 0.25em 0 0.25em;
	}
  .fuenf-sp-img-icons {
	    position: relative;
	    box-sizing: border-box;
	    width: 20%;
	    float: left;
	}
  .vier-sp-img {
	    position: relative;
	    box-sizing: border-box;
	    width: 25%;
	    float: left;
	    padding: 0.25em 0.25em 0 0.25em;
	}
	.drei-sp-img {
	    position: relative;
	    box-sizing: border-box;
	    width: 33.3333333%;
	    float: left;
	    padding: 0.25em 0.25em 0 0.25em;
	}
	.zwei-sp-img {
	    position: relative;
	    box-sizing: border-box;
	    width: 50%;
	    float: left;
	    padding: 0.25em 0.25em 0 0.25em;
	}
	.vier-sp{
		position:relative;
		box-sizing: border-box;
		width:25%;
		float:left;
	}
	.sp-spacer {
	    position: relative;
	    margin: 0.25em;
	}
	.spacer-left {
	    position: relative;
    	margin-left: 1em;
	}
	.sp-spacer.img-holder {
	    position: relative;
	    margin: 2px;
	}
  .sp-width-10{width: 10%;box-sizing:border-box;float:left;position:relative;}
  .sp-width-70{width: 70%;box-sizing:border-box;float:left;position:relative;}
  
  
@media (max-width:999px){
	.vier-sp{
		position:relative;
		box-sizing: border-box;
		width:50%;
		float:left;
	}
	.zwei-sp{
		position:relative;
		box-sizing: border-box;
		width:100%;
		float:left;
	}
	.drei-sp{
		position:relative;
		box-sizing: border-box;
		width:50%;
		float:left;
	}
}
@media (max-width:999px) and (orientation:portrait){
	.vier-sp{
		width:100%;
	}
}

/* DESKTOP STYLE OVERWRITES ****************************/
@media (max-width:999px){
		.decolorize{
			filter: 		grayscale(0);
			-webkit-filter: grayscale(0);
			-moz-filter: 	grayscale(0);
			-o-filter: 		grayscale(0);
			-ms-filter: 	grayscale(0);
		}
		.mainspacer {
		    padding: 0 0.125em;
		}
		.sp-spacer.img-holder{
			padding:0.125em
		}
		.menuholder {
		    margin-left: -100%;
		    width: 100%;
		    -webkit-transition: 1s;transition: 1s;
		}

}
/* BREITE PROZENTUAL ZENTRIERT **************************/
	
	.width-50-z		{width:50%;margin:0 25%;}
	.width-60-z		{width:60%;margin:0 20%;}
	.width-75-z		{width:75%;margin:0 12.5%;}
	.width-80-z		{width:80%;margin:0 10%;}
	.width-90-z		{width:90%;margin:0 5%;}
	
/* BREITE PROZENTUAL ************************************/
  .width-18       {width:18%;}
  .width-22       {width:22%;}
  .width-25       {width:25%;}
  .width-33		{width: 33.3333333%;}
	.width-50		{width: 50%;}
  .width-56		{width: 56%;}
	.width-60		{width: 60%;}
  .width-64		{width: 64%;}
	.width-75		{width: 75%;}
	.width-80		{width: 80%;}
	.width-90		{width: 90%;}
	.width-100		{width:100%;}
	.img-minmax 	{width:100%;min-width:100%;max-width:100%;}

/* COLORS ***********************************************/

	.txt-red		{color: #d0133d;}
	.txt-blue1 		{color: #207BDE;}
	.txt-green1		{color: #6CFE0F;}	
	.txt-yellow1 	{color: #FFBF10;}
	
	.bg-red1 		{background-color: #CE0429;}
	.bg-blue1 		{background-color: #207BDE;}
	.bg-green1		{background-color: #6CFE0F;}	
	.bg-yellow1 	{background-color: #FFBF10;}
	
	.txt-grey1 		{color: rgb(123, 124, 122);}
	.txt-grey2 		{color: rgb(98, 98, 102);}	
	
	.txt-black1 	{color: rgb(59, 75, 82); }
	.txt-black2		{color: rgb(48, 29, 35); }
	
/* FONT OTHERS ******************************************/

	.txt-bold 		{font-weight: bold;}
	.txt-200		{font-weight: 200;}
	.txt-400		{font-weight: 400;}
	.txt-center 	{text-align: center;}
	.txt-right 		{text-align: right;}
	.txt-left 		{text-align: left;}

/* FONT SIZES DESKTOP ***********************************/

	.txt-smallest 	{font-size: 0.7em;}
	.txt-small 		{font-size: 0.8em;}
	.txt-medium 	{font-size: 0.9em;}
	.txt-normal 	{font-size: 1em;}
	.txt-big 		{font-size: 1.2em;}
	.txt-biggest 	{font-size: 1.4em;}
	.txt-h1 		{font-size: 1.4em;}

/* FONT SIZES MOBILE *************************************/

@media (max-width:999px){	
	.txt-smallest 	{font-size: 75%;}
	.txt-small 		{font-size: 87.5%;}
	.txt-medium 	{font-size: 100%;}
	.txt-normal 	{font-size: 112.5%;}
	.txt-big 		{font-size: 137.5%;}
	.txt-biggest 	{font-size: 162.5%;}
	.txt-h1 		{font-size: 200%;}
	h1{font-size:200%;line-height:1.25em;}
	h2{font-size:162.5%;line-height:1.15384615em;}
	h3{font-size:137.5%;line-height:1.13636364em}
	h4{font-size:112.5%;line-height:1.11111111em;}
	p{font-size:100%;line-height:1.13636364em;}
	select,input{font-size:137.5%;line-height:1.25em;display:inline-block;margin:0.3em 0;}
	input[type="checkbox"],input[type="radio"],input[type="color"]{height:1.25em;width:1.25em;}
}