/* ----- MAX-WIDTH: 980PX ----- */
@media (max-width:1044px){
  /* -- TICKER -- */
  .ticker {
    float: left;
    left: 0px !important;
    margin: 0px 0px 0px 20px !important;
    position: relative;
    width: 80% !important;
  }
  
  .feature-buttons {
    bottom: 15%;
  }
  
  .nachoben, .suche, .nachunten  {
    width: 45px;
    height: 45px;
    background-size: 100% auto !important;    
  }
  
}

@media (max-width:940px){
 #hauptnavi {
    font-size: 16px;
  }

  #hauptnavi li.active::before, #hauptnavi li:hover::before {
    background: url("/web/20250111053700im_/https://www.reiner-naturbau.de/fileadmin/images/blume.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    background-size: 100% auto; 
    content: "";
    height: 25px;
    left: 45%;
    position: absolute;
    top: -30px;
    width: 25px;
  }
}
@media (max-width:850px){
  .tx-powermail .powermail_fieldset > div label {
    min-width: 30%;
  }
  .tx-powermail .powermail_fieldset > div input, .tx-powermail .powermail_fieldset > div textarea {
    width: calc(65% - 20px);
  }
  .tx-powermail .powermail_fieldset > div input.powermail_submit {
    width: 65%;
  }
}
/* ----- MAX-WIDTH: 820PX ----- */
@media (max-width:820px){
  .whatsapp_button {
    top: 50px;
  }
  #hauptnavi li a {
    padding: 15px 10px 15px 10px;
  }  
  
  body {
    font-size: 18px;
  }
  
  h1, h2 {
    font-size: 30px;
  }
  
  .parabild {
    background-position: center top;
  }

  
  .sprache {
    display: none;
  }
  
  .weiss {
    height: 50px !important;
  }
  .bereiche {
    margin-top: 45px !important;
  }
  
  .ticker {
    width: 95% !important;
    margin: 0px 0px 0px 10px !important;

  }
  
  .ticker .tickertext {
    font-size: 10px !important;
    height: 28px !important;      
  }
  
  .button_mobil {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    background: url(/web/20250111053700im_/https://www.reiner-naturbau.de/fileadmin/images/menue-einblenden.png) left top no-repeat;
    width: 35px;
    height: 24px;
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  */  
    margin: 10px 0px 10px 10px;
    cursor: pointer;
  }
  
  .mobil_kontakt {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-top: 1px dotted #CECECE;
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
  }
  
  .funk_mobil {
    display: block;
    width: 100%;
    float: left;
    clear: both;
    border-top: 1px dotted #CECECE;
    margin: 15px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
  }

  .sprache_mobil {
    width: 50px;
    height: 10px;
    float: left;
    margin: 0px 0px 0px 25px;  
  }
  
  #hauptnavi {
    margin: 0px 0px 15px 0px !important;
    display: none;
  }
  
  #navigation {
    width: 100%;
    float: left;
    clear: both;
  }
  
  #hauptnavi li.active::before, #hauptnavi li:hover::before {
    display: none;
  }
  
  #hauptnavi li {
    float: left;
    clear: both;
    display: block;
    width: 100%;
    margin: 3px 0px 0px 0px;
    padding: 0px;
  }
  
  #hauptnavi li.active {
    margin: 3px 0px 0px 0px;
  }
  
  #hauptnavi li a {
    width: 100%;
    text-align: center;
    padding: 5px 0px 5px 0px;
    border: 0px;
    background: #958e85;
    text-align: center;
    float: left;
    clear: both;
    display: block;
    color: #FFFFFF;
  }
  
  #hauptnavi li.active a, #hauptnavi li:hover a {
    border: 0px;
    background: #8CB437;
    color: #fff;
  }
  
  #fadebox {
    display: none;
  }
  
  
  /*.nr-1 .inhalt {
    margin-top: 200px !important; 
  }  */
  
  .logo {
    top: 3px !important;
    width: 110px !important;
  }
  
  .farbe1 li {
    padding: 7px 0px 7px 45px;
  }
  
  .footerinhalt, #footerfunction {
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
  }
  
  #footer .csc-menu li a {
    padding: 5px 7px;
  }
  
  #footer .csc-menu li {
    margin-left: 10px;
  }
  
  .feature-buttons {
    bottom: 17%;
  }

	.ticker .tickertext {
	font-size: 11px !important;
	}
	  
	#lightbox {
		height: 0;
		padding-bottom: 76%;
	}

	#lightbox img {
		max-width: 100%;
		 height: auto;
	}
}
/* ----- MAX-WIDTH: 820PX ----- */

/* ----- MAX-WIDTH: 788PX ----- */
@media (max-width:788px){
  
  #footer .csc-menu li a{
    padding: 5px;
  }
  
  #footer .csc-menu li {
    margin-left: 10px;
    
  }
  
}
/* ----- MAX-WIDTH: 788PX ----- */

