@charset "utf-8";
/* CSS Document */

/*################################*/
/*   FONTS                        */
/*################################*/

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v29-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v29-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v29-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

html,body{
	margin:20px 0 20px 0;
	padding:0;
	background:#fff;
	font-family: 'Roboto', sans-serif;
	color:#808285;
}
header{
	position:fixed;
	background:#ccc; 
	width:100%; 
	height:50px; 
	line-height:50px;
	margin-top:-1px;
	z-index:3;}

.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:0px 15px 0px 15px;
  color:#2b325a;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;}

  .cross{
  background:none;
  position:absolute;
  top:0px;
  right:0;
  padding:0px 15px 0px 15px;
  color:#2b325a;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menu{z-index:1000000;  position:absolute;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}

::selection {
    background: #2b325a;
    color: #fff;
}
::-moz-selection {
    background: #2b325a;
    color: #fff;
}

#ds{
	color:#000;
	font-size:12px;
	text-align:right;
	padding-right:10px;
	}
   @media only screen and (min-width:601px){
     #ds{
	   margin-top:-35px;
	   margin-bottom:30px;}}
   @media only screen and (max-width:600px){
	#ds{
	display:none;}}
#ds a {
	text-decoration:none;
	padding-right:10px;
	color:#000;}
#ds a:hover {
	color:#666;}

#ds2{
	color:#000;
	font-size:12px;
	text-align:right;
	padding-right:10px;}
   @media only screen and (max-width:600px){
	#ds2{
	text-align:left;
	padding-left:10px;}}
#ds2 a {
	text-decoration:none;
	padding-right:10px;
	color:#000;}
  @media only screen and (max-width:600px){
    #ds2 a {
	  color:#666;}}
#ds2 a:hover {
	color:#666;}		


#container {
    position: relative;
	min-height:100px;
	background:#fff;
	margin:0 auto;
	-webkit-box-shadow: -2px 2px 26px 3px rgba(0,0,0,0.27);
	-moz-box-shadow: -2px 2px 26px 3px rgba(0,0,0,0.27);
	box-shadow: -2px 2px 26px 3px rgba(0,0,0,0.27);
	border-style: solid;
	border-width:1px 0 0 0;
	border-color:#ccc;
}

#menu{
	position:relative;
	top:-10px;
    width:100%;
	z-index:0;
}
#menu ul{
	margin:0;
	font-weight:300;
	z-index:0;
}
#menu li a,#menu li a:visited{
	display:block;
	color:#111;
	position:relative;
	display: block;
	text-decoration:none;
	font-size:15px;
	border-width: 8px 0px 0px 0px;
	padding-top: 14px;
}
#menu li a:hover,#menu li.active a{
	color:#2b325a;
	border-width: 8px 0px 0px 0px;
	padding-top:6px;
	border-style:solid;
}
.onlymob{
	visibility: hidden;
	}		

#footer{
	width:100%;
	height:40px;
	margin-top:10px;
	background:#2b325a;
	text-align:center;
	line-height:40px;
}

#footer  a,#footer a:visited{
	color:#fff;
	position:relative;
	text-decoration:none;
	font-size:14px;
	font-weight:300;
}


#footer a:hover{
	color:#aaa;

}

#header,#header img, #beschreibung, #login, #content{
	width:100%;
}

#beschreibung p {
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	font-weight:300;
	text-align:center;
	font-size:16px;
	color:#2b325a;
	margin:0 0 0 0;
}

#login p {
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	font-weight:600;
	text-align:right;
	font-size:15px;
	margin:0;
	padding: 0 15px 5px 0;
}

#login a {
	text-decoration:none;
	color: #2b325a;
}

#login a:hover {
	color: #959da2;
}



.modul>.head{
	position:relative;
}
.modul>.head>img{
	position:relative;
	width:16px;
	margin:2% 2% 0 2%;
}
#facebook{
	float:left;
}
#unternehmen-des-tages{
	float:right;
	text-align:center;
	border:1px solid #eee;
	background:#f6f7f8;
	
}

