/**
*** SIMPLE GRID
*** (C) ZACH COLE 2016
**/

/*@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,300italic,400italic,700,700italic);*/


/* UNIVERSAL */

.body {
    font-family: 'Lato', sans-serif;
}

.body * {
	box-sizing: border-box;
	margin: 0;
}
.main {
	width: 80%;
	margin: 0 auto;
	padding: 1rem;
}
.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-heavy {
  font-weight: 700;
}

/* POSITIONING */

.c-left {
  text-align: left;
}

.c-right {
  text-align: right;
}

.c-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.c-justify {
  text-align: justify;
}

.c-ausrichten {
  line-height: 55px;
}
/* ==== GRID SYSTEM ==== */

.c-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.c-row {
  position: relative;
  width: 100%;
}

[class^="cc-"] {
  float: left;
 /*  margin: 0.5rem 2%;*/
  min-height: 0.125rem;
 /*color:#fff;*/
}

.c-row::after {
	content: "";
	display: table;
	clear: both;
}

.c-hidden-xxl,.c-hidden-xl,.c-hidden-l,.c-hidden-m,.c-hidden-s {
    display: block;
}	

.c-show-xxl,.c-show-xl,.c-show-l,.c-show-m,.c-show-s {
    display: none;
}	

.cc-gu  {
    padding:2px 2px 0 2px ;
}

@media only screen and (max-width: 2280px) { 
    .c-hidden-xxl { display:none; }
    .c-show-xxl { display:block; }
	.cc-xxl-1  { width: 4.16666666667%; }
    .cc-xxl-2  { width: 8.33333333333%; }
    .cc-xxl-3  { width: 12.5%; }
    .cc-xxl-4  { width: 16.6666666667%; }
    .cc-xxl-5  { width: 20.8333333333%; }
    .cc-xxl-6  { width: 25%; }
    .cc-xxl-7  { width: 29.1666666667%; }
    .cc-xxl-8  { width: 33.3333333333%; }
    .cc-xxl-9  { width: 37.5%; }
    .cc-xxl-10 { width: 41.6666666667%; }
    .cc-xxl-11 { width: 45.8333333333%; }
    .cc-xxl-12 { width: 50%; }
    .cc-xxl-13 { width: 54.1666666667%; }
    .cc-xxl-14 { width: 58.3333333333%; }
    .cc-xxl-15 { width: 62.5%; }
    .cc-xxl-16 { width: 66.6666666667%; }
    .cc-xxl-17 { width: 70.8333333333%; }
    .cc-xxl-18 { width: 75%; }
    .cc-xxl-19 { width: 79.1666666667%; }
    .cc-xxl-20 { width: 83.3333333333%; }
    .cc-xxl-21 { width: 87.5%; }
    .cc-xxl-22 { width: 91.6666666667%; }
    .cc-xxl-23 { width: 95.8333333333%; }
    .cc-xxl-24 { width: 100%; }
 
	.cc-xxl-gu-1  { width: 3.66666666667%; }
    .cc-xxl-gu-2  { width: 7.83333333333%; }
    .cc-xxl-gu-3  { width: 12%; }
    .cc-xxl-gu-4  { width: 16.1666666667%; }
    .cc-xxl-gu-5  { width: 20.3333333333%; }
    .cc-xxl-gu-6  { width: 24.5%; }
    .cc-xxl-gu-7  { width: 28.6666666667%; }
    .cc-xxl-gu-8  { width: 32.8333333333%; }
    .cc-xxl-gu-9  { width: 37%; }
    .cc-xxl-gu-10 { width: 41.1666666667%; }
    .cc-xxl-gu-11 { width: 45.3333333333%; }
    .cc-xxl-gu-12 { width: 49.5%; }
    .cc-xxl-gu-13 { width: 53.6666666667%; }
    .cc-xxl-gu-14 { width: 57.8333333333%; }
    .cc-xxl-gu-15 { width: 62%; }
    .cc-xxl-gu-16 { width: 66.1666666667%; }
    .cc-xxl-gu-17 { width: 70.3333333333%; }
    .cc-xxl-gu-18 { width: 74.5%; }
    .cc-xxl-gu-19 { width: 78.6666666667%; }
    .cc-xxl-gu-20 { width: 82.8333333333%; }
    .cc-xxl-gu-21 { width: 87%; }
    .cc-xxl-gu-22 { width: 91.1666666667%; }
    .cc-xxl-gu-23 { width: 95.3333333333%; }
    .cc-xxl-gu-24 { width: 99.5%; }    
}