/* ----- MAX-WIDTH: 730PX ----- */
@media (max-width:730px){
  .subcolumns > div > div {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .nachunten, .nachoben, .suche {
    width: 40px;
    height: 40px;    
  }

  .tx-powermail .powermail_fieldset > div label {
    min-width: 20%;
  }
  .tx-powermail .powermail_fieldset > div input, .tx-powermail .powermail_fieldset > div textarea {
    width: calc(75% - 20px);
  }
  .tx-powermail .powermail_fieldset > div input.powermail_submit {
    width: 75%;
  }

  .footerinhalt .inhalt_normal .zentriert {
    width: 96%;
  }
  
  /*.inhalt {
    margin-top: 49px !important;
  }*/
  
  .c25l, .c25r {
    width: 50%;
  }  
  
  .c50l, .c50r {
    width: 100%;
    float: left;
    clear: both;
    margin: 0px;
  }
  
  .footerinhalt .c40r {
    width: 100%;
    float: left;
    clear: both;
    margin: 0px;
  }
  
  .footerinhalt .c33l, .footerinhalt .c25l {
    width: 50%;
  }
  
  #footer .csc-menu {
    text-align: left;
  }
  
  .footerinhalt .subcr {
    padding: 0px;
  }
  
  #footer .csc-menu li {
    margin-left: 0px;
    margin-right: 10px;
  }
  
  .drucklink {
    display: none;
  }

  /*div.csc-textpic-center .csc-textpic-center-outer {
    float: none !important;
    right: auto !important;
  }
  
  div.csc-textpic-center .csc-textpic-center-inner {
    float: none !important;
    position: relative;
    right: auto !important;
  }
  
  div.csc-textpic .csc-textpic-imagewrap img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
  }  */
  .headerteaser {
    position: static;
    padding: 40px 0 20px 0;
    margin: 0 0 0 0;
  }
  
  .headerteaser .csc-textpic-image {
    position: static;
  }
  .headerteaser .csc-textpic {
    text-align: center;
  }
  .headerteaser .csc-textpic-imagewrap {
    float: none !important;
    display: inline-block;
    margin: 0 0 0 0 !important;
  }
  .headerteaser .csc-textpic-imagewrap img {
    max-width: 100%;
    height: auto;
  }

  .headerteaser+#c398{
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
  }

  .headerteaser+#c398 a{
    margin: 0 0 20px calc(50% - 100px);
  }
}
/* ----- MAX-WIDTH: 730PX ----- */

/* ----- MAX-WIDTH: 500PX ----- */
@media (max-width:500px){
    
  .suche, .nachoben, .nachunten {
    width: 30px;
    height: 30px;    
  }
  
  .iconsmartstyle {
    width: 50px !important; 
    height: auto !important;
    top: -24px;
  }
  
  .iconsmartstyle img {
    width: 100% !important;
    height: auto !important;
  }
  
  
  #footer .c16l, #footer .c20l, #footer .c25l, #footer .c33l, #footer .c40l, #footer .c38l, #footer .c50l, #footer .c60l, #footer .c62l, #footer .c66l, #footer .c75l, #footer .c80l, #footer .c16r, #footer .c20r, #footer .c25r, #footer .c33r, #footer .c40r, #footer .c38r, #footer .c50r, #footer .c60r, #footer .c62r, #footer .c66r, #footer .c75r, #footer .c80r {
    clear: both !important;
    float: left !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  
  #footer .csc-menu {
    text-align: left !important;
    border-top: 1px dotted #FFFFFF !important;
    padding-top: 20px !important
  }
  
  #footer .subcr {
    padding: 0px !important;
  }
  
  .c25l, .c25r {
    width: 100%;
    float: left;
    clear: both;
    margin: 0px;
  }
  

  
  .bereiche {
    margin-top: 45px !important;
  }
  
  .footerinhalt .c40r .csc-default {
    margin-top: 0px !important;
  }  

.ticker .tickertext {
  width: 100% !important;
}
  .unterseite_inhalt {  margin-bottom: 410px;  }    .Tx-Formhandler .tx-formhandler-subscription-requestsubscription [type=submit], .Tx-Formhandler .tx-formhandler-subscription-updatesubscription [type=submit] {  margin-left: 0px;  }
  
}
/* ----- MAX-WIDTH: 500PX ----- *//* ----- MAX-WIDTH: 400PX ----- */
@media (max-width:400px){    
  .iconsmartstyle {      position: static;      padding: 5px 10px 5px 0;      width: 60px !important;      float: left;    }        .iconoekoplus {      position: static;      float: left;      clear: both;      margin-right: 15px;    }
  .tx-powermail .powermail_fieldset > div label {
    min-width: 100%;
  }
  .tx-powermail .powermail_fieldset > div input, .tx-powermail .powermail_fieldset > div textarea {
    width: calc(100% - 20px);
  }
  .tx-powermail .powermail_fieldset > div input.powermail_submit {
    width: 100%;
  }
}/* ----- MAX-WIDTH: 400PX ----- */
/* ----- MAX-WIDTH: 340PX ----- */
@media (max-width:340px){

  .nachoben, .suche, .nachunten {
    width: 30px;
    height: 30px;    
  }

.funktionen {
  height: 20px;
}

.iconsmartstyle {
    height: auto !important;
    top: -50px;
    width: 60px !important;
}
}
/* ----- MAX-WIDTH: 340PX ----- */
/*
     FILE ARCHIVED ON 05:37:00 Jan 11, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:25:08 Feb 16, 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):
  captures_list: 0.773
  exclusion.robots: 0.028
  exclusion.robots.policy: 0.011
  esindex: 0.016
  cdx.remote: 8.157
  LoadShardBlock: 123.835 (3)
  PetaboxLoader3.datanode: 140.092 (4)
  load_resource: 435.646
  PetaboxLoader3.resolve: 402.602
*/