/* mobile Anpassung Wachten 2022 */


/* Themen ausblenden */
@media(max-width: 1180px) {
	.themen-liste{
display:none;
	}
}



/* Boxen werden 3-spaltig */
@media(max-width: 1180px) {

  .outside-box {
    /* max-width: 286px; */
    /* width: 33.3% !important; */
/* border:1px solid reD!important; */

  }
}

/* Boxen werden 2-spaltig */
@media(max-width: 870px) {

  .outside-box {
    /* width: 50% !important; */
/* border:1px solid blue!important; */
  }
}

/* Boxen werden 1-spaltig */
@media(max-width: 585px) {
.outside-box.content-box{
    padding:0;
    max-width: 100%;
	width:100%;
	}
	.outside-box {
    width: 100% !important;

border:1px solid black!important;
  }

	#nav-bottom .outside-footer-box {
    flex: auto;
    max-width: 100%;
	width:100%;
}

/*--------------------------------------*/


/* Header Image */

@media(max-width: 1180px) {
	.header-image{
		height: 350px;
	}
}

@media(max-width: 870px) {
	.header-image{
		height: 250px;
	}
}

@media(max-width: 580px) {
	header .padding{
padding:0px!important;
	}
}

/* Inhalt wird 3-spaltig */
@media(max-width: 1000px) {
  .content-text.vierspaltig {
    column-count: 3 !important;
    -moz-column-count: 3 !important;
    -webkit-column-count: 3 !important;
  }
}

/* Inhalt wird 2-spaltig */
@media(max-width: 700px) {
  .content-text.vierspaltig,
  .content-text.dreispaltig {
    -moz-column-count: 2 !important;
    -webkit-column-count: 2 !important;
    column-count: 2 !important;
  }
}

/* Inhalt wird 1-spaltig */
@media(max-width: 450px) {
  .content-text.vierspaltig,
  .content-text.dreispaltig,
  .content-text.zweispaltig {
    -moz-column-count: 1 !important;
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
  }
}

/* Header oben ausblenden */
@media(max-width: 550px) { /* Anpassung je nach Anzahl der Menüpunkte notwendig */
  #top-header {
    display: none;
  }
  /* Oder nur Navigation:
  #nav-top-right {
    display: none;
  }*/

  /* Abstand zu Inhalt */
  #imageslider {
    margin-top: 185px !important;
  }

	.slogan{
		font-size:20px;
	}
}

/* Hauptnavigation ein-/ausklappbar */
@media(max-width:1090px) { /* Anpassung je nach Anzahl der Menüpunkte notwendig */
  /* Logo zentriert über Button */
  #logo {
    display: block;
    text-align: center;
  }

  /* Abstand zu Inhalt */
  #imageslider {
    margin-top: 0px!important;
    height:0!important;
    display:none!important;
  }

  /* Button einblenden */
  #button-top {
    display: inline-block;
  }

  /* Hauptnavigation */
  #nav-header {
    display: none;
    float: none;
    position: initial;
    background-color: #061e38;
    padding:10px;
  }
  header #nav-header{
  background-color:transparent;
  }

  #nav-header.open {
    display: block;
  }

  #nav-header li {
    display: block !important;
    text-align: center !important;
  }

  #nav-header a,
  #nav-header a:hover { /* Anpassung je nach Gestaltung der Navigation notwendig */
    display: block;
    float: none !important;
    margin-bottom: 0 !important;
  }

  #nav-header ul ul{ /* Anpassung je nach Gestaltung der Navigation notwendig */
  background:none!important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    display: block !important;
    position: static !important;
  }

  #nav-header ul ul li a{
	font-size:14px;
	font-style:italic;
    line-height: 14px;
  }

}

/* Navigation unten untereinander */
@media(max-width: 1070px) { /* Anpassung je nach Anzahl der Menüpunkte notwendig */
  #nav-bottom li {
    border-right: none !important;
    display: block !important;
    float: none;
  }
}

@media(max-width: 550px) {

	.content-text img{
	width:100%;
  }

	.hostings{
	  display:none;
	}
}

@media(max-width: 550px) {

  #nav-header {
    /*margin: -130px 10px 0 10px !important;*/
  }
}




/* Header bei zu geringer Höhe nicht oben fixiert */
@media(max-height: 600px) { /* Anpassung je nach Höhe des Headers notwendig */
  #fixedontop {
    position: relative;
  }
}

