/*   Content by 
  Druck & Service Garhammer GmbH
  Florian Garhammer
  f.garhammer@garhammer-druck.de
  Tel. +49 9921 882270
==================================================

Mobile Anpassung
  # Mobile	bis 600px
  # Tablet 	bis 1000px
  # Screen	1001px bis 1279px
  # BScreen	ab 1280px 

  */

/* Mobile	0px bis 600px
================================================== */

@media (max-width: 500px)
	{	
td{
  padding: 5px;}
}

@media (max-width: 700px)
	{
		
#bottom1 table {
  width: 100%;}
		
.startseite > #main > #body > #left {
   margin: 30px 0 20px 0;}	
		

#main {  
  background: #E2E5ED;}

.fo2_col table
{width: 100%; float: none;}

.fo2_col td, .fo2_col table:last-child > tbody > tr > td
{text-align: center;}

#left, .item-pagenews, .item-page {
    background-color: transparent;
    padding: 0;
	display: inline-block; 
	width: 100%; 
	height: auto;
	border: none;}
	
img.imggrid{
	width: 100%;}
	
div.white > ul.nav > li > a {
	line-height: 2.5;
	font-size: 14px;}
	
img.bildlinks, img.bildrechts{
 margin-left: auto;
 margin-right: auto;
 float: none;
 display: block;}

#left{margin: 20px 0 20px 0;}

#bottom1box:before {
	float: none;
	display: block;
	width:100%; 
	height: 80px;}
	
#bo1_col1 {padding: 0;}
	
#bottom1box p:first-child {font-size: 1.3em;}

#left {
  background: none;}
  
.unibutton{
  white-space: nowrap;
  margin: 15px 0;
  display: block;
  text-align: center;}

.icon.check:before {padding: 0 10px 0 0;}
	
.moduletablekontakt, .moduletablegal{
    width: 100% !important;
    display: block;
    float: none !important;}	
	
.moduletablegal{
   margin-top: 50px;}	
	
}


@media (max-width: 800px)
	{	
#bottom1 table td img{
  width: 95%;}
}

/* Mobile	0px bis 1000px
================================================== */

@media (max-width: 1000px)
	{
.maxcol {width:100%;}

.leftcols1, .leftcols2, .leftcols3, .leftcols4 {width:100%;}

.cols2 {width: 100%; margin: 0;}

.menudrop > .on > .logomob {
    width: 70px;
	position: absolute;
	margin: 15px 0 0 -5px;}		
		
#body, #between1box, #footerbox, #top, #top.fixed-top, #footer2box {
	width: 100%;
	left: 0;
	margin-left: 0;
	padding: 25px 5% 25px 5%;}
		
#left > .item-page {
    padding: 50px 20px;}
	
#bottom1box, #bottom2box {
	width: 100%;
	left: 0;
	margin-left: 0;
	padding: 50px 5% 50px 5%;}	
	
.moduletablefo_menu {
    display:none;}
	
.moduletablekontakt, .moduletablegal{
    width: 49%;
    display: block;
    float: left;}
	
#footerbox {
	padding: 0 5%;}
		
#nav {display: none;}

#nav_mobile {
	position: fixed;
	display: block;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	opacity: 1;
	max-height: 100%;
	overflow-y: scroll;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;}	
		
#language {
    display: block;
    position: absolute;
    right: 100px;
    padding: 0px;
    margin: -23px -20px 0px 0px;
    width: 80px;}
		
#language a.glink {
    float:left;
	display: inline-block;
	padding: 25px 5px 5px 0;
	width: 40px;}	
		
#language a.glink img {
    margin: 0px;}
		
#head {
  margin-top: 84px;}
	
.unterseite #main {
    padding: 80px 0 30px 0;}
		
.unterseite #main {	
		border-bottom: 2px dotted #eee;}
		
.unterseite #logo,.unterseite #logo.fixed-logo,.unterseite img.logomob {
	width: 120px;}
	