hr{
	background:#8ebe44;
	border:0;
}
#unternehmen-des-tages a>img{
	border:1px solid #000;
}

p{
	font-weight:400;
}

#kontakt{
	margin:0 auto;
	width:62%;
}

#textblock {
	text-align:center;
	color:#000;
	width: 60%;
	margin-left:20%;
	margin-bottom:40px;
}

#textblock img{
	width:100%;
}

img.volle-breite{
	width:100%!important;
}

img.halbe-breite{
	width:49.5%!important
}
  @media only screen and (max-width:760px){
    img.halbe-breite{
		width:100%!important;}}

		
#textblock h1{
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	text-align:center;
	font-weight:200;
	font-size:50px;
	padding: 0 0 0 0;
	margin:0 0 0 -3px;
}
#textblock h2{
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	text-align:center;
	font-weight:400;
	font-size:18px;
	padding: 0 0 17px 0;
	margin:0;
}

#textblock p{
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	text-align:justify;
	font-weight:300;
	font-size:17px;
	padding: 0 0 0 0;
	margin:0;
}
#textblock strong{
	font-weight:400;

}

#textblock a {
	text-decoration: none;
	border-bottom: 1px #4b579d dotted;
	color: #4b579d;
}

#textblock a:hover {
	color: #959da2;
}

#textblock sup{
	font-size:10px;
	font-weight:400;
	margin-left:2px;
	
}


#textblock ul{
	text-align:left;
	padding-left: 18px;
	
}

#textblock ol{
	text-align:left;
	padding-left: 26px;
	
}

#textblock li{
	margin-left: 0px;
	padding-left: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:17px;
}

#textblock .bildunterschrift{
	text-align: right;
	font-size: 14px;
	color: #123456;
}

table#miyazaki { 
  width:100%;
  margin: 0 auto;
  border-collapse: collapse;
  font-family: 'Roboto', sans-serif;
  font-weight: 300; 
  background: #2b325a; 
  color: #fff;
  text-rendering: optimizeLegibility;
  border-radius: 5px; 
}
table#miyazaki caption { 
  font-size: 2rem; 
  color: #444;
  margin: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left, center right; 
}
table#miyazaki thead th { font-weight: 600; }
table#miyazaki thead th, table#miyazaki tbody td { 
  padding: .8rem; 
  font-size: 16px;
  text-align:left;
}
table#miyazaki tbody td { 
  padding: .8rem; 
  font-size: 16px;
  color: #444; 
  background: #eee; 
  text-align:left;
}
table#miyazaki tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}

table#miyazaki img { 
  width:150px;
  height:150px;
}

@media only screen and (max-width:600px) {
  table#miyazaki caption { background-image: none; }
  table#miyazaki thead { display: none; }
  table#miyazaki tbody td { 
    display: block; 
	padding: .6rem; 
	text-align: center;
	background: #ddd; 
	
  }
  table#miyazaki tbody tr td:first-child { 
    background: #ddd; 
	color: #fff; 
	text-align: center;
  }
	
}



#photos3{
	width:100%;
}
#photos3 .clear{
	margin:0;
}
#photo1{
	width:66.6%;
	margin:1% 1% 1% 0;
	float:left;
}
#photo2,#photo3{
	width:32.4%;
	margin-top:1%;
	float:left;
}
.button {
	color:#fff !important;
	position:relative;
	display: block;
	background:#2b325a;
	text-decoration:none !important;
	font-size:16px;
	font-weight:300;
	text-transform:uppercase;
	border: 0 !important;
	width:180px;
	height:28px;
	margin:10px auto;
	padding-top:10px;
}
.button:hover{
	background:#ccc;
	color:#2b325a !important;
	text-decoration:none !important;
	border: 0 !important;
}
#textblock .mini p{
	color:#fff;
}
.cards{
	margin:auto;
}
#textblock .mini{
	position:relative;
	border:1px solid #e51f6a;
	overflow:hidden;
	background:#fff;
	width: 15%;
	opacity: 0; /* hide card while loading */
	transform-property: opacity, transform;
	transform-origin: 50%;
}
#textblock .mini img{
	position:relative;
	display:block;
	width:100%;
	z-index:3;
	margin:0;
	padding:0;
}

