@media (max-width: 819px) {
   #slideshow {
    display: block;
    position: relative !important;
	   
	   
}

.CONTENTSLIDE, .CONTENTSLIDE img {
	min-width: unset;
	position: absolute !important;
	overflow: visible !important;
	}
	
.Datev-Digital { right: 10px !important;
	top: -155px !important;
   }
   .Datev-Digital a img { width: 100px !important;
   }
   
	.blauerkasten {
  padding-top: 60px;
  padding-bottom: 25px;
  background-color: #43718f;
  color: #ffffff;
  padding-left: 15px;
  padding-right: 15px;
  left: -15px;
  position: relative;
}
	
   body {
   }
   
   .fancy {
 pointer-events: none;
 cursor: default;
}

.center { 
	max-width: 100%; 
	background-color: rgba(255,255,255,1);
	min-width: 100%;
	margin-top: 0;
}

.outer {
margin-top: 0 ! important;

}
	
.phone {
	display: block !important;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
}

a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {

    text-decoration:    underline;
    color: #ffffff;
    

}


.top { 
	min-height: unset;
	margin-bottom: 30px;
	min-height: 170px;
}

.top a img {

}

	#slideshow {
    height: 200px;
width: 100% !important;
margin-left: -50vw;
left: 50%;
}

.CONTENTSLIDE { 
 height: 200px;
width: 100% !important;
overflow: hidden;
}

.CONTENTSLIDE img { 
	width: auto !important;
	height: 70vw;
left: 50%;
margin-left: -50%;
position: relative;
}







iframe {
	width: 100%;
}

.logo-mobil {	
	display: inline-block !important;
	margin-left: -100px !important;
	font-size: 11px !important;
	left: unset !important;
	position: fixed;
	}

.logo-responsive {	
	left: unset !important;}
	
.logo-responsive a img, .logo-responsive a img { 
 	display: inline-block !important;
 }
 
 .logo-responsive img {

    height:  auto !important;
    width: 100% !important;

}
 
	.reslarge {
right: 50% !important;
margin-right: -145px !important;
top: 15px !important;
width: 290px !important;
z-index: 3000 !important;
	opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    height: 155px !important;


  }
  
  .ressmall {
right: -41px !important;
margin-right: 0 !important;
top: 0 !important;
width: 100px !important;
z-index: 3000 !important;
border-right: none !important;
padding: 0 !important;
background-color: rgba(72,123,157,0.9);
height: 55px !important;
   }
   
   .reslarge img {

   }
  
      {
    
    transition: all 0.2s;
  -moz-transition: all 0.2s; /* Firefox 4 */
  -webkit-transition: all 0.2s; /* Safari and Chrome */
  -o-transition: all 0.2s; /* Opera */  
  
  }
  .reslarge, .ressmall {
    transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
    
  }
  
  .headerr, img.headerr {
  display: none !important; 
  }
    
	.contentrahmen {
	padding: 0 5%;
	margin: 20px 0 !important;
	}
	
	p {
	/*padding: 0 5% !important;*/
	text-align: left !important; 
	line-height: 140%;
    }
    
    h1 {
    font-size: 23px !important;
    }
    
    h2 {
    font-size: 23px !important;
    margin-bottom: 5px;
    }
    
     h3 {
    font-size: 18px !important;
    }
	
	h5 {
	margin-left: 0;	
		
	}
	
	.center ul {
		margin-left: 20px; 
		
	}
	
	table {
    width: 90% !important; 
    margin-left: 5%;
    margin-bottom: 20px; 
    font-size: 12px;
    
    }
    
    table a {
	color: #58595f;   
    font-size: 11px;
    
    }
    
    th, td {
    line-height: 110%;
    max-width: 150px !important;
    }
	
	
	.flyout .nav, .fixed-navi {
      margin-left: 0 !important;
      left: 0 !important;
      z-index: 10000;
      top: 0 !important;
	width: auto;
	left: 0;
	padding-left: 0;

    }
    
    .flyout .nav li::before { 
    content: none !important;
    padding: 0 !important; 
    }
	