#nav_mobile::-webkit-scrollbar { width: 0 !important; }

#nav_mobile.fixed-navmob {
	opacity: 0.95;
	background: #1b262f;
	border-bottom: 2px solid #e3e3e3;}

#top, #top.fixed-top {
	display: none;	}

#banner {
	width: 100%;
	left: 0;
	margin-left: 0;
	padding: 0;}
	
#logo, #logo.fixed-logo, img.logomob {
	width: 120px;
	display: block;
	float: none;
	position: relative;
	margin: 0px 0 0 -5px;}
		
div.fixed-navmob img.logomob {
    width: 120px;
    margin: -15px 0 0 -5px;}

#logo.fixed-logo {
	left: 0;
	opacity: 0;
	transition: 0.5s ease;}
	
	
#left {
	width: 100%;
	margin: 30px 0 20px 0;}
	
.pull-left.item-image > a, .pull-left.item-image {
  margin: 20px auto;
  overflow: hidden;
  width: 100% !important;}

#footer {
  border-top: none;
  margin-top: 0;}
 
div#fo1_col1.colstwof div.moduletable {
    float: none;
    width: 100%;
	padding: 0 0 50px 0; }

div#fo1_col1.colstwof div.moduletable:last-child {
    float: none;
    width: 100%;
	padding: 0; }
	
.nurmobil {
	display: block;}

#be1_col1 > .moduletable {
    width: 100%;
    padding: 30px;
    float: none;
    margin-bottom: 15px;
	min-height: auto;}

a > img.popbutton {
    padding: 0;
    width: 80px;
	margin: -100px -20px 0 0;
    float: right;}
	
#body {
    padding: 0 5%;}


/* #Text
================================================== */
h1, h1 a {
  font-size: 28px; }

h2, h2 a {
  font-size: 26px; }

h3, h3 a {
  font-size: 25px; }

h4, h4 a {
  font-size: 24px; }

h5, h5 a {
  font-size: 23px; }
 

  	
/* #Images
================================================== */

/* #Forms, Tables & Tabs
================================================== */
	


/* =========== Style-Änderungen =============== */

.unibutton {
    font-size: 20px;}
	
p.readmore, p.readmore span {
  font-size: 17px;}
  
.icon.check:before {
    display: block;
    float: left;
	font-size: 1.2em;}
   
table.bildung thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

table.bildung tr {
    border: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;}

table.bildung td {
    border-bottom: 1px solid #eee;
    display: block;
    font-size: .8em;
    text-align: right;}
		
table.bildung td:first-child {
    text-align: center;}

table.bildung td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;}

table.bildung td:last-child {
    border-bottom: 0; }
		
table.bildung tr:nth-child(2n+2){
  background-color: transparent; }

/* #Mobile Menu
================================================== */	

	/* Navigations-Menu ausblenden als Standard */
	
div.moduletable_mobile{
	display: none;
	z-index: 200;	}

	/* Menu-Zeile Aussehen */
.menudrop, .dropdown {
	display: block;
	color:#FFF;
	border:none;
	position: relative;}

.menudrop {
	padding: 0 5% !important;
	height: 84px;
	width:auto;
	background: #1b262f;}

.fixed-navmob > .menudrop {
	height: 84px;}

.dropdown:hover {
	background: #3c4b58;}

.homelink {
  padding: 0 !important;
  float: left;
}

#nav_mobile ul li a:hover {
	background-color: #3c4b58;	}
	
.nav > li {
	border-left: #1b262f;}

#toggle {
	width: 28px;
	height: 30px;
	float: right;
	margin: 28px 0;}

#toggle div {
	width: 100%;
	height: 5px;
	background: #fff;
	margin: 4px auto;
	transition: all 0.3s;
	backface-visibility: hidden;}

#toggle.on .one {
	transform: rotate(45deg) translate(5px, 5px);
	-moz-transform: rotate(45deg) translate(5px, 5px);
	-webkit-transform: rotate(45deg) translate(5px, 5px);
	-o-transform: rotate(45deg) translate(5px, 5px);
	-ms-transform: rotate(45deg) translate(5px, 5px);}

