/* #############################MEDIA QUERIES########################### */

@media (max-width: 1005px){
  .sliderbox, .webportal .csc-textpic-text {
    display: none;
  }

  #oben, .zentriert, #inhalt {
    width: 100%;
  }

  .anschrift {
    width: 65%;
    margin: 15px 0px 15px 10px;
    float: left;
    clear: both;
  }
  
  .webportal {
    margin: 10px 0 0 10px;
  }

  #hauptnavi {
    width: auto;
  }

  .main img {
    width: auto !important;
    max-width: 550px !important;
    height: auto !important;
  }

  .ca-wrapper {
    width: 780px;
  }

  .ca-nav span {
    left: 5px;
  }

  .ca-nav span.ca-nav-next {
    right: 5px;
  }

  .leftside, .rightside {
    width: 97%;
    float: left;
    clear: both;
    background: none;
    margin: 0px 0px 0px 10px;
  }
  
  .trenner {
    display: none;
  }

  #inhalt .csc-default {
    background: url(dash.gif) repeat-x scroll left bottom transparent;
    padding: 20px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    clear: both;
  }

  .tx-jfmulticontent-pi1 .csc-default {
    background: none !important;
    padding: 0px !important;
    margin: 0px !important;
  }

  .anythingSlider-default .anythingWindow .csc-default {
    height: 90% !important;
    margin: 0% 7% 5% 0% !important;
    width: 85% !important;
  }

  .subnavi {
    width: 25%;
  }

  .main {
    width: 63%;
  }

  .ui-tabs .ui-tabs-panel {
    padding: 20px 0px;
  }

  .linke-spalte, .rechte-spalte {
    width: 48%;
    margin: 20px 0px 10px 0px;
  }

  .linke-spalte .csc-textpic, .rechte-spalte .csc-textpic {
    width: 98% !important;
  }

  .linke-spalte img, .rechte-spalte img {
    width:100% !important;
    height: auto !important;
  }
  
  /* -- Kontaktformular -- */

  fieldset.tx-powermail-pi1_fieldset textarea {
    width: 100% !important;
  }
  
  fieldset.tx-powermail-pi1_fieldset {
    width: 48% !important;
  }
  
  fieldset.tx-powermail-pi1_fieldset label {
    width: 30% !important;
  }
  
  fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, 
  fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset select, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
    width: 62% !important;
  }
  
  div.tx-powermail-pi1 {
    width: 100% !important;
  }
  
  #tx-powermail-pi1_fieldset_2 { 
    width: 48% !important;
  }
}

@media (max-width: 915px){
  #suche {
    display: none;
  }

  .main img {
    width: auto !important;
    max-width: 500px !important;
    height: auto !important;
  }
}

