/* Responsive addition */


/* adding green background to the ads */
/*#div-gpt-ad-1575997534486-0, #div-gpt-ad-1575998809409-0, #div-gpt-ad-1573981779364-0, #div-gpt-ad-1573988341725-0, #div-gpt-ad-1573986307551-0 {background:#bbff39  !important;}
*/

/*popup tweaks*/
#popup_this{z-index:9999 !important;left: 50% !important;top: 50% !important;transform: translate(-50%, -10%);}

/*responsive menu addons*/
.m-menu__checkbox{display:none;}
.m-menu__toggle{display:none;}
.m-menu__header{display:none;}

/*mobile/desktop switch*/ 
.vdesktop{display:block;}
.vmobile{display:none;}

/*other tweaks*/

#siteContentRight #navContainer #menu ul li {  height: 26px;width:114px; text-align:center;    color: #ffff00; float:left;line-height: 26px;    
-webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all  0.6s ease-in-out;
    -o-transition: all  0.6s ease-in-out;
  transition: all  0.6s ease-in-out;}
 #siteContentRight #navContainer #menu ul li:hover {background-color: rgba(0,0,0,0.2);}
#siteContentRight #navContainer #menu ul li ul li{       width: 100% !important;}
#siteContentRight #navContainer #menu ul{width:100%;}


/*media queries*/
/*------ 900px -------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:900px) {
	
#popup_this{width:740px !important; left:4% !important; margin-top:4px !important; }

/*-*/
#div-gpt-ad-1575998809409-0{display:none !important;}
/*google-ad is positioned to "left:900+px", so its out of the screen, please use "right:0" instead, or keep this line to make it inactive for small screens*/

div#siteContainer {  width: 100%; background:#eeeeee !important;}
div#siteContent {  width: 100%;}

#mainContentBottom {
margin-top: 26px;}

#siteContentRight #navContainer{position:absolute; left:0px; width:100%; background-size:200%; background-position:center;border-top:1px solid #111;border-bottom:1px solid #111;}
#siteContentRight #navContainer #menu { width: 690px; float: none;  margin: auto; background: url(../../media/images/nav_splitter.png) no-repeat top left; height: 26px;}


 #siteContentLeft{ border-right: 0px solid #353535 !important;}
 #siteContentRight{width: calc(100% - 150px) !important;}	
 
 #siteContentLeftCopy{    padding-top: 20px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;}
 
#mainContentBottom #mainContentBottomLeft{width:70% !important; margin-top: 10px;
    margin-bottom: 10px; border-left: 1px solid #353535;border-right: 1px solid #353535; padding-left:8px; padding-right:8px;}
#mainContentBottom #mainContentBottomRight{width:27% !important; }

#mainContentBottom #mainContentBottomLeftCopy{width:100% !important; }

#siteContentLeft table {width:100% !important; }

#mainContentBottomLeftCopy div table {width:100% !important; }
#mainContentBottomLeftCopy div table table td img{width:38% !important; max-height:150px;}
#mainContentBottomLeftCopy div #links { padding-left:0px !important;}
#mainContentBottomLeftCopy div #links img {max-width:50px;}

#mainContentBottomRightCopy div table img {width:100% !important; max-width:100px;}

 #siteContentRight table td  {  background-size:140% !important;  background-position:center !important; background-repeat:no-repeat;}
 #siteContentRight table tr:first-child td  {  background-size: 122% !important;  background-position: center !important; background-repeat:no-repeat;}

 
  #siteContentRight table {background: transparent !important; }
 #siteContentRight #hauptteil table tr:first-child td { border-top-right-radius: 14px;border-top-left-radius: 14px; background-color:rgba(0,0,0,0) !important;  }
 /*#siteContentRight #hauptteil table tr:last-child td  {border-bottom-right-radius: 14px;border-bottom-left-radius: 14px; }
#siteContentRight #hauptteil table table tr td{border-bottom-right-radius: 10px;border-bottom-left-radius:0px;}
*/

  #mainContentBottomRight table {width:100% !important;}
  #mainContentBottomRight #links {padding-left:4px !important;}
  #siteContentLeftCopy  #links {padding-right:4px !important;padding-left:4px !important;}
  
#mainContentBottomLeftCopy div table table td img.pfoss {
    width: 120px !important;
    height: 190px !important;
    max-height: 200px;
} 

#links span {line-height: 1.6em !important;}  
#kommentarskript{width:100% !important;}
.kurz{width:82% !important;padding:4px 6%;line-height: 20px; height:auto; }
.comment{width:88% !important; padding:10px 6% 10px 0;  line-height: 18px; margin-bottom:40px; }

}