#textblock .mini .info{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#FFF;
	z-index:2;
}
#mitglieder .mini img{
/*
	position:absolute;
	top:0;
	left:0;
*/
}

#textblock .mini:hover{
	border:1px solid #e51f6a;
}
#textblock .mini:hover img{
	z-index:1;
}
#textblock .mini:hover .info{
	background:rgba(128,130,133,0.9);
	z-index:2;
}
#kontakt p{
	text-align:center;
	text-transform:none;
}
#kontakt a{
	margin:5% auto;
}
#history-text{
	margin:20px auto;
	text-align:justify;
}
#history-text h3{
	text-align:center;
}
#history-text p{
	text-transform:none;
	font-weight:400;
	color:#808285;
}
#history-text .image{
	text-align:center;
}
#history-text .image .note,#history-text .image .note2{
	color:#8ebe44;	
	text-transform:none;
	font-weight:400;
	margin:0;
	padding:0;
}
#history-text .image .note2{
	color:#808285;
}
#bloc{
	background:#333;
}
.modul .head{
	display:block;
	width:100%;
	background:#dd4c79;
	color:#fff;
	font-size:19px;
	font-weight:400;
	line-height:40px;
}
.grey{
	width:100%;
	padding:10px 0;
	background:#f0f0f0;
}
.grey1{
	background:none;
 }
.grey p{
	margin:0 40px 0 40px;
	font-size:12px;
	text-transform:none;
	font-weight:400;
}
.grey p:first-child{
	text-transform:uppercase;
}
.grey p.green{
	color:#8ebe44;
}
.grey p.green a{
	color:#8ebe44;
	text-decoration:none;
}
.grey p.green a:hover{
	color:#e51f6a;
}
.grey.big{
	position:relative;
	text-align:center;
}
#kontakt{
	margin:0 auto;
	width:62%;
}
#kontakt img{
	width:70%;
	margin:4% auto;
	border: 1px solid #bbb;
}
#kontakt form{
	margin:4% 0;
}
#kontakt input[type="text"],#kontakt textarea{
	background:#f6f7f8;
	max-width:93%;
	min-width:93%;
	padding:2% 3%;
	margin:2% 0;
	border:1px solid #808285;
	color:#888a8d;
	font-family:'Roboto', sans-serif;
	font-size:15px;
}
#kontakt textarea{
	height:250px;
}
#kontakt  input[type="submit"]{
	border:none;
	color:#fff;
	background:#e51f6a;
	font-weight:900;
	padding:9px 10%;
	margin-top:3%;
	
}
#kontakt  input[type="submit"]:hover{
	background:#8ebe44;
}


.clear{
	clear:both;
}
#history img{
	max-width:100%;
	margin:10px auto;
}

#headermob {
	margin-top:49px;
	}
#headermob img{
	width: 100%;
	}