.flyout .nav ul {
      padding: 20px 5% 10px 5% !important;
    }
    
    .flyout .nav ul ul {
      padding: 0 20px !important;
      display: none !important;
    }
    .flyout .nav ul ul li {
      list-style: none !important;
    }
    
    .flyout .nav ul ul ul a {
    text-transform: none;
    font-size: 11px ! important;
    line-height: 140% !important;
    }
    
    
    .flyout .nav > ul > li a{ 
    padding-right: 5px !important;
    color: #ffffff !important;
    }
  
  .nav li a {
    color: #3d3c3f !important;
  }
   
.nav li.act > a, .nav li a:hover {
    background-color: #ffffff !important;
    text-decoration: underline;
  }
  
  .nav.opened li a {
  background-color: #43718f  !important;
  color: #ffffff;
  }
  
  .nav ul { 
  background-color: #43718f  !important;
  }
  
  br.clear {
    clear: both;
    line-height: 0 !important;
}


 .caption-over {
  
width: 80% !important;
height: auto;
margin-left: -0% !important;
left: 0% !important;
top: 40vh !important;
text-align: center !important;
padding: 37px 10% !important;
background-size: cover;

}  

.logo-home {
    width: 60% !important;
    max-width: 250px;
}

/*.bjqs-next > a > img, .bjqs-prev > a > img {
	width: 40px;
	height: 40px;

}*/

ul.bjqs-controls {
	margin: 0 !important;
}

li.bjqs-slide a img {
	/*min-width: 100% !important;
	margin-left: -555px !important;
	left: 50%;
	max-width: 1110px !important;*/
}

ol.bjqs-markers li a {
	font-size: 12px !important; 
}

.bjqs h2 {
	text-align: left !important;
margin-bottom: 10px !important;
margin-left: 60px !important;
	}
	
	.bjqs h3 {
	text-align: left !important;
	margin-bottom: 10px !important;
	margin-left: 60px !important;
	font-size: 25px !important;
    font-family: 'Caveat', cursive;
	text-decoration: none;
	text-transform: none;
}
	
	.bjqs p {
	text-align: left !important;
margin-left: 60px !important;
	}
	
	.bjqs p, .bjqs p a { 
	font-size: 12px !important;
	line-height: 140% !important;
	}
	
	ol.bjqs-markers li a { 
	padding: 3px 0 2px 0 !important;
	height: 14px !important;
	}
	
	ol.bjqs-markers.h-centered { 
	bottom: 70px !important;
	}

.bottom  {
  }
  
    .footer  {
 
    height: auto; 
  }
  
  .footer-inner {width: 100%; padding: 0 !important;}
.footer-inner a img {width: auto;}
.footer-outer {width: auto !important; padding: 10px 5% !important; display: block !important;}
  
  
.contentrahmen div {
    float: none !important;
    width: 100% !important; 
    max-width: 100% !important;
}
  


.bottom .clear {
    display: none; 
}


.inner {
    min-height: 0 !important;
}



.wrapper {
    overflow: hidden; 
}





  img.allpics {
    
    width: 100%;
}

.nav-toggle {
    /*background: #43718f url("/statimages/hamburger.gif") no-repeat scroll center center;
    width: 55px;
    z-index: 10000;
    position: relative;*/
    background: #43718f url("/statimages/hamburger.gif") no-repeat scroll center center;
    background-size: auto auto;
width: 40px;
z-index: 10000;
position: relative;
left: 5%;
height: 40px;
background-size: 200%;
  }
  


  .nav.opened {
	-webkit-animation: fadein 1s ease; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s ease; /* Firefox < 16 */
    -ms-animation: fadein 1s ease; /* Internet Explorer */
    -o-animation: fadein 1s ease; /* Opera < 12.1 */
    animation: fadein 1s ease;
    }