/*------ 768px -------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:768px) {
	
	#popup_this, .__b-popup1__, .b-modal {display:none !important;}

#siteContentRight{width: calc(96% - 151px) !important;border-left: 1px solid #353535 !important;
    margin-bottom: 64px !important; }


#mainContentBottom #mainContentBottomLeft{width:100% !important; float:none !important;margin-top: 0px;
    margin-bottom: 0px; border-left: 0;border-right: 0px; padding-left:8px; padding-right:8px; }
#mainContentBottom #mainContentBottomRight{width:100% !important; float:none !important; margin-left:0px !important;border-left: 0px;}
.homepage #mainContentBottom #mainContentBottomRight{margin-top: -98px;}

#mainContentBottomLeftCopy div table table td img { width:33% !important; max-height:164px;}

#mainContentBottomLeftCopy div table table td img.pfoss{width:102px !important; height:160px !important;max-height:160px;}
#siteContentRight table tr:first-child td { background-size: 200% !important;}
#mainContentBottomRight #links {
    padding-left: 0px !important;}
	
div#footer {background: #eee; border-top:1px solid #ccc;}

#footerContent{padding-left:0 !important; text-align:center; line-height:30px;}

.contactTextarea, .contactField {width: 90% !important;}
table.odd td{width:50% !important;}
table.odd td table{width:100% !important;}

}


/*------ 688px -------- + mobile-menu  -------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width:688px) {

.m-menu__checkbox{display:block;}

.m-menu__toggle{display:block;}
.m-menu__header{display:flex;}


#siteHeader{  position:fixed;top: 0;    left: 0;    width: 100%;	border-bottom:1px solid #fff;}
div#siteContent {    margin-top: 159px;padding: 0 !important; }

#siteContentLeft{margin-left:0% !important; padding-top: 0px; margin-top:-30px;border-right: 0px !important; }
#siteContentRight{ margin-top: 0px;  border-left: 0px;    margin-bottom: 42px; margin-top:-30px;	} 


#mainContentBottom #mainContentBottomLeftCopy a {
    line-height: 14px;}


#siteContentLeftCopy{padding-top:0px !important; margin-top:-9px; }
  
 .comment{margin-bottom:24px; } 

#mainContentBottomLeftCopy div table table td img{ width:48% !important; max-height:132px;}


#liste table {margin:0 0 10px 0 !important}
#liste table table{margin:0 !important}
#liste table table tr:first-child td  {  border-radius: 11px 11px 0 0 !important;}
#liste table table tr:last-child td  {  border-radius:0 0 11px 11px  !important;
background: linear-gradient(to top, #8f8f8f 0%, #cdcdcd  40%, #fff);}
#liste table table table tr td {background:transparent !important;}
#liste table table tr td  { padding:0 6px}


#siteContentRight #navContainer {
  width: 100%;
  height: 588px !important;
  margin: 0 auto;
  overflow: hidden;
  background:transparent !important;
top:52px;
   float: none !important;
   border:none !important; 
}


#siteContentRight #navContainer #menu {
    width: 100%;
    height: 100%;

}
#siteContentRight #navContainer #menu ul li a{ background:none !important; }
#siteContentRight #navContainer #menu ul li a:hover{ background:none !important; }
	   
  #siteContentRight #navContainer #menu ul li {
   position: relative;height: 36px;  width:230px; float:none; text-align:left;padding:7px 12px;  line-height:36px !important; border-bottom:1px solid #34478f;}
  #siteContentRight #navContainer #menu ul ul {  width: 100%; border:none !important;display: block !important;}

  
#siteContentRight #navContainer #menu ul li ul li{height:18px;}
#siteContentRight #navContainer #menu ul li ul li a{ font-size:14px;line-height: 18px !important; }


#siteContentRight table td {
background-size: 220% !important;}

#siteContentLeftLocation form {display: none !important;}



nav {
  background:#4C74AA;
  height: 50px;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: fixed;
   top: 109px;
   left: 0px;
    width: 100%;}
	
	
nav .m-menu__checkbox {
  display: none;
}
nav label.m-menu__toggle {
  cursor: pointer; margin-left: 6px;
}
nav .m-menu {
  position: fixed;
  top: 0;
  left: 0px;  
  width: 30px;
  height: 100%;
  -moz-transform: translate3d(-450px, 0, 0);
  -o-transform: translate3d(-450px, 0, 0);
  -ms-transform: translate3d(-450px, 0, 0);
  -webkit-transform: translate3d(-450px, 0, 0);
  transform: translate3d(-450px, 0, 0);
  z-index: 8;
  overflow: hidden;
  background-color: #4C74AA;
    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all  1s ease-in-out;
    -o-transition: all  1s ease-in-out;
  transition: all  1s ease-in-out;
  margin-left:0px;

}

nav .m-menu__checkbox:checked ~ .m-menu {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

 display:block;z-index: 11;
    position: fixed;
width:230px;
left: 0px; 
}


nav .m-menu__overlay {
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  right:0;
  bottom: 0;
  width: 100%;
  bottom: 0;
  z-index: 10;
display: block;  
  height:0%; overflow:hidden;  
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
	z-index:4;

}

nav .m-menu__checkbox:checked ~ .m-menu__overlay {
  display: block;   background-color: rgba(0, 0, 0, 0.8);  
 height:100%;

}

nav .m-menu__header {
  padding: 0 12px 0 6px;
  height: 50px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
nav .m-menu__header span {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: right;
  width: 100%;
  color:#fff;
}
nav .m-menu .m-menu {
  -moz-transform: translate3d(480px, 0, 0);
  -o-transform: translate3d(480px, 0, 0);
  -ms-transform: translate3d(480px, 0, 0);
  -webkit-transform: translate3d(480px, 0, 0);
  transform: translate3d(480px, 0, 0);
}

nav .m-menu ul li a, nav .m-menu ul li label {
  cursor: pointer;
  font-size: 16px;
  font-weight:400;
  position: relative;
  text-shadow:0px 0px 10px rgba(0,0,0,0.4);
  text-align:left !important;    
  padding: 0 !important;
  line-height:36px !important;
  display:block !important;
}


nav .m-menu ul li label.a-label__chevron::after {
  content: "";
  position: absolute;
  display: inline-block;
  height: 8px;
  width: 8px;
  border-color: #ffff00;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -5px;
  right: 32px;

}
nav .m-menu ul li .-invisible {
  border-bottom: 0;
}
nav .m-menu .m-menu label.m-menu__toggle {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0;
  padding: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}


.contactInputTd img {max-height:46px !important;}

  
}


/*------ 560px -------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:560px) {
	
#mainContentBottomLeftCopy div table table td img{ width:70% !important; max-height:132px;}

}

/*------ 480px -------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width:480px) {
	
.vdesktop{display:none;}
.vmobile{display:block;}


 /*--- changing the main section order on mobile, from - > left-sdebar/right-sidebar ---to-> right-sidebar/left-sdebar ----------*/
 
