/* Create three equal columns that floats next to each other */
.columnEL {
  float: left;
  width: 33.33%;
  min-width:250px; 
  padding: 10px;
}
.columnEL2 {
  float: left;
  width: 25%;
  min-width:250px; 
  padding: 10px;
}
.columnEL3 {
  float: left;
  width: 41.66%;
  min-width:312px; 
  padding: 10px;
}
.columnELL {
  float: left;
  width: 100%;
  min-width:250px; 
  padding: 10px;
}

/* Clear floats after the columns */
.rowEL:after {
  content: "";
  display: table;
  clear: both;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0 10px 10px 10px;
}
.menTable{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.menTable tr td img:hover{
 width:95px 
}
.menLink{
  color: black;
}
.headerTopText {
  font-size: 24px;
}
/*.menLink:hover b{
  text-decoration: underline;
}*/
.menLink:hover{
  background-color: #fefefe;
}
.menStandort a{
  font-weight: 700; 
  font-size: 14px;
}
.tSpace{
  margin-left: 10px 
}
.site-logo img {
  width: 180px; 
  max-height: 120px;
  z-index: 99999;
}

@media screen and (max-width: 799px) {
  .mobile-padding-2, .mobile-padding-3{
    padding: 0 0 0 0 !important;
  }
  .nt_type_ajax_table{
    font-size: 12px !important;
  }
  h2, h3{
    font-size: 24px !important;
    line-height: 38px !important;
  }
  a h2{
    font-size: 15px !important;
    line-height: 1 !important;
  }
  
  .mobile-padding-4, .mobile-padding-5, .mobile-padding-5 div, .mobile-padding-6{
    padding: 0 0 0 0 !important;
  }
  .mobile-padding-5 div div div div table{
    font-size: 12px !important;
  }
  .mobile-padding-6 div div > .elementor-widget-container {
    padding: 0 0 0 0 !important;
  }
  .mobile-padding-7{
    padding: 25px 0 0 0 !important;
  }
  .mobile-padding-8 div div div > .elementor-widget-container{
    padding: 0 0 0 20px !important;
  }
  .mobile-padding-9{
    padding: 0 0 25px 0 !important;
  }
  .mobile-padding-10{
    padding: 0 0 0 20px !important;
  }
  .mobile-padding-10 div{
    padding: 0 0 0 0 !important;
  }
  .mobile-padding-11 div{
    padding: 0 0 0 0 !important;
  }
  .mobile-padding-12{
    padding: 0 0 0 0 !important;
  }
  .mobile-padding-12 div{
    padding: 2px 4px 4px 2px !important;
  }
  .mobile-padding-13{
    padding: 0 0 25px 0 !important;
  }
  .mobile-padding-13 div{
    padding: 0 0 0 0 !important;
  }
  .mobile-padding-14{
    padding: 0 0 25px 0 !important;
  }
  .mobile-padding-15{
    padding: 25px 0 0 0 !important;
  }
}
@media screen and (max-width: 959px) {
  .desktopProduct{
    display: none;
    visibility: hidden;
  }
  h1, .h1-startseite div h2{
    font-size:36px !important;
    line-height: 55px !important;
  }
  .mobile-padding-1{
    padding: 0 0 0 0 !important;
  }
}

@media screen and (max-width: 430px) {
  h1, .h1-startseite div h2{
    font-size:24px !important;
    line-height: 40px !important;
  }
}

@media screen and (min-width: 960px) {
  .mobileProduct{
    display: none;
    visibility: hidden;
  }
  /*.nv-top-bar{
    background-color:#fcfcfc !important;
  }*/
}
@media screen and (min-width: 1078px) {
.site-logo img {
  top: 10px;
  position:absolute;
}
}
@media screen and (max-width: 1077px) {
div .nv-nav-search{
  bottom: 1px;
  left: 0px;
  width: 240px;
}
.site-logo img {
  width: 140px; 
  top: 0;
  margin-left: 20px;
  /*position:absolute;*/
}
}
.imagOyten{
  border-bottom: 3px solid #23a455 !important;
}

.Zaun_L1, .Zaun_L2{
  margin-bottom: 0 !important;
}
.Zaun_L1, .Zaun_L2, .imagBox{
  margin:0 0 0 0 !important;
  padding: 0 0 0 0 !important;
}
.Zaun_L2 img{
  padding: 0 0 0 0 !important;
  opacity: 0;
  
  -webkit-transition: opacity 800ms ease-in-out;
  -moz-transition: opacity 800ms ease-in-out;
  -o-transition: opacity 800ms ease-in-out;
  transition: opacity 800ms ease-in-out;
}
.Zaun_L1{
  position:absolute;
  left: 0;
}

/*
div span.Zaun_L2, div span.Info_2{
  visibility: hidden;
  display: none;
}
*/
span.Zaun_L2 img, span.Zaun_L1 img{  
  border-radius: 3% !important;  
  
  -webkit-transition: opacity 800ms ease-in-out;
  -moz-transition: opacity 800ms ease-in-out;
  -o-transition: opacity 800ms ease-in-out;
  transition: opacity 800ms ease-in-out;
}

.imagClass img{  
  border-radius: 3% !important;
}

.Zaun_Box_1:hover > div .imagClass{
  transform: scale(1.1);
  transition: all .3s ease-in-out;
}
.imagClass{  
  transition: all .15s ease-in;
  margin: 0 28px 0 28px !important;
}
.noMargin{ 
  margin: 0 0 0 0 !important;
}

/*
.Zaun_Box_1:hover > div span.Zaun_L2{
  visibility: visible;
  display: block;
}


.Zaun_Box_1:hover > div span.Zaun_L1{
  visibility: hidden;
  display: none;
}
*/
.Zaun_Box_1:hover > div span.Zaun_L1 img{  
  opacity:0;
}
.Zaun_Box_1:hover > div span.Zaun_L2 img{  
  opacity: 1;
}

p{  
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.spitze .infobox-icon{
 margin: 10px 10px 10px 10px; 
}

.writeFormat{
  font-family: poppins; 
  color:#616161;
  font-size: 18px;
}
.marg20{
 margin-left: 12px 
}
a.linkHand{
  cursor: pointer !important;
}
a.linkHand:hover{
  cursor: pointer !important;
}
/*

new footer content

*/
footer{
  color: white;
}
footer a{
  color: white;
}
footer a:hover{
  color: #24a455;
  text-decoration:none;
}
.footer-pad{
  text-align:left;
  padding-bottom: 1.2em;
}

.footer-bottom{
  background: #24292f;
  padding-top: 1.2em;
  border-top: 2px solid #24a455;
  padding-bottom: 0em;
  
}
.text-center{
  text-align: center;
}
footer h4{
  color: #24a455;
}
.footer-top{
  background: #24292f;  
}
.footer-middle{
  background: #24292f;
  padding-top: 2em;
  color: white;
}
.list-unstyled li a:hover{
  text-decoration: underline;
}.footer-bottom div div div a:hover{
  text-decoration: underline;
}.footer-pad .list-unstyled{
  padding-left: 1px;
}

div a .maillink:hover {
  color: #23a455 !important;
}
.site-logo a:hover {
  opacity: 1;
}


/* value slider zaun */
.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
/*  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  /*transition: opacity .2s;*/
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer !important; /* Cursor on hover */
  z-index:99999999;
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer !important; /* Cursor on hover */
}
.noselect {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar label {
    display: inline-block;
    background-color: #ddd;
    padding: 10px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 2px solid #444;
    border-radius: 4px;
}
.radio-toolbar input[type="radio"]:checked + label {
    background-color:#bfb;
    border-color: #4c4;
}
.radio-toolbar input[type="radio"]:focus + label {
    border: 2px dashed #444;
}
.radio-toolbar label:hover {
  background-color: #dfd;
}

.headerInfo{
  width:100%;
  display:block;
  text-align:center;
  padding-top:6px;
  padding-bottom: 6px;
  background-color: #23a455;
  color:#fff;
  font-weight:900;
  z-index:99999;
  font-size:14pt;
}

.footerInfo{
  bottom:0px;
  width:100%;
  position: fixed;
  display:block;
  text-align:center;
  padding-top:6px;
  padding-bottom: 6px;
  background-color: #23a455;
  color:#fff;
  font-weight:900;
  z-index:99999;
  font-size:14pt;
}
@media screen and (max-width: 1077px) {
  .headerInfo, .footerInfo{
    font-size:11pt;
  }
}

.footer--row-inner .container .row{
  align-items: baseline !important;
}

.wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-default-theme-1.wpmm-orientation-horizontal ul.wpmm-mega-wrapper {
 text-align:right !important; 
}