@keyframes fadein {
  	0% 	{ opacity: 0; transform: translateY(-200px); }
    100% { opacity: 1; transform: translateY(0); }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
  	0% { -moz-opacity: 0; -moz-transform: translateY(-200px); }
    100% { -moz-opacity: 1; -moz-transform: translateY(0); }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  	0% { -webkit-opacity: 0; -webkit-transform: translateY(-200px); }
    100% { -webkit-opacity: 1; -webkit-transform: translateY(0); }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
 	0% { -ms-opacity: 0; -ms-transform: translateY(-200px); }
    100% { -ms-opacity: 1; -ms-transform: translateY(0); }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
  	0% { -o-opacity: 0; -o-transform: translateY(-200px); }
    100% { -o-opacity: 1; -o-transform: translateY(0); }
    
}

  .flyout .nav > ul > li > a:hover, .flyout .nav > ul > li.act > a, .flyout .nav > ul li ul > li > a:hover, .flyout .nav > ul li ul > li.act > a {
      background-color: #43718f !important;
      
    }
  
   .navsmall {
    padding-left: 0 !important; 
    width: auto !important;
    
  }
  
  .navlarge {
    padding-left: 0 !important; 
  }
    
    
    
.pic19a:hover img, .pic19b:hover img, .pic19c:hover img, .pic19d:hover img, .fancy {
    -webkit-filter: brightness(1) !important;
    filter: brightness(1) !important;
}

.layout1 .txt1, .layout1 img, .layout1 .pic1 {
	/*width: 100% !important; 
	max-width: 100% !important; 
	margin: 0 !important;*/
}

.layout1 .txt1 {
	float: right !important;
    margin: 0 5% 0 0 !important;
    max-width: 62% !important;
    width: 62% !important;
}

.layout1 .txt1 p, .layout1 .txt1 h2 {
	padding: 0 !important;
}

.layout1 .pic1 {
	float: left !important;
    margin: 0 !important;
    max-width: 30% !important;
    padding-top: 7px;
    width: 30% !important;
    }

.txt1 h3 {
	display: inline-block;
    margin-top: 10px;
    padding: 0 !important;
}

.layout1 {
	clear: both;
	
	}

.subline:empty {
display: none;
}



.contentrahmen .view {
	width: 49% !important;
	height: 150px !important;
	margin-right: 2%;
	margin-bottom: 5px;
	min-height: 110px;
	}    
.contentrahmen .view:nth-child(2n) {
	margin-right: 0; 
	} 
.view:nth-child(3n) {  	
	margin-right: auto !important; 
	}

.contentrahmen div.view h2, .contentrahmen div.view h1 {
		font-size: 13px !important;

}

.contentrahmen div.view p {
	font-size: 10px !important;
}


.contentrahmen .view-first .mask { 
	height: 100%;
	width: 90% !important;
	padding: 0 5% !important;
}


.view-first:hover .mask {
background-image: none !important;
/*background-color: rgba(75,159,52, 1) !important;*/
height: 100% !important;

}   


.contentrahmen .view img {
	min-width: 100% !important;
	/*height: 100% !important;*/
	} 
	
.layout28 .view {
	width: 100% !important;
	height: 150px !important;
	margin-right: 2%;
	margin-bottom: 5px;
	min-height: 110px;
	} 
	
.layout28 .view img {
	min-width: 100% !important;
	height: unset !important;
	} 




.txt41 h3 a {
	width: 40% !important;
}

#holidaycheck-widget-hotel-1-320550-de_DE-s-w-0-1---0 {
	float: none; 
}

/*

fieldset {
width: 100% !important;
padding: 0 !important;
left: 0 !important;
max-width: 100% !important;
min-width: 50%;
text-align: left !important;

}

.fld { 
width: 100% !important;
margin-left: 0 !important;
}

.fldplz { 
	width: 20%;
display: block;
margin-left: 3px !important;
}
.fldort {
width:70%; 
}

input, textarea {
max-width: 100%;
margin-left: 0 !important;
/*float: left;*/
}

