/** Mobil css */
@media screen and (min-width:520px) and (max-width: 1099px) {
.csc-textpic-intext-left .csc-textpic-text,
.csc-textpic-intext-right .csc-textpic-text {
margin-top: -3pt;
      } 
	   ul.csc-menu li {
background-position: 0px 0.5em !important;
}   
}
@media screen and (min-width:668px) and (max-width: 1099px) {
body {
  }
 ul.csc-menu li {
}  
 .csc-textpic-caption {
}
.spaltentabellen .column {
width:auto !important;
min-width:25%;
float:left !important;
clear:none !important;
margin-top:0px;
}

}
@media screen and (max-width: 600px) {
.csc-textpic-intext-left .csc-textpic-text,
.csc-textpic-intext-right .csc-textpic-text {
    float:left;
clear:left;
margin:0px;
      }
.csc-textpic-intext-left .csc-textpic-imagewrap,
.csc-textpic-intext-right .csc-textpic-imagewrap {
width:100%;
}
.csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-image img,
.csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image img{
margin:0 auto;
}
}
@media screen and (max-width: 1099px) {
body {
     background-image: none;
  } 
#content,
div#c187 .multicolumnContainer,
div#c184 .multicolumnContainer {
margin-left:1%;
margin-right:1%;
width:98%;
margin-bottom:30px;
    } 
#header {
background-color:#efefef;
border-bottom:10px solid #585856;
height:59px;
  }
#logo {
display:none;
  }
#headertext {
position:absolute;
left:0px;
margin-left:0px;
width:100%;
height:59px;
z-index:3;
    background-image: url(/fileadmin/wolter/templates/images/mobil-headertext.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: scroll; 
  }
#headertext .tx-ws-flexslider {
z-index:6;
left:0px;
top:0px !important;
margin-left:151px;
margin-top:0px;
width:140px;
height:59px;
  }
#headertext .flexslider .slidercontent img {
width:130px !important;
height:58px !important;
  }
 #headline {
margin-top:90px;
  } 
#menuemobil {
position:absolute;
display:block;
z-index:4 !important;
width:180px;
height:60px;
right:0px;
top:0px;
z-index:3;
  }
  #mobilmenu {
  position:absolute;
right:0px;
margin-right:1%;
  margin-top:0px;
  z-index:6;
  width:220px;
  padding:5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 12px #313131;
background-color:#fff;
  }
#mobilmenuon {
position:absolute;
z-index:4;
float:right;
width:150px;
top:0px;
right:0%;
margin-top:0% !important;
    }
  #mobilmenuon a.show{
position:absolute;;
  overflow:hidden;
  display:block;
  overflow:hidden;
  right:0px;
  top:0px;
  display:block;
  width:150px;
  height:59px;
  color:transparent !important;  
     background-image: url(/fileadmin/wolter/templates/images/mobilmenue.png);
    background-repeat: no-repeat;
    background-position: center 1px;
    background-attachment: scroll; 
  background-size:auto 55px;
    }
  #mobilmenu ul {
  margin:0px;
padding:0px;
width:100%;
float:left;
    }
  #mobilmenu li {
  display:block;
float:left;
clear:left;
  width:100%;
margin-top:0px;
  margin-bottom:3px;
    border-bottom: 3px solid #b1b1b0;
    }
  #mobilmenu li.logo {
   display:none; 
  }
  #mobilmenu li a {
  display:inline-block;
width:90%;
line-height:1em;
margin:5px 0px 8px 0px !important;
  padding:8px;
  color:#fff;
border:0;
text-decoration:none;
#font-weight:bold;
  background-color:#585856;
    }
  #mobilmenu li a:hover {
   background-color:#034389;
border-bottom:none;
background-image:none;
  }
  #mobilmenu li a:active {
   background-color: #034389;
background-image:none;
  }
  #mobilmenu ul li:first-child{
    height:80px; 
margin-top:-40px;
  }
  #mobilmenu ul li:first-child a{
    height:65px; 
  }
  #mobilmenu li:first-Child a:link {
color:transparent;
     background-image: url(/fileadmin/wolter/templates/images/logo-navleiste.png) !important;
    background-repeat: no-repeat;
    background-position: 0px !important;
    background-attachment: scroll; 
  background-size:auto 60px !important;
background-color:transparent !important;
      }
  #mobilmenu li.current1 a {
  display:block;
   background-color:#034389;
  color:#fff;
