@media (max-width: 749px) {

   .fancy {
 pointer-events: none;
 cursor: default;
}

.vorteile {
	display: none !important;
	
}

	.notizblock {
	width: 100%;
	margin-left: 0;
	left: 0;
	top: -60px;
		}
		
		
		.contentrahmen .beratungs-legende {
		position: relative !important;
		right: 0 !important; 
		top: 40px !important;
		padding: 0 5% !important;
		width: 280px !important;
		}
		
		.beratungs-tool img {
		width: 17px !important;
		}
		
		.beratungs-tool .br {
		padding: 0 !important;
		font-size: 7px;
		line-height: 12px;
		}
		
		.br input {
		width: 10px;
		}
		
		.pictors img {
		width: 31px !important;
		}
		
		.contentrahmen .beratungs-wrapper select {
    width: 36px !important;
    
    }
		
		/*.vgllnk {
		font-size: 8px;
		}*/
		
		
	.contentrahmen .notizblock-button {
	float: right !important;
width: 90% !important;
top: -30px;
text-align: right;
padding-right: 30px;
		}

.top {
	height: 160px !important; 
	z-index: 1000;
}

.logo-stoerer {	
	display: inline-block !important;
	height: auto !important;
	left: unset !important;
	max-width: 300px;
	}
	
	
.logo-stoerer a img {	
	display: inline-block !important;
	width: 100%;
		}
	
	.large {
right: 10px !important;
margin-right: 0 !important;
top: 10px !important;
width: 151px;
z-index: 3000 !important; 
  }
  
  .small {
right: 0px !important;
margin-right: 0 !important;
top: 20px;
width: 65px !important;
z-index: 3000 !important; 
background-color: #399fa8;
padding: 10px 10px 5px 13px;
   }
   
     .small img {
  -webkit-filter: grayscale(100%) brightness(3) contrast(3);
-moz-filter: grayscale(100%) brightness(3) contrast(3);
-ms-filter: grayscale(100%) brightness(3) contrast(3);
-o-filter: grayscale(100%) brightness(3) contrast(3);
filter: grayscale(100%) brightness(3) contrast(3);
    
    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 */  
  
  }
  
  
  
  .headerr, img.headerr {
  display: none !important; 
  }
    
h1, h2, h3, h4, h5, h6, p, dl, .subline {
	padding: 0 5% !important;
    }
    
    h1, h2 {
    font-size: 20px !important;
    }
    
 
    
    table {
    width: 90% !important; 
    margin-left: 5%;
    margin-bottom: 20px; 
    
    }
    
    
    .bottom h1, .bottom h2, .bottom p {
	padding: 0 !important;

    }
    
.center li {
    list-style-type: disc;
	}

.center ul {
	margin-left: 20px !important;
   	padding: 0 5% !important;
	}
	
	
	.flyout .nav {
      margin-left: 0 !important;
      left: 0 !important;
      z-index: 10000;
    }
	
.flyout .nav ul {
      padding: 20px 5% 0 5% !important;
      
    }
    
    .flyout .nav ul ul {
	padding: 0 0 0 5px !important;
    }
    
        .flyout .nav li a {
      padding: 3px 0 !important;
      text-transform: none;
      font-size: 15px !important;
      list-style: none;
    }
    
    .flyout .nav ul ul ul li a, .flyout .nav ul ul li a {

    font-size: 13px !important;
    padding: 1px 0 !important;
}
  
  .nav.opened li a {
    color: #3d3c3f !important;
  }
   
.nav.opened li.act > a, .nav.opened li a:hover {
    background-color: #3d3c3f !important;
  }
  
  br.clear {
    clear: both;
    line-height: 0 !important;
}

.center {

margin-left: 0;
left: 0;

}

.right .textcontainer { 
	width: 98%;
padding: 10px 1%;
}

.right img { 
	max-width: 100%;
	
}

   .right .headline {
    
    font-size: 25px;
margin-top: -42px !important;
left: 0 !important;
max-width: 100% !important;
margin-left: 0px !important;
    
    }
    
    .text-home { 
    
width: 90% !important;
font-size: 16px;
padding: 60px 5% 0 5%;  
    }
    
    .headerbild {
    padding: 0;
    }

.farbmuster {
    width: 31%;
    /*margin: 0 3% 5px 0;*/
    margin: 0 1% 5px 1%;
    font-size: 9px;
}

.bottom div {
    float: none !important;
	width: 100% !important;
	height: auto !important;  
    background-image: none !important;
	}
  
  .bottom {
  }
  
  
  .sprachwahl {
  
/*right: 202px;
top: 50px;*/

left: 15px;
top: 55px;
right: unset;
  }
  
  /*.bottom img {
    display: none;
  }*/
  

  
  .bottom  {
    background-image: none !important;
    background-color: #000000;
    height: auto; 
    padding: 5%;


    color: #ffffff;
  }
   
   .footer-text {
   padding: 5px 0;
   }
   
    .bottom a {
      color: #ffffff;
}

    .footer  {
    background-color: #ffffff;
    height: auto; 
  }
  

  
.contentrahmen div {
    float: none !important;
    width: 100% !important; 
    max-width: 100% !important;
}
  
.contentrahmen {
    margin: 0 0 50px 0 !important;
  }

.bottom .clear {
    display: none; 
}


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



.wrapper {
    overflow: hidden; 
}

h1 {
    line-height: 100% !important;
    margin: 0px 0 5px 0 !important;
}

h2 {
    line-height: 100% !important;
    margin: 0 0 5px 0 !important;
}

img.allpics {
    
    width: 100%;
}

.nav-toggle {
    background: #3d3c3f url("/statimages/hamburger.gif") no-repeat scroll center center;
    width: 55px;
    z-index: 100;
    position: relative;
  }
  

    
    .flyout .nav > ul > li > a span {
     background-color: transparent;
    }
    
    .center {
    width: 100% !important;
    }
    
    .pic19a:hover img, .pic19b:hover img, .pic19c:hover img, .pic19d:hover img {
    -webkit-filter: brightness(1) !important;
    filter: brightness(1) !important;
    
    /*-webkit-filter: brightness(1.1) contrast(1.3);
	filter: brightness(1.1) contrast(1.3);*/
}

iframe {
    width: 100% !important;
    }
    
    

 .contentrahmen .view {
    width: 48% !important;  
    height: 150px !important; 
  }
  
.contentrahmen .view .mask {
margin: 0;
height: 35px;
padding: 0;
width: 90% !important;
left: 5% !important;
  }
  
 .view .content {
    width: 100%;
  }
  
    .view img {
    max-height: 150px !important;
    min-height: 100% !important;
    height: 100% !important;
    }
 
.view p {
    font-size: 12px !important;
    line-height: 120%;
    
  }
  
.view h2 {
 padding-top: 0 !important;
 margin-top: -23px;
 font-size: 14px !important;
}

.contentrahmen .view-first:hover .mask {
	left: 0 !important;
	padding: 10px 5% 0 5% !important;
	
}

.mask br {
	display: block;
}

.contentrahmen .view-first:hover h2,
.contentrahmen .view-first:hover p,
.contentrahmen .view-first:hover .mask img {
   -webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
   -o-transform: translateY(10px);
   -ms-transform: translateY(10px);
   transform: translateY(10px);
}  



.contentrahmen .view-first:hover h2 {
     margin-top: 0px;

  } 
  
.contentrahmen .view-first .mask img {
  width: 27px;
  position: relative;
  }
  
  
  .view h2, .view h1 {
  font-size: 13px !important;
  margin-top: 10px !important;
  }
    
    
    .flyout .nav ul ul li#siteid34 ul,.flyout .nav ul ul li#siteid41 ul,.flyout .nav ul ul li#siteid42 ul,.flyout .nav ul ul li#siteid43 ul {
  display: none !important; 
  }
  
     .flyout .nav ul ul {
  display: none !important; 
  }
     
     .none { 
     display: none; 
     }
    
    
    	 .contentrahmen .view {
    width: 49% !important;  
    height: 49% !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 .layout41 {
	padding: 0 5%;
	width: 90% !important;
}

  .contentrahmen .view p {
    font-size: 9px !important;
     padding: 0 !important;
    line-height: 110%;
-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;   }
  
  
.subline {
	p
}  

br {
/*display: block; */
}


.layout1 .txt1 { 
	margin-left: 0;
	width: 100%;
}


fieldset {
width: 90% !important;
padding: 0 5% !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;*/
}

.pic1c {

      margin-left: 5%;

}


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

#fakten {
	display: table;
    width: calc(100% - 10px);
    border: 0px solid blue;
    padding: 5px;
}