*/

.contentrahmen .checkbox {
    text-align: left;
    margin-left: 0;
    width: 100% !important;
    float: left !important;
}



label {
margin-bottom: 5px;
text-align: left !important;
/*float: left;*/
}


ol.bjqs-markers.h-centered {
bottom: 80px !important;
}

#banner-fade {
	margin-top: 0 !important;
}

.caption-over {

    top: 38vh;
    left: 30px;
    width: 250px;
    margin-left: 0;

}


.contentrahmen .number {
width: 22px !important; 
}

.contentrahmen .tab {
	width: 90% !important;
	padding-left: 10% !important;
}

.txt41 h3 a {
-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; }

    }
    
    
    
/* ---- Allgemeine CSS ---- */


p {
margin-bottom: 10px; 
}

.phone {
	display: none;
}



	.txt41 h3 {
    color: #ffffff;
    font-weight: 300;
    line-height: 0;
    font-size: 0;
}

.txt41 h3 a {
    display: inline-block !important;
width: 200px;
min-height: 45px;
background-color: #43718f;
text-align: center;
margin: 3px;
padding: 15px 10px 5px 10px;
letter-spacing: 0 !important;
color: #ffffff;
font-size: 16px;
text-decoration: none;
float: left;
line-height: 100%;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   text-indent: 0;
   visibility: visible;
}



.txt41 h3 a:hover {
background-color: #aaaaaa;
}


.flyout .nav ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: distribute;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  	width: 690px;
	position: relative;
	left: 50%;
	margin-left: -255px;
	padding: 10px 20px;
		/*background-color: rgba(148,180,42,0.97);*/
    transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
  top: 30px; 
  /*background-color: rgba(72,123,157,0);*/

    }

.flyout .nav > ul > li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
    
    
    
    
   .fixed-navi {
	  position: fixed !important;
  top: 0 !important;
   transition: all 1s;
  	-moz-transition: all 1s; /* Firefox 4 */
  	-webkit-transition: all 1s; /* Safari and Chrome */
  	-o-transition: all 1s; /* Opera */

  }
  
      .fixed-navi ul {
	/*background-color: rgba(148,180,42,0.97);*/
    transition: all 1s;
  	-moz-transition: all 1s; /* Firefox 4 */
  	-webkit-transition: all 1s; /* Safari and Chrome */
  	-o-transition: all 1s; /* Opera */
  	width: 750px !important;
	margin-left: -315px !important;
  }   
    
    
          .fixed-navi ul ul{
  	margin-top: 0px !important;
width: 200px !important;
padding: 0 0 0 200px !important;
  }   
    
	


 
 .layout25image:empty {
 	display: none;
 }
	
	
     /* pager */
.cycle-pager { 
    display: none; 
    /*text-align: center; width: 100%; z-index: 5000; overflow: hidden; */    
}
/*.cycle-pager span { 
    font-family: arial; font-size: 35px; width: 13px; height: 13px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #f9d000;}
.cycle-pager > * { cursor: pointer;}*/
 


  
  
  
    .logo-mobil {
    display: none;
    }

  
  
   .logo-responsive {	
	position: fixed;
	left: 50%;
	font-size: 13px;


	}
	
	.reslarge {
	height: 136px;
	margin-left: -465px;
	width: 156px;
	overflow: hidden;
	z-index: 5000;
	}
	
	.ressmall {
	height: 116px;
	margin-left: -465px;
	width: 133px;
	overflow: hidden;
	z-index: 5000;

	}
	

	
	   .logo-responsive img {	
	height: 100%;
}
  
  
  
  .reslarge, .ressmall {
    transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
    
  }
  
        .ressmall a img, .reslarge a img {
    -webkit-filter: grayscale(1) brightness(5);
-moz-filter: grayscale(1) brightness(5);
-ms-filter: grayscale(1) brightness(5);
-o-filter: grayscale(1) brightness(5);
filter: grayscale(1) brightness(5);
    transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}
  
      .pic19a img, .pic19b img, .pic19c img, .pic19d img, .fancy img {
    -webkit-filter: grayscale(0%) brightness(1);
-moz-filter: grayscale(0%) brightness(1);
-ms-filter: grayscale(0%) brightness(1);
-o-filter: grayscale(0%) brightness(1);
filter: grayscale(0%) brightness(1);
transition: all 0.2s;
  -moz-transition: all 0.2s; /* Firefox 4 */
  -webkit-transition: all 0.2s; /* Safari and Chrome */
  -o-transition: all 0.2s; /* Opera */  


}
      .pic19a, .pic19b, .pic19c, .pic19d {

	overflow:hidden;
}