background-image:none !important;
    }
  #mobilmenu a.close {
  position:relative;
  z-index:100;
  display:block;
  float:right;
  font-size:25px;
  line-height:16px;
  padding:3px 5px 5px 5px;
  margin-bottom:4px;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  border:2px solid #3A393A;
  background:#3A393A;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #3A393A;
    }
#mobilprodukte {

position:relative;
margin-top:70px;
width:100%;
text-align:center;
background-color:#034389;
border:0px;
padding-top:1%;
padding-bottom:1%;
  }
#mobilprodukte select {
padding-left:10px;
padding-right:10px;
font-size:1em;
text-align:center;
  }
.multicolumnContainer {
position:relative;
clear:left;
width:100%;
}
 .multicolumnContainer .column {
position:relative;
float:left;
clear:left;
width:100% !important;
margin-left:0px;
margin-right:0px;
      }
.column2, .column3, .column4 {
margin-top:15px;
          } 
.csc-default {
margin-top:0px !important;
        } 
ul.csc-menu li {
display:inline-block;
float:left;
clear:none !important;
}
ul.csc-menu li a {
padding-right:5px;
margin-right:10px;
}
/*
.spaltenmenue .csc-header h1:before {
display:inline-block;
content: 'Weitere Infos zum Thema:';
margin-right:10px;
    }
*/
p.align-right {
text-align:left !important;
  }
} 
@media screen and (min-width:376px) and (max-width: 667px) {
body {

  } 
 ul.csc-menu {

}  
 .csc-textpic-caption {

}  
#headertext {
background-position:0px top;
  }
 #headertext .tx-ws-flexslider {
margin-left:151px;
  } 
#headline {
margin-left:0px;

max-width:90%;
overflow:hidden;
  }
h1.csc-firstHeader {
  }
#mobilmenu {
  }
.csc-textpic-intext-left-nowrap .csc-textpic-text {
float:left;
clear:left;
width:99%;
margin-left:0px;
margin-bottom:20px;
    }
.csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image {
margin-top:5px;
margin-bottom:5px !important;
        }
.csc-textpic-left.csc-textpic-above.csc-textpic-equalheight .csc-textpic-imagerow{
height:0px;
overflow:visible;
  }
.csc-textpic-left.csc-textpic-above.csc-textpic-equalheight .csc-textpic-imagerow .csc-textpic-imagecolumn img {
max-width:170px !important;
height:113px !important;
}
.csc-textpic-left.csc-textpic-above.csc-textpic-equalheight .csc-textpic-imagerow .csc-textpic-imagecolumn {
width:180px;
margin-left:0px;
margin-right:0px;
}

.csc-textpic-left.csc-textpic-above.csc-textpic-equalheight .csc-textpic-imagerow .csc-textpic-imagecolumn.csc-textpic-firstcol,
.csc-textpic-left.csc-textpic-above.csc-textpic-equalheight .csc-textpic-imagerow .csc-textpic-imagecolumn.csc-textpic-lastcol{
float:left !important;
clear:none !important;
}
 .csc-textpic-above.csc-textpic-equalheight .csc-textpic-imagerow .csc-textpic-image .csc-textpic-caption{ 
min-height:4em;
overflow:hidden;
}
.extrabox  {
min-height: 160px !important;
}
.extrabox .csc-textpic-image img {
max-height:110px !important;
width:auto !important;
  }
.extrabox p {

}
.spaltentabellen .column {
width:auto !important;
min-width:25%;
float:left !important;
clear:none !important;
margin-top:0px;
}
.infobox p {

  }
.linkbutton {

    }
}

@media screen and (min-width:321px) and (max-width: 375px) {
body {

  } 
#headertext {
background-position:-250px top;
  }
#headertext .tx-ws-flexslider {
margin-left:5px;
  }
#headline {
margin-left:0px;

max-width:90%;
overflow:hidden;
  }
.csc-textpic-intext-left-nowrap .csc-textpic-text {
float:left;
clear:left;
width:99%;
margin-left:0px;
margin-bottom:20px;
    }
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img,
.csc-textpic-left .csc-textpic-imagerow .csc-textpic-imagecolumn img,
.csc-textpic-left .csc-textpic-imagerow .csc-textpic-imagecolumn,
.csc-textpic.csc-textpic-intext-left .csc-textpic-image img,
.csc-textpic.csc-textpic-intext-left .csc-textpic-image,
.csc-textpic-below .csc-textpic-imagewrap .csc-textpic-imagerow,
.csc-textpic-below .csc-textpic-imagewrap .csc-textpic-imagerow img{
max-width:290px !important;
height:auto !important;
}
.csc-textpic-intext-left .csc-textpic-text {
margin-top:10px !important;
        }