#kreis {
    background-color: #62b2a9;
	display: table-cell;
	vertical-align: middle;
    width: 175px;
    height: 175px;
    margin: 10px;
    border: 0px solid black;
    text-align: center;
    border-radius: 100px;
}

	.farbmuster {
	
	
	}
	
		.farbmuster img {
	width: 100%;
	float: left;
	margin-bottom: 5px; 
	}

   .logo-responsive {	
	 display: block;
    z-index: 2000;
            position: fixed;

	}
	
	.farbmuster-outer {
	

	}
	

	
	
	.large {
right: 50%;
margin-right: -436px;
position: fixed;
top: 100px;
width: 151px;
z-index: 3000 !important; 
  }
  
  .small {
right: 50%;
margin-right: -407px;
position: fixed;
top: 20px;
width: 102px;
z-index: 3000 !important; 
   }
  
  
  
  .large, .small {
    transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
  }
  
  .top a img {
  width: 100%; 
  }


  

	
     /* pager */
.cycle-pager { 
    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;}
 

/*fixed-navi*/
  
.fixed-navi {
    background-color: rgba(255,255,255,0.95);
    padding-bottom: 10px !important;
    position: fixed !important;
    top: 0 !important;
    padding-top: 50px !important;
    


  }
  

  
  
 /* CSS für Hover der Teaser */

  .view {
   width: 290px;
   height: 290px;
   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: 90%;

height: 14%;

position: absolute;

overflow: hidden;

bottom: 30px;

left: 5%;

}
  
  .view img {
   display: block;
   position: relative;
   min-width: 100%;
/*max-height: 120%;*/
	width: 100%;


}
  
  .view h2, .view h1 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 19px;