@media only screen and (min-width:601px){
	#container {
		width:1000px;
	}
	header{
	display:none;
	}
	
	#headermob{
	display:none;
	}
	
	#mobile-header{
		display:none;
	}
	
	#menu{
		height:50px;
	}
	#menu ul{
		padding-left:8px;
	}
	#menu li{
		padding: 10px 0 0 15px;
		display: inline-block;
	}

	#header{
		max-height:400px;	
		margin:0;
	}
	#content{
		min-height:100px;
	}
	#facebook{
		margin:5px;
		width:480px;
		height:610px;
	}
	#unternehmen-des-tages{
		margin:5px;
		width:480px;
		height:610px;
	}
	h1,h2,h3,p{
		
	}
	#unternehmen-des-tages h2{
		font-size:25px;
	}
	h3{
		
	}
	p{
		
	}
	hr{
		
	}
	#unternehmen-des-tages a>img{
		width:180px;
		margin:8px auto 0;
	}
	#unternehmen-des-tages img{
		margin-top:8px;
		width:340px;
	}

	#kontakt img{
		width:200px;
		margin:4%;
	}
	#content>img.logotip{
		width:100%;
		margin:30px 0;
	}
	#bloc{
		margin:50px 0;
		width:1000px;
		height:374px;
	}
	#quartier h3{
		font-size:17px;
		margin-top:15px;
	}
	#quartier img{
		margin:20px 0;
	}

	#content>iframe{
		margin-top:15px;
	}
	#history img{
		margin:10px auto;
	}
/*
	#mitglieder .mini{
		margin:5px 2px 0 5px;
		width:133px;
		height:133px;
	}
*/
	#mitglieder .mini p{
		margin:30px 10px 0px 10px;
		font-size:10px;
	}
	#mitglieder .mini hr{
		width:70px;
	}
	#mitglieder .mini.last{
		margin-right:0;
	}
	#mitglieder .mini .info{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(128,130,133,0.9);
		z-index:2;
	}
	#history-text{
		width:620px;
	}
	#history-text p{
		font-size:15px;
		margin-top:20px;
	}
	#history-text p.p17{
		font-size:17px;
	}
	#history-text .image img{
		width:100%;
		margin: 1% 0% 1% 0%;
	}
	#history-text .image .note,#history-text .image .note2{
		font-size:15px;
	}
	#history-text .image .note2{
		font-size:11px;
	}
	.modul{
		width:470px;
		min-height:100px;
	}
	.modul a{
		text-decoration:none;
		color:#808285;
	}
	.modul a:hover{
		text-decoration:none;
		color:#dd4c79;
	}
	.modul h2 .fa{
		padding: 0 15px;
	}

#soc{
	position:absolute;
	top:5px;
	right:5px;
	width:100px;
	height:60px;
}
#soc a,#soc a:hover,#soc a:visited{
	color:#777;
	font-size:300%;
}
.grey.big p{
	font-size:17px;
}
.modul.left{
	float:left;
}
.modul.right{
	float:right;
}



	.clear{
		margin-bottom:100px;
	}
	.clear.footer{
		margin-bottom:50px;
	}
}
@media only screen and (max-width:600px){
	
	html,body{
	margin:0;
	}

	#container {
		width:100%;
		min-width:200px;
	}
	#header{
		display:none;
	}
	#beschreibung{
		display:none;
	}
	#login{
		display:none;
	}
	#slider1{
		display:none;
	}
	#menu{
		position:fixed;
		background-color:#ccc;
		z-index:2;
		margin-top:50px;
	}
	
	#menu ul{
	margin:0;
	font-weight:300;
	padding:0;
	}
	#menu li {
    margin: 0%!important;
    width: 100%!important;
    text-align: center;
    display: block;
}
	
	#menu li a,#menu li a:visited{
		display:block;
		color:#111;
		position:relative;
		text-decoration:none;
		font-size:15px;
		font-weight:400;
		padding:5px 0;
		margin:0;
		border:0;
	}
	#menu li a:hover,#menu li.active a{
		color:#fff;
		border-width:0;
		padding:5px 0;
		background-color:#2b325a;
	}
	
	.onlymob
	{
		visibility:visible;
	}
	#gcf-design{
    width: 100%!important;´
	}
	#sonderheader img{
	width:180%;
	text-align:center;
	margin-left:-50%;
	padding:0 10%;
	}

	#textblock {
	text-align:center;
	color:#000;
	width: 80%;
	margin-left:10%;
	margin-top:0px;
	margin-bottom:40px;
	}
	#textblock h1{

	font-weight:200;
	font-size:30px;
	padding: 0 0 0 0;
	margin:0 0 0 -2px;
	}
	#footer{
	width:100%;
	height:80px;
	background:#2b325a;
	text-align:center;
	}
	iframe{
	width:100%;
	height:100%;
	}
	
	
	#menu ul{
		padding:2%;
	}
	#menu li{
		margin:2%;
		width:96%;
		text-align:center;
		display:block;
	}
	#menu li a,#menu li a:visited{
	font-size:120%;
	}
	#facebook{
		height:610px;
	}
	#facebook,#unternehmen-des-tages{
		margin:2% 10%;
		width:80%;
	}
	hr{
		width:80%;
		height:3px;
		margin:2% 10%;
	}
	#unternehmen-des-tages a>img{
		width:50%;
		margin:2% 25%;
	}
	#unternehmen-des-tages img{
		margin-top:2%;
		width:80%;
	}
	
	h1,h2,h3,p{
		font-size:140%;
		margin:8% 5% 0 5%;
	}
	.head
	{
		margin:0% 5% 0 0%;
	}
	#unternehmen-des-tages h2{
		font-size:130%;
	}
	h3{
		font-size:100%;
		margin-top:2%;
		font-weight:400;
	}
	p{
		font-size:100%;
		margin:3% 0;
	}
	#quartier h3{
		margin-top:3%;
	}
	#quartier img{
		margin:4% 0;
	}

	#mitglieder .mini p{
		font-size:60%;
	}
	#mitglieder .mini { 
		min-width: 100px;
	}	