@media only screen and (max-width: 1280px) { 
    .c-hidden-xl { display:none; }
    .c-show-xl { display:block; }
	.cc-xl-1  { width: 4.16666666667%; }
    .cc-xl-2  { width: 8.33333333333%; }
    .cc-xl-3  { width: 12.5%; }
    .cc-xl-4  { width: 16.6666666667%; }
    .cc-xl-5  { width: 20.8333333333%; }
    .cc-xl-6  { width: 25%; }
    .cc-xl-7  { width: 29.1666666667%; }
    .cc-xl-8  { width: 33.3333333333%; }
    .cc-xl-9  { width: 37.5%; }
    .cc-xl-10 { width: 41.6666666667%; }
    .cc-xl-11 { width: 45.8333333333%; }
    .cc-xl-12 { width: 50%; }
    .cc-xl-13 { width: 54.1666666667%; }
    .cc-xl-14 { width: 58.3333333333%; }
    .cc-xl-15 { width: 62.5%; }
    .cc-xl-16 { width: 66.6666666667%; }
    .cc-xl-17 { width: 70.8333333333%; }
    .cc-xl-18 { width: 75%; }
    .cc-xl-19 { width: 79.1666666667%; }
    .cc-xl-20 { width: 83.3333333333%; }
    .cc-xl-21 { width: 87.5%; }
    .cc-xl-22 { width: 91.6666666667%; }
    .cc-xl-23 { width: 95.8333333333%; }
    .cc-xl-24 { width: 100%; }
    
	.cc-xl-gu-1  { width: 3.66666666667%; }
    .cc-xl-gu-2  { width: 7.83333333333%; }
    .cc-xl-gu-3  { width: 12%; }
    .cc-xl-gu-4  { width: 16.1666666667%; }
    .cc-xl-gu-5  { width: 20.3333333333%; }
    .cc-xl-gu-6  { width: 24.5%; }
    .cc-xl-gu-7  { width: 28.6666666667%; }
    .cc-xl-gu-8  { width: 32.8333333333%; }
    .cc-xl-gu-9  { width: 37%; }
    .cc-xl-gu-10 { width: 41.1666666667%; }
    .cc-xl-gu-11 { width: 45.3333333333%; }
    .cc-xl-gu-12 { width: 49.5%; }
    .cc-xl-gu-13 { width: 53.6666666667%; }
    .cc-xl-gu-14 { width: 57.8333333333%; }
    .cc-xl-gu-15 { width: 62%; }
    .cc-xl-gu-16 { width: 66.1666666667%; }
    .cc-xl-gu-17 { width: 70.3333333333%; }
    .cc-xl-gu-18 { width: 74.5%; }
    .cc-xl-gu-19 { width: 78.6666666667%; }
    .cc-xl-gu-20 { width: 82.8333333333%; }
    .cc-xl-gu-21 { width: 87%; }
    .cc-xl-gu-22 { width: 91.1666666667%; }
    .cc-xl-gu-23 { width: 95.3333333333%; }
    .cc-xl-gu-24 { width: 99.5%; }    
}