#siteContent{display:flex !important;flex-flow: column !important; margin-top:0px !important;}
#siteContentRight{order:1 !important; margin-bottom:0px !important; }
#siteContentLeft{order:2 !important; margin-bottom:212px !important;  }	

	
div#siteContainer {
    position: fixed;
    overflow: auto;
    height: 100% !important;
    top: 160px;
	border-top:6px solid #eee;	}

#footer{position:fixed !important; border-top:1px solid #aaa;    background: linear-gradient(to bottom, #eee 20%, #aaa 90%);}
#footerContent{padding:0px !important;}
	
#siteContentLeftLocation form {
    display: block;
    position: fixed;
    right: 0px;
    top: 109px;
    width: 60%;
    background: #4C74AA;
    padding: 5px 4% 4px 1%;
}
	.easysp #kommentarskript {margin-bottom:-60px !important;}
	

#siteContentLeftCopy #links{
padding: 6px 10px !important;}

	
 #pfeile{     margin-top: -6px; border-bottom:1px solid #555; margin-bottom:10px;padding-bottom:6px; width:98% !important;}		
 #pfeile font {font-size:12px !important;}
 #pfeile img {margin-top: -10px !important;}
  
	/*but on the homepage, we are moving not the whole right-sidebar now, only the first div of that area*/
	
.homepage #siteContentRight{order:2 !important; margin-bottom:0px !important; }
.homepage #siteContentLeft{order:1 !important; margin-bottom:0px !important;  }
.homepage #mainContentBottom #mainContentBottomRight { margin-bottom:190px !important;}
	
.homepage #pfeile{ display:none !important;}	

.homepage #hauptteil {
	    margin-top: -648px;
    padding-top: 0px !important;
    margin-bottom: 222px;
}
   

 #pfeile table td {border:none !important;}
/*and making place for it, with a big gap at the top of the left-sidebar section*/
.homepage #siteContentLeft {    padding-top: 480px !important;}


#mainContentBottomRightCopy div{padding-left:0% !important; padding-right:0% !important;}
#mainContentBottomRightCopy div div{ padding-left:2% !important; padding-right:2% !important;}

nav {
  background:#4C74AA;
height: 51px;}	

#siteContentLeft{ width:98% !important; margin-left:0% !important; padding-top: 34px;border-right: 0px !important;border-left: 0px!important;    padding-left: 1% !important; }
#siteContentRight{   margin-top: -14px;  border-left: 0px;    margin-bottom: 56px; z-index:0;	border-left: 0px!important;    padding-left: 1% !important;
    padding-right: 1% !important;
    width: 98% !important;} 



	
#mainContentBottom #mainContentBottomLeftCopy {    width: 98% !important;margin-left:1% !important;}
#mainContentBottom #mainContentBottomLeft {padding:0 !important;}
#mainContentBottom{background:#efefef; }