.pic19a:hover img, .pic19b:hover img, .pic19c:hover img, .pic19d:hover img, .fancy:hover img, .center a:hover img {
    -webkit-filter: grayscale(80%) brightness(0.9);
-moz-filter: grayscale(80%) brightness(0.9);
-ms-filter: grayscale(80%) brightness(0.9);
-o-filter: grayscale(80%) brightness(0.9);
filter: grayscale(80%) brightness(0.9);
transition: all 0.2s;
  -moz-transition: all 0.2s; /* Firefox 4 */
  -webkit-transition: all 0.2s; /* Safari and Chrome */
  -o-transition: all 0.2s; /* Opera */  
    }
    
    .CONTENTSLIDE img
    
    {
    -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
 
    }
    
    
    
 /* CSS für Hover der Teaser */

  .view {
   width: 210px !important;
   height: 210px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   margin-bottom: 20px;
   margin-right: 20px;
   
}

.view:nth-child(3n) { margin-right: 0px; }
  
  .view .mask,.view .content {
   width: 210px;
   height: auto;
   position: absolute;
   overflow: hidden;
   bottom: 0;
   left: 0;
}
  
  .view img {
   display: block;
   position: relative;
   width: 100%;
}
  
  .view h2, .view h1 {
   text-transform: uppercase;
   color: #fff;
   font-weight: 500;
   text-transform: uppercase;
   text-align: left;
   /*position: relative;*/
   font-size: 17px;
	padding: 5px 0 0 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
   display: inherit;
}
.view p {
    font-size: 13px;
  /*  text-transform: uppercase; 
      position: relative;*/
   color: #fff;
   padding: 0 5px 0 10px;
   text-align: left;
   font-weight: 200;
   font-style: normal;
}

.view br {
	display: none;}
  
  .view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {

 /* background-color: rgb(43, 73, 94); */
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   width: 190px;
height: 188px;
padding: 150px 10px 10px 10px;
}

.view-first .mask img {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   /*-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;*/
   
   position: absolute;
left: 50%;
margin-left: -15px;

}

.view-first h2, .view-first h1 {

   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {

   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
	padding-top: 170px;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
	background-color: rgb(72, 72, 72);
}

.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
    /*  width: 100%;
height: 100%; */
margin: 0;
border: none;
background: url("/upmedia/wolframs-eschenbach-kachel-back.png") no-repeat scroll right bottom;
    background-color: rgb(72, 72, 72);
	padding: 150px 10px 10px 10px;
	width: 190px;

height: 188px;
}

  
.view-first:hover h2,
.view-first:hover h1,
.view-first:hover p,
.view-first:hover a.info,
.view-first:hover .mask img {
 /*  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   font-size: 22px; */
	

}