@media only screen and (max-width: 980px) { 
.main{width:87%;}
	.c-ausrichten {
        line-height: 55px;
    }
    .c-hidden-l { display:none; }
    .c-show-l { display:block; }
	.cc-l-1  { width: 4.16666666667%; }
    .cc-l-2  { width: 8.33333333333%; }
    .cc-l-3  { width: 12.5%; }
    .cc-l-4  { width: 16.6666666667%; }
    .cc-l-5  { width: 20.8333333333%; }
    .cc-l-6  { width: 25%; }
    .cc-l-7  { width: 29.1666666667%; }
    .cc-l-8  { width: 33.3333333333%; }
    .cc-l-9  { width: 37.5%; }
    .cc-l-10 { width: 41.6666666667%; }
    .cc-l-11 { width: 45.8333333333%; }
    .cc-l-12 { width: 50%; }
    .cc-l-13 { width: 54.1666666667%; }
    .cc-l-14 { width: 58.3333333333%; }
    .cc-l-15 { width: 62.5%; }
    .cc-l-16 { width: 66.6666666667%; }
    .cc-l-17 { width: 70.8333333333%; }
    .cc-l-18 { width: 75%; }
    .cc-l-19 { width: 79.1666666667%; }
    .cc-l-20 { width: 83.3333333333%; }
    .cc-l-21 { width: 87.5%; }
    .cc-l-22 { width: 91.6666666667%; }
    .cc-l-23 { width: 95.8333333333%; }
    .cc-l-24 { width: 100%; }

	.cc-l-gu-1  { width: 3.66666666667%; }
    .cc-l-gu-2  { width: 7.83333333333%; }
    .cc-l-gu-3  { width: 12%; }
    .cc-l-gu-4  { width: 16.1666666667%; }
    .cc-l-gu-5  { width: 20.3333333333%; }
    .cc-l-gu-6  { width: 24.5%; }
    .cc-l-gu-7  { width: 28.6666666667%; }
    .cc-l-gu-8  { width: 32.8333333333%; }
    .cc-l-gu-9  { width: 37%; }
    .cc-l-gu-10 { width: 41.1666666667%; }
    .cc-l-gu-11 { width: 45.3333333333%; }
    .cc-l-gu-12 { width: 49.5%; }
    .cc-l-gu-13 { width: 53.6666666667%; }
    .cc-l-gu-14 { width: 57.8333333333%; }
    .cc-l-gu-15 { width: 62%; }
    .cc-l-gu-16 { width: 66.1666666667%; }
    .cc-l-gu-17 { width: 70.3333333333%; }
    .cc-l-gu-18 { width: 74.5%; }
    .cc-l-gu-19 { width: 78.6666666667%; }
    .cc-l-gu-20 { width: 82.8333333333%; }
    .cc-l-gu-21 { width: 87%; }
    .cc-l-gu-22 { width: 91.1666666667%; }
    .cc-l-gu-23 { width: 95.3333333333%; }
    .cc-l-gu-24 { width: 99.5%; }
}

@media only screen and (max-width: 736px) {  
.main{width:90%;}
    .c-hidden-m { display:none; }
    .c-show-m { display:block; }
   	.cc-m-1  { width: 4.16666666667%; }
    .cc-m-2  { width: 8.33333333333%; }
    .cc-m-3  { width: 12.5%; }
    .cc-m-4  { width: 16.6666666667%; }
    .cc-m-5  { width: 20.8333333333%; }
    .cc-m-6  { width: 25%; }
    .cc-m-7  { width: 29.1666666667%; }
    .cc-m-8  { width: 33.3333333333%; }
    .cc-m-9  { width: 37.5%; }
    .cc-m-10 { width: 41.6666666667%; }
    .cc-m-11 { width: 45.8333333333%; }
    .cc-m-12 { width: 50%; }
    .cc-m-13 { width: 54.1666666667%; }
    .cc-m-14 { width: 58.3333333333%; }
    .cc-m-15 { width: 62.5%; }
    .cc-m-16 { width: 66.6666666667%; }
    .cc-m-17 { width: 70.8333333333%; }
    .cc-m-18 { width: 75%; }
    .cc-m-19 { width: 79.1666666667%; }
    .cc-m-20 { width: 83.3333333333%; }
    .cc-m-21 { width: 87.5%; }
    .cc-m-22 { width: 91.6666666667%; }
    .cc-m-23 { width: 95.8333333333%; }
    .cc-m-24 { width: 100%; }
 	.cc-m-gu-1  { width: 3.66666666667%; }
    .cc-m-gu-2  { width: 7.83333333333%; }
    .cc-m-gu-3  { width: 12%; }
    .cc-m-gu-4  { width: 16.1666666667%; }
    .cc-m-gu-5  { width: 20.3333333333%; }
    .cc-m-gu-6  { width: 24.5%; }
    .cc-m-gu-7  { width: 28.6666666667%; }
    .cc-m-gu-8  { width: 32.8333333333%; }
    .cc-m-gu-9  { width: 37%; }
    .cc-m-gu-10 { width: 41.1666666667%; }
    .cc-m-gu-11 { width: 45.3333333333%; }
    .cc-m-gu-12 { width: 49.5%; }
    .cc-m-gu-13 { width: 53.6666666667%; }
    .cc-m-gu-14 { width: 57.8333333333%; }
    .cc-m-gu-15 { width: 62%; }
    .cc-m-gu-16 { width: 66.1666666667%; }
    .cc-m-gu-17 { width: 70.3333333333%; }
    .cc-m-gu-18 { width: 74.5%; }
    .cc-m-gu-19 { width: 78.6666666667%; }
    .cc-m-gu-20 { width: 82.8333333333%; }
    .cc-m-gu-21 { width: 87%; }
    .cc-m-gu-22 { width: 91.1666666667%; }
    .cc-m-gu-23 { width: 95.3333333333%; }
    .cc-m-gu-24 { width: 99.5%; }
}

