/* ****************************************************************************** */
/* Desktop                                                                        */
/* ****************************************************************************** */
@media screen and (min-width: 991px) {
.responsive {
    position: absolute;
    left: -3000%;
    top: -2000%;
    height: 0%;
    width: 0%;
	visibility:hidden;
    margin:0%;
    padding:0%;
}
}

/* ****************************************************************************** */
/* nur große Bildschirme                                                          */
/* ****************************************************************************** */
@media screen and (min-width: 1200px) {
#header-center img { width:12%; } 
#header-right { width:50%; } 
}

@media screen and (min-width: 1600px) {
#wrapper { margin-right:10%; margin-left:10%; }
#header { width: 80%; }
#header-center img { width:10%; } 
#header-right { width:30%; } 
.pfad { margin-left:0%; width:78%; width:77%; }	
.pfad img { margin-left:11.65%; }
.suche { margin-right:12%; }	
}


@media screen and (min-width: 1800px) {
#header {  }
}

/* ****************************************************************************** */
/* normale Bildschirme                                                            */
/* ****************************************************************************** */    
   
@media screen and (max-width: 1200px) {
#wrapper { margin-right:0%; margin-left:0%; }
.suche { margin-right:1%; }
}

} /* Ende @media screen and (min-width: 751px) */



/* ****************************************************************************** */
/* Tablets                                                                        */
/* ****************************************************************************** */
@media only screen and (device-width: 768px) {
/* For general iPad layouts */
* html #col1, * html #col2, * html #col3 { position:relative; }
}




/* ****************************************************************************** */
/*                                                                                */
/* responsive Design                                                              */
/*                                                                                */ 
/* ****************************************************************************** */
@media screen and (max-width: 990px) {

.non-responsive, .nonresponsive {
    position: absolute;
    left: -3000%;
    top: -2000%;
    height: 0%;
    width: 0%;
	visibility:hidden;
    margin:0%;
    padding:0%;
}
    
body { font-size: 100%; } 

.responsive {
	margin-left:0%; margin-right:0%;
	visibility:visible;
	display:inline;
}
	
ul { padding-left:7%; }

#wrapper { margin:0%; margin-left:0%; margin-right:0%; margin-top:0vH; margin-bottom:0%; }
	
#main {
	margin-top:0vH;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	padding-top:140px;
	padding-left:3%;
	padding-right:3%;
}

ul.footer { margin-top:0vH; } 
	
	
.float-right-20,
.float-right-30,
.float-right-40,
.float-right-45,
.float-right-50,

.float-left-90,
.float-left-80,
.float-left-70,
.float-left-60,
.float-left-55,
.float-left-50, 
.float-left-40, 
.float-left-30, 

.spalte-rechts-30, img.spalte-rechts-30,
.spalte-rechts-30 h6,
.spalte-rechts-40,
.spalte-rechts-50, img.spalte-rechts-50,
.spalte-rechts-60,
.spalte-rechts-70, img.spalte-rechts-70,
.spalte-links-30, img.spalte-links-30,
.spalte-links-50, img.spalte-links-50,
.spalte-links-70, img.spalte-links-70,
    
#bottom .moduletable_bottom-left,
#bottom .moduletable_bottom-right

{ width:100%; margin:0%; padding:0%; margin-top:2%; margin-bottom:6%; } 
	
.table30 td:nth-child(odd), .table30 td:nth-child(even),
.table50 td:nth-child(odd), .table50 td:nth-child(even),
.table70 td:nth-child(odd), .table70 td:nth-child(even) { width:100%; padding-right:0%; }

/***************************************************************************************************************/
/* Header                                                                                                      */
/***************************************************************************************************************/	
#header {
	z-index:101;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:1%;
	padding-right:1%;
	width:auto;
	height:140px;
}
	
#header-center { 
	flex-wrap: nowrap;
	vertical-align:top;
	margin-top:0px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0%;
	padding-top:0px;
	padding-bottom:0px;
}
	
#header-center img { width:22%; height:auto; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; }
#header-center ul { width:70%; text-align:left; margin-top:0vH; margin-bottom:0vH; padding-top:0%; padding-bottom:0%; }
#header-center ul li { font-size:80%; }
#header-center ul li:nth-child(1) { font-size:100%; } 

	
#header-right li a { font-size:70%;  }
#header-right li img {  }
#header-right li span {  }
#header-right li:nth-child(1) { font-size:90%; }

/***************************************************************************************************************/
/* Suche                                                                                                       */
/***************************************************************************************************************/
.suche {
	z-index:100;
	position:fixed; 
	margin-top:153px;
	margin-right:18%;
	margin-bottom:0vH;
}
.moduletable_suche label { color:transparent; width:0px; }

.search_suche #searchForm input {
	z-index:40;
	height:14px;
	font-size:80%;
	width:10%;
}

.search #searchForm label { width:90%; }
.search #searchForm input { margin-top: 1vH; margin-left: 0%; width:90%; }

/***************************************************************************************************************/
/* Pfad                                                                                                        */
/***************************************************************************************************************/
.pfad { z-index:99; margin-top:124px; margin-left:0%; height:70px; width:100%; }
.pfad img { z-index:100; margin-top:148px; margin-left:3%; margin-left:5%; height:42px; }

.pfad img.link_pfad { z-index:101; }
.pfad img.link_pfad_willkommen { z-index:102; }

/***************************************************************************************************************/
/* Abstand                                                                                                     */
/***************************************************************************************************************/
.clearance { height:0vH; }
	
/***************************************************************************************************************/
/* Seite Willkommen                                                                                            */
/***************************************************************************************************************/
ul.willkommen li {	
	margin-left:0%;
	margin-right:0%;
	margin-top:0vH;
	margin-bottom:0vH;
	visibility:visible;
	display:inline;
	position: static;
    height: auto;
 	width:100%;
}