.kurz{width:87% !important;padding:4px 4%;line-height: 20px; height:auto; margin-top:8px;}
.comment{width:88% !important; padding:10px 6% 10px 0;  line-height: 18px; margin-top:6px; margin-bottom:20px;}
#kommentarskript {margin-bottom:-60px !important;}

#siteContentLeftLocation a {     letter-spacing: -0.6px;}

 
#siteContentRight table td {    line-height: 30px;}
#siteContentRight table tr:first-child td {    background-size: 320% !important; line-height: 16px; padding-left: 4px !important; padding-right: 4px !important;}
  
#siteContentLeftLocation  table{    display: inline; margin-bottom:8px;}
#siteContentLeftLocation  img {height:0px !important;}	 
#siteContentLeftLocation #links img {height:8px !important;}
#siteContentLeftLocation #links span img {height:14px !important; width:14px !important;}
#siteContentLeftLocation #links form img {height:2px !important;}


#siteContentLeftCopy{padding-left:9px !important;padding-right:9px !important;}	   
#siteContentLeftCopy #links {    background: linear-gradient(to top, #eee, #fff 80%, #fff 100%); padding:2px 4px !important;  margin: 5px 0 !important;}




  
 #footerContent{padding-left:0px !important; text-align:center;}

 
#hauptteil { padding-top:0px !important; }
#mainContentBottomLeftCopy img {max-height:2px;}
#mainContentBottomLeftCopy #pfeile img {max-height:10px;}
#mainContentBottomLeftCopy a img {max-height:44px; margin-top:10px;}

#mainContentBottomLeftCopy div table table td img {max-height:80px;width: 48% !important;}
#mainContentBottomLeftCopy div table {    width: 98% !important;}

#mainContentBottomLeftCopy div table table td img.pfoss{width:70px !important; height:108px !important;max-height:108px;}

.contactInputTd img {max-height:46px !important;}

  nav .m-menu {
  top: 0;
  left: 0;
  max-width: 340px;
  width: 94%;}
  
}

/*------ 436px -------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:436px) {
 #pfeile img {margin-top: 0px !important;}
.homepage #siteContentLeft {    padding-top: 492px !important;}

.homepage #hauptteil {  margin-top: -670px;
    padding-top: 0px !important;
    margin-bottom: 240px;

}
#siteContentRight table td {
   line-height:20px;
}
#mainContentBottomLeftCopy div table table td img {width: 56% !important;}
}

/*------ 362px -------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:362px) {
	
	#mainContentBottomLeftCopy div table table td img {width: 65% !important;}
		#mainContentBottomLeftCopy div table table td a img {min-width: 56px !important;}
		
.homepage #siteContentLeft {    padding-top: 472px !important;}		
.homepage #hauptteil { margin-top: -662px; 
    padding-top: 0px !important;
    margin-bottom: 246px;}
	
}


/*------ 355px -------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:355px) {

.homepage #siteContentLeft {    padding-top: 482px !important;}

.homepage #hauptteil {  margin-top: -680px; 
    padding-top: 0px !important;
    margin-bottom: 270px;
}
  
#siteContentRight #navContainer{ overflow:auto; height:90% !important; background: #4C74AA !important; width:220px  !important;}
#siteContentRight #navContainer #menu{ overflow:auto;}
   
#siteContentRight #navContainer #menu ul { border:none;    width: 180px;max-width: 180px;}

#siteContentRight #navContainer #menu ul:nth-child(6) { height: 120px; line-height:14px;}
#mainContentBottomLeftCopy div table table td img {width: 72% !important;}

 nav .m-menu {
   top: 0;
  left: 0;
  max-width: 222px;
  width: 94%;  }
}

/*------ 345px -------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:345px) {

.homepage #hauptteil{     margin-top: -706px;    margin-bottom: 280px;}	

}

/*------ 288px -------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:288px) {



.homepage #siteContentLeft {    padding-top: 490px !important;}


.homepage #hauptteil {  margin-top: -722px; 
    padding-top: 0px !important;

    margin-bottom: 292px;
}
#siteContentRight table tr:first-child td{line-height:16px; padding:4px !important; background-size: 440% !important;}
#mainContentBottomLeftCopy a img {    max-height: 26px;    max-width: 26px;}

#mainContentBottomLeftCopy div table table td img {width: 80% !important;}

}

/*------ 265px -------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:265px) {
	
	

.homepage #hauptteil {   margin-top: -776px; 
    padding-top: 0px !important;
    margin-bottom: 356px;
}	
	
	#mainContentBottomLeftCopy div table table td img {width: 100% !important;}
	
}

@media (max-width:255px) {
.homepage #pfeile{     margin-top: -806px;  }	
}