/* Navigation links ein-/ausklappbar */
@media(max-width: 800px) { /* Anpassung je nach Breite von #main und vorhandenem aside notwendig */
  #nav-left {
    display: none;
  }

  #nav-left.open {
    display: block;
    position: absolute;
  }

  section#main.with-nav {
    margin-left: 0;
  }

  section#main.nav-left-open {
    left: 230px;
    margin-left: 15px;
    position: relative;
  }

  #container {
    overflow: hidden;
  }

  /* Button */
  #button-left {
    display: inline-block;
  }
}



/* Aside ausblenden */
@media(max-width: 1000px) { /* Anpassung je nach Breite von #main und linker Navigation notwendig */
  /* Aside */
  aside {
    display: none;
  }

  /* Inhalt */
  #main.with-aside {
    margin-right: 0 !important;
  }
}


/* Formularfelder umbrechen */
@media(max-width: 570px) {
  label.forms {
    float: none !important;
    display: block!important;
  }

   hinweis.datenschutzhinweis{
     display:block!important;
   }

}

@media (max-width: 700px) {
  /* Slider ausblenden*/
  #imageslider #wrapper {
    display: none;
  }
}



@media (max-width: 740px) {
  section form[name=pers_daten_form] div#forms > input#hn, section form[name=pers_daten_form] div#forms > input#plz, section form[name=pers_daten_form] div#forms > input[name=ort], section form[name=pers_daten_form] div#forms > input[name=lastname] {
    margin-top: 5px;
  }
}



/************************* RESP 1180px ************************/

@media (max-width:1180px) {


  .outside-box {
    max-width: unset !important;
  }
  .news-home .outside-box-news {
    padding: 0!important;
    width: 50%!important;
    max-width: unset;
}

}


.news-home .outside-box-news {
  padding: 0!important;
  width: 50%!important;
}

/************************* RESP 870px ************************/

@media (max-width:870px) {
  .news-home .outside-box-news, .outside-box-cms.style-33 {
    width: 50%!important;
}


}

/************************* RESP 585px ************************/
@media (max-width:585px) {


  #button-left, #button-top {
    border-radius: 0px;
  }

  /* Icon */
  .scrollicon {
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Header */
header {
  overflow: unset;
  position: relative;
}

#nav-header.open {
  display: block;
  margin-top: 0rem;
  background: white;
  position: relative;
  /* box-shadow: 0px 5px 8px #c6c6c6; */
}

.header-image.big {
  max-height: 40vh;
  background-size: cover!important;
}

#nav-header ul ul { 
  width: 100% !important; 
  margin: auto !important;
}

#logo-header {
  padding: 10px 10px 0 !important; 
}

/* Foooter */

.balken-footer {
  display: none;
}

.zeile-content.logo-wacht {
  padding: 0 !important;
  margin: auto;
  width: 100%;
  position: relative;
}

.zeile-content.logo-wacht .logo-wacht a {
  width: unset;
}

.zeile-content.firma { 
  max-width: 80vw;
  margin: auto;
  padding-bottom: 20px;
}

.hostings {
display: none;  
}

.zeile-content.copyright {
  position: initial !important;
  left: 00;
  right: 0;
padding-bottom: 20px;
}


/* Outside box  */
.outside-box,
.news-home .outside-box-news,
.outside-box-cms {
  border: none !important;
}
.news-home .outside-box-news,
.outside-box-cms.style-33 {
  width: 100% !important;
}

.zeile-footer-back {
  padding: 20px 0;
  text-align: center;
}

}

/************************* Allgemein ************************/


.inside-box-news .shadow, .inside-box-cms .shadow {
  margin: -50px 15px 0 !important; 
  box-shadow: 0 0 12px rgb(33 33 33 / 30%) !important;
}

.inside-box-news .shadow, .inside-box-cms .shadow {
  padding: 10px 15px 20px;
}
.box-image.cms,
.box-galerie-news { 
  background-position: 0 -30px;
}

.pagination{
  text-align: center !important;
}
 .news-home .outside-box-news .shadow
 {
    transform: scale(1);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-transform: scale(1);
  }

   .outside-box-news:hover .shadow
{
    transform: scale(1.02);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-transform: scale(1.02);
  }





/************************* RESP 411px ************************/

@media (max-width:411px) {
  #page1 .news-home .outside-box-news,
  .inside-box-news,
  .inside-box-cms {
    padding: 10px 0 !important;
    display: block;
    margin: 30px auto;
    width: 100%;
    max-width: auto !important;
  }



  .outside-box.content-box{  
    padding: 0;
    width: 100%;
    margin: auto;
  }

  .outside-box.content-box {
    max-width: auto !important;
  }
}