.view-first:hover p {
   /*-webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;*/
	padding: 0px 5px 0 10px;
  }
  

  
  
  
    .projekte {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: distribute;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
  
  .view {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

hr {
	border-top: 1px solid #43718f;
	border-bottom: none;
}

 .footer-outer {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: distribute;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 910px;
    margin-left: auto;
    margin-right: auto;
    }
  
  .footer-inner {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 290px;
    }
	
.suche { 
	width: auto;
position: absolute;
z-index: 5000;
top: 174px;
right: 50%;
margin-right: -445px;
	}
.fixed-suche { 
	position: fixed;
	top: 11px;
	}

.suchfeld {
	float: right;
	margin: 0; 
	padding: 5px 10px; 
	border: none; 
	font-weight: bold;  
	width: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: url("/upmedia/beil-bau-suche.png") no-repeat scroll center right;
    background-size: contain;
    cursor: pointer;
    height: 26px;
    /*border: 1px solid rgba(255,255,255,0);*/
   	background-color: rgba(255,255,255,0);
   	color: rgba(255,255,255,0);


	}
	
.suchfeld:focus {
	width: 700px;
   	background-color: rgba(255,255,255,1);
	/*border: 1px solid #43718f;*/
    cursor: text;
    color: #000000;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;


	}

.suchbut {
	display: none; 
	/*margin-left: 0px; 
	border: none; 
	margin-top: 5px; 
	background-color: transparent; */ 
	}
	
	


/* Acordeon styles */
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 95%;
  color: #484848;
  overflow: hidden;
  border-top: 1px solid #cdcdcd;
  padding-left: 5%;
}
.acco input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.acco label {
  position: relative;
  display: block;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
}
.blue label {
  background: #2980b9;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  font-size:13px;
}
.blue .tab-content {
}
.tab-content p {
}
/* :checked */
input:checked ~ .tab-content {
  max-height: 10em;
}
/* Icon */
label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  color: #487b9d;
  font-size: 20px;
}
input[type=checkbox] + label::after {
  content: "+";
}
input[type=radio] + label::after {
  content: "\25BC";
}
input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

.number {
	background-color: #487b9d;
	position: absolute;
	top: 12px;
	left: 1%;
	border-radius: 20px;
	height: 22px;
	width: 22px;
	text-align: center;
	display: block;
	color: #ffffff;
	font-size: 10px;
}



/*--------Kontaktformular--------*/
/*
  .fld, .fldplz, .fldort {
    border: medium none;
    height: 25px;
    padding: 5px;
    background-color: #eeeeee;
}
.fld {
    margin-bottom: 5px;
    margin-left: 10px;
    vertical-align: top;
    width: 300px;
}
select {
    width: 310px !important;
}

.fldort {
    width: 228px;
}

.fldplz {
	width: 47px;
}

textarea {
    border: medium none !important;
    padding: 5px !important;
        background-color: #eeeeee;

}
*/

/*-------------------------------Kontaktformular-------------------------------*/	
        
form {

    margin: 50px 0 0 0;
    padding: 0;

} 

.mediumfld {
	border-top: none;
	border-left: none; 
	border-right: none;
	height: 25px;
	padding: 2%;
	background-color: transparent;
	border-bottom: 1px solid #b8b8b8;
	display: block;
	width: 96%;
	margin-left: 0;
	margin-bottom: 0 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: none;
	}

.fld:hover, textarea:hover, .mediumfld:hover, .newsformfeld:hover {
	background-color: #f9f9f9;
	}

select {
    width: 100% !important;
	background-image:url(/upmedia/select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
  	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: none;
	}

select.fld, #Erfahren_TXT {
    padding: 2%;
    margin-top: 0;
    height: auto;
	}

.checkbox {
    width: 95%;
    text-align: left;
    margin-left: 5%;
	}
	

	
textarea {
    border: medium none !important;
    padding: 30px 2% 0 2% !important;
	background-color: transparent;
	border: 1px solid #b8b8b8 !important;
	width: 96% !important;
	margin-left: 0 !important;
	min-height: 180px; 
	margin-top: -26px;
    }
    
.submitbutton, .submitbutt {
    width: 100%; 
    padding: 20px; 
    }
    