#toggle.on .two {
	opacity: 0;}

#toggle.on .three {
	transform: rotate(-45deg) translate(7px, -8px);
	-moz-transform: rotate(-45deg) translate(7px, -8px);
	-webkit-transform: rotate(-45deg) translate(7px, -8px);
	-o-transform: rotate(-45deg) translate(7px, -8px);
	-ms-transform: rotate(-45deg) translate(7px, -8px);}

	
.menu_top label.dropdown:after {
    float: right;
    content: "\ea43";
    font-size: 22px;
    color: rgba(255,255,255,0.8);
    font-family: 'icomoon' !important;
    -webkit-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -moz-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -o-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    }

label.menuoffen.dropdown:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);}

  /* Dropdown auf Klick (Version 2)*/
#drop.open + div.moduletable_mobile {
  display: block;}
  
[id^=drop]:checked ~ ul.nav-child {
  display: block !important;}
  
[id^=drop] {
  display: none;}	
		
[id^="droppics"] {
    display: inline-block;}
	 
	/* =========== Menu Ebene 1 =============== */
	
#nav_mobile a, li:hover ul.nav-child a, .menudrop, .dropdown {
	font-size: 22px;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 20px 5% 20px 5%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	}
		
.moduletable_mobile > ul > li {
    border-bottom: 2px solid #2B3440;}
	
#nav_mobile ul li {
	/*Linien Farben zwischen den li Elementen*/
	margin-left: 0;
	float: none;
	display: block;
	}

.menu_top ul.nav-child  {
  border: none;}		

#nav_mobile ul li:first-child {
	border-top: 2px solid #fff;
	}
	
#nav_mobile ul li a {
	background: #1b262f;
	}
	
#nav_mobile ul.nav-child a, .menu_top  {
	background: #1b262f;
	}
	
#nav_mobile ul.nav-child a, #nav_mobile ul.nav-child a:hover {
	padding: 20px 15px 20px 6%;
	font-size: 18px;
	text-transform: initial;
	}
	
	
	/* =========== Menu Ebene 2 =============== */
	
#nav_mobile ul.nav-child {
	display: none;
	position: relative;
	background-color: inherit;
	top: 0;
	border-radius: 0;
	padding: 0;
	opacity: 1;
	visibility: inherit;
	}
	
#nav_mobile ul.nav-child li ul li {
	border: none;
	border-top: 1px solid #aaa;  /*Linien Farben zwischen den li Elementen in der 2. Menüebene*/
	border-bottom: 1px solid #3c4b58;
	}
	
#nav_mobile ul.nav-child li a:hover {
	background-color: #3c4b58;
	}
	
#nav_mobile ul.nav-child li ul li:first-child {
	border-top: 1px solid #3c4b58; /*Linien Farben zwischen den Links in der 2. Menüebene und der 1. Menüebene*/
	}
	
#nav_mobile ul.nav-child li ul li:last-child {
	border-bottom: none;
	}
	
#nav_mobile li.active ul.nav-child {
	position: relative;
	left: 0;
	}
	
.menu_top li:hover a, .menu_top li:hover span {
  border-bottom: none;
}
		
  /* #Back-to-Topic
--------------------------------------------------------- */
#scrollToTop > img {
    width: 25px;
}
		
#scrollToTop {
    right: 25px;
    bottom: 35px;}
		
#social > .moduletable:first-child {
   display: none;
   }
		
#social .moduletable{
	right: -20px;}
		
#social {
  top: 85px;}

}


/* Tablet 	741px bis 1000px
================================================== */