ul.willkommen li, .box {
	width:100%;
	margin-top:1vH;
}	
ul.willkommen li:nth-child(1), ul.willkommen li:nth-child(2) {
	width:100%;
	margin-top:0vH;
}	

ul.willkommen li.hintergrund { 
	padding:3%;
	padding-top:2vH;
	padding-bottom:2vH;
}
	
ul.willkommen li:nth-child(1) {
    position: absolute;
    left: -3000%;
    top: -2000%;
    height: 0%;
    width: 0%;
	visibility:hidden;
    margin:0%;
    padding:0%;
}

ul.willkommen li:nth-child(3) {
	margin-left:0%;
	margin-right:0%;
	visibility:visible;
	display:inline;
	position: static;
    height: auto;
    width: auto;
	width:100%;
}


ul.spalten { justify-content:space-between; -ms-flex-pack: space-between; }
ul.spalten li { width:45%; padding-top:0.3vH; padding-bottom:0vH; }

/***************************************************************************************************************/
/* Footer                                                                                                      */
/***************************************************************************************************************/
ul.footer {
	justify-content:flex-start;
	align-items:flex-start;	
	margin-left:0%;
	margin-right:0%;
	text-align:center; width:100%; padding-top:0vH; 
}
.footer li { } 
.footer li { text-align:center; width:100%; padding-left: 5%; padding-right: 5%; padding-top:4vH; padding-bottom:4vH; justify-content:center; } 
.footer li:nth-child(1) { margin-left:0%; margin-right:0%; padding-left:0%; padding-right:0%; }
.footer li:nth-child(2) { width:100%; } 
.footer li:nth-child(3) {  } 
.footer li:nth-child(3) * { font-size: 110%; } 

.unterschrift { width:40%; }

ul.feedback-frage { display: inherit; justify-content: left; }

ul.feedback-frage li:nth-child(3n+1) { 
	  clear:left; clear:right; margin-left:0%; padding-left:2%; width:98%; padding-top: 1vH; margin-top:1vH; border-top: 1px solid #e5e5e5; }
ul.feedback-frage li:nth-child(3n+2) { 
	 clear:right; clear:right; float:right; padding-top:1vH; padding-bottom:10px; padding-left:2%; padding-right:0%; width:48%; }
ul.feedback-frage li:nth-child(3n) { 
	 float:right; width:46%; padding-top:0.3vH; padding-left:0%; padding-right:2%; text-align:left; }
	
	
ul.feedback, ul.feedback li { margin-left:0%; }
ul.feedback li img { width:100%; }
	
ul.feedback li:nth-child(3n+1) { 
	width:100%;
	margin-left:0%; margin-top:0.5vH; 
	padding-left:0%; padding-right:0%; padding-top: 2vH; padding-bottom: 0vH;
	border-top: 1px solid #e5e5e5; }
ul.feedback li:nth-child(1) { 
	margin-top:0vH; 
	padding-top: 0vH;
	border-top: 0px solid #e5e5e5; }
ul.feedback li:nth-child(3n) { margin-left:5%; }
ul.feedback li:nth-child(3n), ul.feedback li:nth-child(3n+2) { width:40%; padding-bottom:0.5vH; }
	
	
	
/***************************************************************************************************************/
/* Smartphones                                                                                                 */
/***************************************************************************************************************/
@media screen and (max-width: 750px) {
body { font-size: 80%; }
#main { padding-left:5%; padding-right:5%; }

#header { display: block; vertical-align:top; width:100%; height:84px; margin-top:0px; margin-bottom:0px; font-size:120%; }
#header * {  margin-top:0px; margin-bottom:0px; }	
	
#header-center { 
	flex-wrap: nowrap;
	vertical-align:top;
	margin-top:0px;
	margin-top:-20px;
	margin-bottom:0px;
	margin-left:0%;
	padding-top:0px;
	padding-bottom:0px;
	height:40px;
}
#header-center img { /* width:15%; height:auto;  */ width: auto; height:50px; }

#header-right {
	display:block;
	width:100%;
	margin-right:0%;
	margin-top:-15px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}
	
#header-right ul {
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	height:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}
	
#header-right ul li { font-size:90%; width:100%; }
	
#header-right li:nth-child(1) { 
	position: absolute;
    left: -3000%;
    top: -2000%;
    height: 0%;
    width: 0%;
	visibility:hidden;
    margin:0%;
    padding:0%;
}

#main { padding-top:90px; }
.pfad { margin-top:84px; }
.pfad img { margin-top:102px; } 
.suche {}
.suche form { margin-top:-42px; margin-top:-54px; }
.suche form input { width:10%; }
img.box { width:48%; }


.table30 td:nth-child(odd), .table70 td:nth-child(odd) { width:48%; padding-right:2%; }
.table30 td:nth-child(even), .table70 td:nth-child(even) { width:48%; padding-left:2%; padding-right:0%; }
	
/***************************************************************************************************************/
/* ClickDoc                                                                                              */
/***************************************************************************************************************/
.clickdoc { width:100%; margin-left:0%; }

	
@media screen and (max-width: 600px) {	

#header-center ul li { font-size:60%; }
#header-center ul li:nth-child(1) { font-size:80%; } 
	
#header-right li a { font-size:50%;  }
#header-right li:nth-child(1) { font-size:50%; }
	
.pfad { height:50px; }
.pfad img { height:28px; margin-top:96px; }

.search_suche form input {
	height:10px;
	font-size:70%;
	width:15%;
}

}
	
} /* Ende Smartphone */
	
	
	
} /* Ende responsive */