@media only screen and (max-width: 480px) { 
 .main{
width:100%;
}
    .c-hidden-s { display:none; }
    .c-show-s { display:block; }
   	.cc-s-1  { width: 4.16666666667%; }
    .cc-s-2  { width: 8.33333333333%; }
    .cc-s-3  { width: 12.5%; }
    .cc-s-4  { width: 16.6666666667%; }
    .cc-s-5  { width: 20.8333333333%; }
    .cc-s-6  { width: 25%; }
    .cc-s-7  { width: 29.1666666667%; }
    .cc-s-8  { width: 33.3333333333%; }
    .cc-s-9  { width: 37.5%; }
    .cc-s-10 { width: 41.6666666667%; }
    .cc-s-11 { width: 45.8333333333%; }
    .cc-s-12 { width: 50%; }
    .cc-s-13 { width: 54.1666666667%; }
    .cc-s-14 { width: 58.3333333333%; }
    .cc-s-15 { width: 62.5%; }
    .cc-s-16 { width: 66.6666666667%; }
    .cc-s-17 { width: 70.8333333333%; }
    .cc-s-18 { width: 75%; }
    .cc-s-19 { width: 79.1666666667%; }
    .cc-s-20 { width: 83.3333333333%; }
    .cc-s-21 { width: 87.5%; }
    .cc-s-22 { width: 91.6666666667%; }
    .cc-s-23 { width: 95.8333333333%; }
    .cc-s-24 { width: 100%; }


 	.cc-s-gu-1  { width: 3.66666666667%; }
    .cc-s-gu-2  { width: 7.83333333333%; }
    .cc-s-gu-3  { width: 12%; }
    .cc-s-gu-4  { width: 16.1666666667%; }
    .cc-s-gu-5  { width: 20.3333333333%; }
    .cc-s-gu-6  { width: 24.5%; }
    .cc-s-gu-7  { width: 28.6666666667%; }
    .cc-s-gu-8  { width: 32.8333333333%; }
    .cc-s-gu-9  { width: 37%; }
    .cc-s-gu-10 { width: 41.1666666667%; }
    .cc-s-gu-11 { width: 45.3333333333%; }
    .cc-s-gu-12 { width: 49.5%; }
    .cc-s-gu-13 { width: 53.6666666667%; }
    .cc-s-gu-14 { width: 57.8333333333%; }
    .cc-s-gu-15 { width: 62%; }
    .cc-s-gu-16 { width: 66.1666666667%; }
    .cc-s-gu-17 { width: 70.3333333333%; }
    .cc-s-gu-18 { width: 74.5%; }
    .cc-s-gu-19 { width: 78.6666666667%; }
    .cc-s-gu-20 { width: 82.8333333333%; }
    .cc-s-gu-21 { width: 87%; }
    .cc-s-gu-22 { width: 91.1666666667%; }
    .cc-s-gu-23 { width: 95.3333333333%; }
    .cc-s-gu-24 { width: 99.5%; }
}

@media only screen and (max-width: 980px) { 
    .c-container {
        width: 100%;
        max-width: 60rem;
    }
}