@media (min-width: 741px) and (max-width: 1000px){

.button-info {
		width: auto;}
		
h1, h1 a {
  font-size: 36px; }

h2, h2 a {
  font-size: 32px; }

h3, h3 a {
  font-size: 28px; }

h4, h4 a {
  font-size: 26px; }

h5, h5 a {
  font-size: 24px; }

p, span, li, ol, ul, table {
  font-size: 18px;}
  
.blau a {
  font-size: 18px;
}
  
}

/* Screen	1001px bis 1279px
================================================== */

@media (min-width: 1001px) and (max-width: 1279px){

.leftcols1 { width:960px; }
.leftcols2 { width:960px; }
.leftcols3 { width:960px; }
.leftcols4 { width:960px; }
.leftcols1, .leftcols2 {margin: 0 0 0 0; float: left; }

.cols2 {width: 960px; }
.cols3 {width: 960px; }
.cols4 {width: 960px; }
.cols2, .cols3, .cols4 {float: left; margin: 0 40px 0 0; }

 
.botmargin {margin: 0 0 50px 0;
 float: left;
 width: 290px;
 height: auto;
 display: block;}
 
.botmargin img {max-width: 100%}
 
.botmargin:nth-child(2) {margin: 0px 45px 50px 45px;}
 
.colstwof2, .colstwo2  {
  width: 460px; 
  float: left; 
  margin: 0 0 0 0; }
  
.colstwo2 {
  margin: 0 0 0 40px; }

#topbox, #banner, #between1box, #body, #endbox, #bottom1box, #bottom2box, #footerbox, #footer2box {
    position: relative;
    left: 50%;
    margin-left: -480px;
    width: 960px;
    height: auto;}

#top {
	background: #fff;
	}
	
#nav {
  left: 230px;
  }
	
#nav.fixed-nav {
  left: 230px;}


#logo {
	width: 150px;
	top: 15px;
	margin: -40px 0 0 0px;}
	
#nav {
    left: 155px;}
	
#nav.fixed-nav {
    left: 155px;}
	

}

/* Screen	max. 1279px
================================================== */

@media (min-width: 701px) and (max-width: 1279px){
	
#bottom1 table {
  width: 50%;}
}

@media (min-width: 1000px) and (max-width: 1279px){
	
.menu_top a, .menu_top span {
    font: 300 15px 'Montserrat', sans-serif;}


}

/* Screen	1279px 1600px
================================================== */

@media (min-width: 1279px) and (max-width: 1600px){
	
#logo {
    width: 170px;
    margin: -50px 0 0 30px;}
	
#nav {
    left: 240px;}
	
#nav.fixed-nav {
    left: 240px;}
}


/* Screen	min. 1279px
================================================== */

@media (min-width: 1279px){
	
.nav > li {
  border-left: 1px solid rgba(255,255,255,0.2);
}

.nav > li:last-child {
  border-right: 1px solid rgba(255,255,255,0.2);
}

.nav > li:hover {
  border-left: 1px solid transparent;
}

.nav > li:last-child:hover {
  border-right: 1px solid transparent;
}
	
#col2 .moduletable {  
  padding: 0 0 0 30px;}
	
.bottom > .nav > li, .bottom > .nav > li:hover {
    border: none;}	
	
table.box td {
    width: 450px;}
}

/* Screen	min. 1600px
================================================== */

@media (min-width: 1600px){
	
.leftcols1 { width:1600px; }
.leftcols2 { width:1250px; }
.leftcols1, .leftcols2 {margin: 0 0 0 0; float: left; }

.cols2 {width: 330px; }
.botmargin {margin: 0 0 50px 0;}

#topbox, #banner, #between1box, #body, #bottom1box, #bottom2box, #footerbox, #footer2box {
  position: relative;
  left: 50%;
  margin-left: -800px;
  width: 1600px;
  height: auto;
  z-index: 50; }
	
#col2 .moduletable {  
  padding: 0 0 0 50px;}

	
}