padding: 0 0 15px 0;
    /*background: rgba(0, 0, 0, 0.8);*/
   margin: 11px 0 0 0;
   display: inherit;
       font-family: 'Exo 2', sans-serif;
       font-weight: 300;

   
}
.view p {
    font-size: 13px;
      position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
   line-height: 120%;
}
.view a {
   
   color: #fff;
   display: block;
}

.view p a {
   
   text-decoration: none;
   }

.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
  
  .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: rgba(57,159,168, 0.9);
   -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;
}
.view-first h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);

   -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-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -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: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);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -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:hover .mask {
      width: 100%;
height: 100%;
margin: 0;
border: none;  
left: 0;
bottom: 0;   
}

  
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(20px);
   -moz-transform: translateY(20px);
   -o-transform: translateY(20px);
   -ms-transform: translateY(210px);
   transform: translateY(20px);
}
.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;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
  
/*.view-first:hover h2 {
margin-top: 30%;

}*/
  
    .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;*/
    
    
     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;
    
    
    }
  
  .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;
    font-family: 'Exo 2', sans-serif;
    }
    
    .vorteile {
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;
    padding: 5px 10vw;
    height: 25px;
    position: relative;
    z-index: 300;
    background-color: #efefef;
    width: 80vw;
}
  
  .versprechen {
	  
	  -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;

  }
  

/* Gallerie mit Hover */
    
    .pic19a img, .pic19b img, .pic19c img, .pic19d img {
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
}

.pic19a:hover .block-caption, .pic19b:hover .block-caption, .pic19c:hover .block-caption, .pic19d:hover .block-caption {
    opacity: 1;
}
.pic19a:hover img, .pic19b:hover img, .pic19c:hover img, .pic19d:hover img {
    -webkit-filter: brightness(0.6);
    filter: brightness(0.6);
    
    /*-webkit-filter: brightness(1.1) contrast(1.3);
	filter: brightness(1.1) contrast(1.3);*/
}


.contentrahmen .news, .contentrahmen .messe {
	width: 90% !important;
	padding: 5% !important;
	margin-bottom: 10px; 
	
}