.csc-textpic-below .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn {
margin-bottom: 15px;
}
.csc-textpic-left .csc-textpic-imagerow .csc-textpic-imagecolumn .csc-textpic-caption,
.csc-textpic.csc-textpic-intext-left .csc-textpic-image .csc-textpic-caption,
.csc-textpic-below .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-caption{
width:290px !important;
min-height:1px !important;
border:1px solid red !important;
}

.csc-textpic.csc-textpic-intext-left .csc-textpic-imagerow .csc-textpic-image {
width:auto !important;
}
.csc-textpic.csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn img {
max-width:180px !important;
height:auto !important;
}
.csc-textpic.csc-textpic-intext-left > .csc-textpic-text {
float:left;
width:100%;
    }
.tx-powermail .powermail_fieldset{
float:left;
clear:left;
width:96% !important;
margin:0;
border:0px;
  padding:0px;
    }
.extrabox  {
width:94% !important;
min-height:100px !important;
}
.extrabox .csc-textpic.csc-textpic-intext-left .csc-textpic-image {
width:120px !important;
float:left;
clear:none;
}
.extrabox .csc-textpic.csc-textpic-intext-left .csc-textpic-image img {
width:120px !important;
height:auto !important;
 }
.extrabox .csc-textpic.csc-textpic-intext-left > .csc-textpic-text {
max-width:50%;
}
.spaltentabellen p {
margin:0px !important;
  }
.spaltentabellen .column1 {
margin-top:10px;
    }
.spaltentabellen .column2, 
.spaltentabellen .column3, 
.spaltentabellen .column4 {
margin:0px !important;
}
    }
@media screen and (min-width:1px) and (max-width: 320px) {
body {

  } 
 #headertext {
background-position:-250px top;
  }
#headertext .tx-ws-flexslider {
margin-left:5px;
  }
#headline {
margin-left:0px;

max-width:90%;
overflow:hidden;
  } 
.csc-textpic-intext-left-nowrap .csc-textpic-text {
float:left;
clear:left;
width:99%;
margin-left:0px;
margin-bottom:20px;
    }
.csc-textpic-left.csc-textpic-above.csc-textpic-equalheight .csc-textpic-imagerow .csc-textpic-imagecolumn img,
.csc-textpic-left.csc-textpic-above.csc-textpic-equalheight .csc-textpic-imagerow .csc-textpic-imagecolumn,
.csc-textpic-below .csc-textpic-imagewrap .csc-textpic-imagerow,
.csc-textpic-below .csc-textpic-imagewrap .csc-textpic-imagerow img{
width:200px !important;
height:auto !important;
}
.csc-textpic-left.csc-textpic-above.csc-textpic-equalheight .csc-textpic-imagerow .csc-textpic-imagecolumn img,
.csc-textpic-left.csc-textpic-above.csc-textpic-equalheight .csc-textpic-imagerow .csc-textpic-imagecolumn .csc-textpic-caption,
.csc-textpic.csc-textpic-intext-left .csc-textpic-image img,
.csc-textpic.csc-textpic-intext-left .csc-textpic-image .csc-textpic-caption,
.csc-textpic-below .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-caption{
width:200px !important;
min-height:1px !important;
}
.csc-textpic-below .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn {
margin-bottom: 15px;
}
.csc-textpic.csc-textpic-intext-left > .csc-textpic-text {
float:left;
width:100%;
    }
.tx-powermail .powermail_fieldset{
float:left;
clear:left;
width:96% !important;
margin:0;
border:0px;
  padding:0px;
    }
.extrabox  {
width:94% !important;
}
.extrabox .csc-textpic.csc-textpic-intext-left .csc-textpic-image img {
width:120px !important;
height:auto !important;
 }
.spaltentabellen p {
margin:0px !important;
  }
.spaltentabellen .column1 {
margin-top:10px;
    }
.spaltentabellen .column2, 
.spaltentabellen .column3, 
.spaltentabellen .column4 {
margin:0px !important;
}
 }