fieldset {
    width: 50%;
	text-align: left;
	vertical-align: top;
	margin-left: 12%;

margin-top: 20px;
}

label {
    margin-bottom: 5px;
    	padding-left: 2%; 	

}

/*.checkbox {
    width: 50%;
    text-align: left;
    margin-left: 39%;
}*/

.anrede {
    text-align: left;
    margin-left: 59px;
    margin-bottom: 12px;
}

.fld {
    vertical-align: top;
    /*width: 300px;
    margin-left: 10px;
    border-top: 1px solid #B8B8BB;
    border-left: 1px solid #B8B8BB;
    border-right: 1px solid #B8B8BB;
    border-bottom: 1px solid #B8B8BB;
    margin-bottom: 5px;*/
}

.fld, .fldplz, .fldort, .newsformfeld {
	vertical-align: top;
	border-top: none;
	border-left: none; 
	border-right: none;
	height: 25px;
	padding: 30px 2% 0 2%;
	background-color: transparent;
	border-bottom: 1px solid #b8b8b8;
	display: block;
	width: 96%;
	margin-left: 0;
	margin-bottom: 0 !important;
	margin-top: -26px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: none;
	}
	
	select {
	vertical-align: top;
	border-top: none;
	border-left: none; 
	border-right: none;
	padding: 30px 2% 0 2%;
	background-color: transparent;
	border-bottom: 1px solid #b8b8b8;
	display: block;
	width: 96%;
	margin-left: 0;
	margin-bottom: 0 !important;
	margin-top: -26px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: none;
	}

/*.mediumfld {
    vertical-align: top;
    width: 100px;
    margin-left: 10px;
    border-top: 1px solid #B8B8BB;
    border-left: 1px solid #B8B8BB;
    border-right: 1px solid #B8B8BB;
    border-bottom: 1px solid #B8B8BB;
    margin-bottom: 5px;
}

.fldplz {
    vertical-align: top;
    width: 45px;
    margin-left: 15px;
    border-top: 1px solid #B8B8BB;
    border-left: 1px solid #B8B8BB;
    border-right: 1px solid #B8B8BB;
    border-bottom: 1px solid #B8B8BB;
    margin-bottom: 5px;
}*/

.fldtxt {
    width: 300px;
    height: 100px;
    margin-left: 10px;
    border-top: 1px solid #B8B8BB;
    border-left: 1px solid #B8B8BB;
    border-right: 1px solid #B8B8BB;
    border-bottom: 1px solid #B8B8BB;
    margin-bottom: 5px;
}

/*.fldort {
    vertical-align: top;
    width: 237px;
    margin-left: 12px;
    border-top: 1px solid #B8B8BB;
    border-left: 1px solid #B8B8BB;
    border-right: 1px solid #B8B8BB;
    border-bottom: 1px solid #B8B8BB;
    margin-bottom: 5px;
}

.fldsel {
    vertical-align: top;
    margin-left: 12px;
    border-top: 1px solid #B8B8BB;
    border-left: 1px solid #B8B8BB;
    border-right: 1px solid #B8B8BB;
    border-bottom: 1px solid #B8B8BB;
    margin-bottom: 5px;
}*/

.fiftyfld {
    vertical-align: top;
    width: 140px;
    margin-left: 12px;
    border-top: 1px solid #B8B8BB;
    border-left: 1px solid #B8B8BB;
    border-right: 1px solid #B8B8BB;
    border-bottom: 1px solid #B8B8BB;
    margin-bottom: 5px;
}     



@media (min-width: 1605px) {
	
	.slogantease {

    top: 23.6vw;
	left: 49vw;
	}
	}
	
@media (max-width: 820px) {
#erv-nav-grid a { 
	font-size: 3vw !important;
	
}

	
}
/*
@media (min-width: 750px) {

        .ressmall a img {
width: 225px !important;
}

.reslarge a img {
	width: 264px !important;

}
}
*/