@media (max-width: 810px){
  .button_mobil {  
    display: block;  
    background: url(menue-einblenden.png) no-repeat left top;  
    width: 32px;  
    min-height: 27px;  
    position: absolute;  
    top: 90px;  
    left: 10px;  
    background-size: 100% auto !important;
  }
  
  .button_mobil_aus {    
    background-attachment: scroll;    
    background-clip: border-box;   
    background-color: rgba(0, 0, 0, 0);   
    background-image: url("menue-einblenden.png");    
    background-origin: padding-box;    
    background-position: 0 0;    
    background-repeat: no-repeat;    
    background-size: 100% auto !important;    
    display: block;    
    height: 27px;    
    width: 32px;
  }
  
  body, body.startseite {
    background: #F6F6F6 !important;
  }

  #quicklinks {
    background: url(mobilebg.gif) left bottom repeat-x;
    padding: 20px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
  }

  .ca-wrapper {
    width: 580px;
  }

  .footernavi {
    width: 20%;
  }

  #subquicklinks {
    display: none;
  }

  #hauptnavi {
    float: left;
    font-family: 'PT Sans Narrow',arial,trebuchet,tahoma;
    font-size: 22px;
    font-weight: normal;
    height: auto;
    width: 100%;
    margin: 0px 0px 20px 0px;    
    display: none;
  }    .subnavi {		display: none;  }

  .hauptnavi li {
    width: 48%;
    float: left;
    background: none !important;
    margin: 0px 1% 5px 1% !important;
  }

  .hauptnavi li a {
    background: #000 !important;
    border-radius: 0px !important;
    padding-bottom: 0px !important;
  }

  .hauptnavi li.act a, .hauptnavi li a:hover {
    background: #01633a !important;
  }

  .main {
    width: 96%;
    margin: 0 2% 0 2%;
  }

  .subnavi {
    width: 100%;
    border: 0px;
    margin: 0px 0px 30px 0px;
  }

  .navtitel {
    display: none;
  }

  .unternavi li {
    width: 98%;
    float: left;
    background: none !important;
    margin: 0px 1% 5px 1% !important;
  }

  .unternavi li a {
    background: #000;
    color: #fff !important;
    border-radius: 0px !important;
    border: 0px !important;
    margin: 0px !important;
  }

  .unternavi li.act a, .unternavi li a:hover {
    background: #01633a !important;
  }

  .unterunternavi {
    padding: 0px !important;
    margin: 5px 0px 5px 0px !important;
    border-bottom: 0px !important;
    width: 100% !important;
  }

  .unterunternavi li {
    background: none !important;
    margin: 0px 5px 5px 0px !important;
    float: left !important;
    width: auto !important;
  }

  .unternavi li.act .unterunternavi li a {
    background: #505052 !important;
    color: #fff !important;
    border-radius: 0px !important;
    padding: 5px 10px !important;
  }

  .unternavi li.act .unterunternavi li.act a, .unternavi li.act .unterunternavi li a:hover {
    background: #01633a !important;
    color: #fff;
  }
  
  /* *** FOOTERNAVI *** */  
  #footer {    
    height: auto;    
    margin-bottom: 25px;   
  } 
  
  .footernavi {    
    width: 100%;    
    float: left;    
    clear: both;    
    margin: 0px;    
    text-align: left;    
    margin-bottom: -25px;  
  }
    
  .footernavigation li {    
    font-family: 'PT Sans Narrow',arial,trebuchet,tahoma;    
    font-size: 16px;    
    width: 32%;    
    float: left;    
    background: none !important;    
    margin: 0px 1.33% 5px 0% !important;    
    display: block;  
  }    
  
  .footernavigation li a {    
    background: #000 !important;    
    border-radius: 0px !important;  
    display: block;  
    height: 35px;    
    padding: 12px 20px 0 20px;  
  }    

  .footernavigation li:nth-child(4) a { 
    height: 35px;   
    padding: 12px 3px 0 20px;  
  } 
  
  .footernavigation li.act a, .footernavigation li a:hover {    
    background: #E42220 !important;  
  }

  .conceptnet {    
    background: url(conceptnet_grau.png) no-repeat left top;    
    width: 22px;    
    height: 11px;    
    position: relative;    
    bottom: -18px;  
  }    
  
  .conceptnet img{    
    display: none;  
  }   
  
  #inhalt {
    padding-bottom: 280px;
  }
}


@media (max-width: 615px){
  .button_mobil {  
    display: block;  
    background: url(menue-einblenden.png) no-repeat left top;  
    width: 32px;  
    min-height: 27px;  
    position: absolute;  
    top:90px;  
    left: 10px;  
    background-size: 100% auto !important;
  }
  
  .button_mobil_aus {    
    background-attachment: scroll;    
    background-clip: border-box;    
    background-color: rgba(0, 0, 0, 0);    
    background-image: url("menue-ausblenden.png");    
    background-origin: padding-box;    
    background-position: 0 0;    
    background-repeat: no-repeat;    
    background-size: 100% auto !important;    
    display: block;    
    height: 27px;   
    width: 32px;
  }
  
  .ca-wrapper {
    width: 380px;
  }

  #newstickerplugin, .leftside iframe, .rightside iframe, #c14 {
    display: none;
  }

  .main img {
    width: auto !important;
    max-width: 400px !important;
    height: auto !important;
  }

  .main img.res-small {
    width: 135px !important;
    max-width: 135px !important;
    height: 190px !important;
  }

  .footernavigation li {   
    width: 49%;       
    margin: 0px 1% 5px 0% !important;  
  }    
  
  .footernavigation li a {  
    height: 35px;    
    padding: 12px 20px 0 20px;  
  }    

  .footernavigation li:nth-child(4) a { 
    height: 35px;   
    padding: 12px 3px 0 20px;  
  }
  
}