/*
	#mitglieder .mini{
		position:relative;
		width:32%;
		min-height:32%;
		height:32%;
		max-height:32%;
		margin:0.5% 0.3%;
	}
*/
	#mitglieder .mini .info{
		width:100%;
		min-height:100%;
		max-height:100%;
	}
	#mitglieder .mini>img{
		position:relative;
		width:100%;
	}
	#history-text{
		width:80%;
	}
	#history-text p{
		font-size:100%;
		margin-top:3%;
	}
	#history-text p.p17{
		font-size:105%;
	}
	#history-text .image img{
		width:100%;
		margin:6% 0 2% 0;
	}
	#history-text .image .note,#history-text .image .note2{
		font-size:100%;
	}
	#history-text .image .note2{
		font-size:90%;
	}
	#bloc{
		display:block;
		margin:10% 0;
		width:100%;
		min-height:74px;
		max-height:37%;
	}
	.modul{
		width:100%;
	}
	.modul a{
		text-decoration:none;
		color:#808285;
	}
	.modul a:hover{
		text-decoration:none;
		color:#dd4c79;
	}
	.modul h2 .fa{
		padding: 0 4%;
	}
	.clear{
		margin-bottom:10%;
	}
	.clear.footer{
		margin-bottom:5%;
	}
	#footer{
		min-height:25px;
		padding-bottom:10px;
	}
}

#content .mce_area{
    height:500px;
	font-weight:400;
	text-align:center;
	color:#808285;
}


#gcf-design {
	width: 600px;
	background: #fff;
	filter: none;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	font-weight:300;

	}
#gcf-design .gcf-header-block { 
	background: #2b325a;
	color: #fff; 	
	filter:none; 
	display:none;
	}
#gcf-design .gcf-item-date-block  { 
	background: #2b325a;
	color:#fff;
	filter:none; 
	margin:0px 0px 10px 0px;
	} 	
	
#gcf-design .gcf-item-title-block  { 
	filter:none; 
	} 
#gcf-design .gcf-item-body-block  { 
	padding:0px 0px 20px 0px;
	filter:none; 
	} 	
#gcf-design .gcf-item-title  { 
	color:#2b325a;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	font-weight:500;
	filter:none; 
	} 
#gcf-design .gcf-last-update  { 
	filter:none; 
	color:#555;
	}