@media (max-width: 420px){
  .button_mobil {  
    display: block;  
    background: url(menue-einblenden.png) no-repeat left top;  
    width: 32px;  
    min-height: 27px;  
    position: absolute;  
    top: 90px;  
    left: 10px;  
    background-size: 100% auto !important;
  }
  
  .button_mobil_aus {    
    background-attachment: scroll;    
    background-clip: border-box;    
    background-color: rgba(0, 0, 0, 0);   
    background-image: url("menue-ausblenden.png");   
    background-origin: padding-box;    
    background-position: 0 0;    
    background-repeat: no-repeat;    
    background-size: 100% auto !important;    
    display: block;    
    height: 27px;    
    width: 32px;
  }
  
  .ca-wrapper {
    left:-15px;
    margin: 0px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  
  .footernavigation li {  
    font-size: 12px; 
  }

  .main img {
    width: auto !important;
    max-width: 250px !important;
    height: auto !important;
  }
}



/* ################################################################### */
/* #############################Smartphones########################### */
/* ################################################################### */

@media (max-width: 550px){

  /* //////////////////////////MENUE formatieren////////////////////// */
  
  /* Button, um das Menue ein- und auszublenden 
  .button_mobil {
    margin-top: -80px;  
    margin-left:1%;
    background:url(menue-einblenden.png) no-repeat;
    width: 10%;
    min-height: 40px;
    background-size: 100% !important;
    display: block;
  }  

  .button_mobil_aus  {
    background:url(menue-ausblenden.png) no-repeat;
    width: 10%;
    height: 30px;
    background-size: 100% !important;
    display: block;
  }*/
  
  .button_mobil {  
    display: block;  
    background: url(menue-einblenden.png) no-repeat left top;  
    width: 32px;  
    min-height: 27px;  
    position: absolute;  
    top: 90px;  
    left: 10px;  
    background-size: 100% auto !important;
  }
  
  .button_mobil_aus {    
    background-attachment: scroll;    
    background-clip: border-box;    
    background-color: rgba(0, 0, 0, 0);    
    background-image: url("menue-ausblenden.png");    
    background-origin: padding-box;    
    background-position: 0 0;    
    background-repeat: no-repeat;    
    background-size: 100% auto !important;    
    display: block;    
    height: 27px;    
    width: 32px;
  }
  
  .anythingSlider {
    font-size: 1em;
    line-height: 1.3em;
  }
  
}


/* ************ Handy Hochformat Topnavi anpassen ************* */
@media (max-width: 360px){
  .button_mobil {  
    display: block;  
    background: url(menue-einblenden.png) no-repeat left top;  
    width: 32px;  
    min-height: 27px;  
    position: absolute;  
    top: 90px  left: 10px;  
    background-size: 100% auto !important;
  }
  
  .button_mobil_aus {    
    background-attachment: scroll;    
    background-clip: border-box;    
    background-color: rgba(0, 0, 0, 0);    
    background-image: url("menue-ausblenden.png");    
    background-origin: padding-box;    
    background-position: 0 0;    
    background-repeat: no-repeat;    
    background-size: 100% auto !important;    
    display: block;    
    height: 27px;    
    width: 32px;
  }
  
  .logo img {  
    width: 160px !important;  
    height: auto;
  }
  
  .ca-wrapper {    
    left:-15px;    
    margin: 0px;    
    -webkit-transform: scale(0.6);    
    -moz-transform: scale(0.6);    
    -ms-transform: scale(0.6);    
    -o-transform: scale(0.6);    
    transform: scale(0.6);  
  }    
  
  .ca-container {  
    top: -35px;  
  }  
  
  #quicklinks {  
    padding: 0px 0 10px;  
    height: 230px;
  }
  
  .leftside .anythingSlider .csc-textpic-imagewrap {  
    background: #D1D1D1;  
    width: 50%;  
    height: 90px;  
    text-align: center;  
    display: table-cell;  
    vertical-align: middle;  
    position: relative;  
    line-height: 90px;
  }
  
  .leftside .anythingSlider .csc-textpic-imagewrap img {    
    vertical-align: middle;  
    margin: 0px;  
    max-height: 90% !important;  
    max-width: 90% !important;  
    width: auto !important;  
    height: auto !important;
  }

  .leftside .anythingSlider {  
    width: 260px !important;
  }
  
  .leftside .anythingSlider-default {  
    margin: 0 !important;
  }
  
  .rightside #c2 .csc-textpic-imagewrap, .vertriebsgebiet{  
    display: none;
  }
  
  .webportal {
    -ms-transform: scale(0.7); /* IE 9 */
    -webkit-transform: scale(0.7); /* Chrome, Safari, Opera */
    transform: scale(0.7); /* Standard syntax */
    margin: 10px 0 0 -10px;
  }
  
  .rightside #c2 .csc-textpic-text {
    margin: 0 !important;
  }
  
  .anythingSlider-default {
    padding: 0 22px 28px !important;
  }
  
  .ui-tabs-panel .linke-spalte img, .ui-tabs-panel .rechte-spalte img {
    max-width: 130px !important;
  }
  
  .ca-item .csc-header {
    z-index:99;
  }
  
  .ca-item .csc-textpic-text {
    top: 256px;
  }
}
/*
     FILE ARCHIVED ON 12:12:15 Jul 16, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:35:51 Mar 09, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 1.418
  load_resource: 89.072
  PetaboxLoader3.resolve: 60.119
  PetaboxLoader3.datanode: 27.528
*/