/* Copyright by Dirk Wilde */
@media only screen and (max-width: 1680px) {
#Startseite_Text h1 {
  font-size: 4.0em;
}
  .dirks-button {
  		font-size: 3.2em;
	}
	.breitesBild img {
		height:400px;
	}
  	.KonzertBild img {
  		width: 70%;
	}
  	.KonzertDatum h2 {
  		font-size: 10px;
	}
  .KonzertErklaerung {
	font-size:0.4em;
}
.KonzertErklaerung p {
	font-size:0.5em;
}
.KonzertErklaerung h1 {
	font-size:0.6em;
}
.KonzertErklaerung h2 {
	font-size:0.6em;
}
.KonzertErklaerung h3 {
	font-size:0.6em;
}
.KonzertErklaerung h4 {
	font-size:0.4em;
}
  .Ausklappseite {
  top: -208px;
}
  .KonzertDatum {
	height: 196px;
}
  .Breite100 {
  height: 208px;
}
}

@media only screen and (max-width: 1500px) {
  .Spenden_Kreis {
  top: 150px;
  Left: 65px;
  transform: translateY(-50%) translateX(-50%) scale(70%);
}
body {
  font-size: 0.8em;
}
#footer .ce-gallery img {
  width: 100%;
  height: auto;
  position: relative;
  float: right;
}
}

@media only screen and (max-width: 1024px) {
.Spenden_Kreis {
  top: 80px;
  Left: 50px;
  transform: translateY(-50%) translateX(-50%) scale(50%);
}
body {
  font-size: 0.6em;
}
#dirks-navi-fix {
  display: none
}
.Header_Titel_16 {
  margin: 20px 0px 20px 40px;
  padding: 15px 0px 0px 0px;
  font-size: 1.2em;
}
.Header_Titel_17r {
  top: 40px;
  Left: 50%;
}
.Einrichtung_Text p {
  font-size: 1.4em;
}  
  .Header_Titel_17 {
    font-size: 1.5em;
    width: 90%;
    padding: 0px;
    margin: 0px;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 10px;
  }
.Header_Titel_18 {
  font-size: 1.5em;
}
  .Textpic_Text_18r p {
  font-size: 1.2em;
    line-height: 1.0em;
  }
  .Header_Titel_18_2 {
    font-size: 1.5em;
    width: 90%;
    padding: 0px;
    padding-top: 0px;
    margin: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 10px;
  }
  
  
h3, h4 {
  font-size: 2.0em;
}
#footerfirma {
  width: 70%;
}
#footerlogo {
  width: 50%;
  padding-left: 0px;
  padding-right: 0px;
}
#footeradresse {
  padding-right: 0px;
  padding-left: 0px;
  width: 50%;
}
/*  
  .dirks-button {
  		font-size: 3.2em;
	}
	.breitesBild img {
		height:400px;
	}
  	.KonzertBild img {
  		width: 70%;
	}
  	.KonzertDatum h2 {
  		font-size: 10px;
	}
  .KonzertErklaerung {
	font-size:0.4em;
}
.KonzertErklaerung p {
	font-size:0.5em;
}
.KonzertErklaerung h1 {
	font-size:0.6em;
}
.KonzertErklaerung h2 {
	font-size:0.6em;
}
.KonzertErklaerung h3 {
	font-size:0.6em;
}
.KonzertErklaerung h4 {
	font-size:0.4em;
}
  .Ausklappseite {
  top: -208px;
}
  .KonzertDatum {
	height: 196px;
}
  .Breite100 {
  height: 208px;
}*/
}
@media only screen and (max-width: 786px) {
#kontakt-und-news {
  height:790px;
}  
  .ce-column {
 width: 100%;
}
.ce-gallery figure {
  width: 100%;
}
.ce-gallery img {
  width: 100%;
  height:auto;
}
.Sponsoren .ce-column {
  width: 100%;
}
.Sponsoren img {
  padding: 10%;
}  
.ce-left .ce-gallery img {
  width: auto;
  height: auto;
}  

.Sponsoren .ce-gallery img {
  width: 70%;
  height: auto;
  padding: 15%;
}

  
.Spalte {
  width: 100%;
}
/*.inhaltschmalhintergrundlinks_16 {
  width: 100%;
}
.inhaltschmalhintergrundrechts_16 {
  width: 100%;
}*/
  .inhaltschmal {
  width: 90%;
  }
.inhaltschmal_zentriert {
  max-width: 100%;
  width: 100%;
}
.inhaltschmallinks_16 {
  height: 250px;
  width: auto;
  padding: 0px 0px 0px 0px;
  padding-left: 5%;
  padding-right: 5%;
}  
.inhaltschmalrechts_16 {
  height: 250px;
  width: auto;
  position: relative;
  padding: 0px 0px 0px 0px;
  padding-left: 5%;
  padding-right: 5%;
}
.inhaltschmalhintergrundlinks_17 {
  width: 100%;
  height: 800px;
}  
.inhaltschmallinks_17 {
  height: 350px;
  width: auto;
  padding: 0px 0px 0px 0px;
  padding-left: 5%;
  padding-right: 5%;
}  
.inhaltschmalrechts_17 {
  height: 350px;
  width: auto;
  position: relative;
  padding: 0px 0px 0px 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #000;
  padding-left: 5%;
  padding-right: 5%;
}
.inhaltschmallinks_18 {
  height: 340px;
  width: auto;
  padding: 0px 0px 0px 0px;
  padding-left: 5%;
  padding-right: 5%;
}  
.inhaltschmalrechts_18 {
  height: 450px;
  width: auto;
  position: relative;
  padding: 0px 0px 0px 0px;
  padding-left: 5%;
  padding-right: 5%;
}
.TextPic-gesamt {
  position: relative;
  width: 100%;
  height: 125px;
  padding: 0px;
  float: none;
}  
.Textpic_Bild_18r {
  padding: 20px 30px 0px 40px;
  float: left;
}  
.Text_Titel_16 {
  padding: 10px 40px 20px 40px;
}  
.Text_Titel_16r {
  padding: 10px 40px 20px 40px;
    line-height: 1.0em; 
}  
.Header_Titel_16r {
  padding: 20px 40px 0px 50%;
}  
.Text_Body_17 p {
  font-size: 2.0em;
  padding: 0px 40px 0px 40px;
}  
.Text_Titel_18 {
  padding: 50px 40px 0px 40px;
}
.Einrichtung_Text p {
  font-size: 2.0em;
  padding: 0px 40px 0px 40px;
  line-height: 1.2em;  
}  
.Einrichtung_Text h1, .Einrichtung_Text h2, .Einrichtung_Text h3, .Einrichtung_Text h4, .Einrichtung_Text h5, .Einrichtung_Text h6,{
  font-size: 2.0em;
  padding: 0px 40px 0px 40px;
  line-height: 1.5em;
}    
  .mitarbeiter {
  width: 50%;
}
    .mitarbeiter .Passbild_Bild {
        padding-left: 40px;
    padding-right: 40px;  
    }
  .mitarbeiter img {
  width: 100%;
    height: auto;
  object-fit: cover;
    margin-left: 0px;
  margin-right: 0px;
}
.form-check-label {
  width: 100%;
}
.form-check-label > span {
  width: 90%;
  text-align:left;
}  
fieldset {
  margin-right: 0px;
  margin-left: 0px;
}
/*
  	.Button-DS a {
 		font-size: 1.2em;
	}
  	.dirks-button {
  		font-size: 3.2em;
	}
	.breitesBild img {
		height:400px;
	}
  	.KonzertBild img {
  		width: 70%;
	}
  	.KonzertDatum h2 {
  		font-size: 10px;
	}
  .KonzertErklaerung {
	font-size:0.4em;
}
.KonzertErklaerung p {
	font-size:0.5em;
}
.KonzertErklaerung h1 {
	font-size:0.6em;
}
.KonzertErklaerung h2 {
	font-size:0.6em;
}
.KonzertErklaerung h3 {
	font-size:0.6em;
}
.KonzertErklaerung h4 {
	font-size:0.4em;
}
  .Ausklappseite {
  top: -208px;
}
  .KonzertDatum {
	height: 196px;
}
  .Breite100 {
  height: 208px;
}
  
  
.dirks-button {
  font-size: 2.8em;
}
  .mitarbeiter {
    clear: left;
	float: none;
    width: 100%;  

  }  
  .Passbild_Bild {
    width: 28%;  
    float: left;
        margin-right: 4%;
    padding-bottom:30px;
  } 
  .Passbild_Bild img{
    width: 100%;  
    height: auto;
  }  
  .Passbild_Text {
width: 68%;
float: left;
  }   
  
.auswahl p {
  padding: 10px 10px 0px 10px;
  margin: 0px;
  text-align: left;
  font-size: 1.5em;
  line-height: 1.3em;
  color:#000;
}
.auswahl h5,.auswahl h2 {
  font-size: 1.5em;
  padding: 10px 10px 10px 10px;
  color:#000;  
}
.auswahl h1 {
  padding: 50px 10px 0px 10px;
  margin: 0px;
  text-align: left;
}  
  
.Button-DS {
/*	padding-left: 10px;
	padding-right: 10px;
*/  
/*}
  .auswahl{
    width: 100%;
    float: none;
	position: relative;
    z-index: 980;
}
.Inhalt_Einzelbild img {
	width: 100%;
	height: auto;
}

.ce-row {
  padding-right: 10px;
    padding-left: 10px;
}  
.ce-column {
  padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
  width:100%;
}
  .image {
  width:100%;
}  
    .image img {
  
}  
    h1, h2 {
   font-size:1.6em;
}
  h3, h4 {
  font-size:1.6em;
}
  h5, h6 {
  font-size:1.3em;
}*/
}
@media only screen and (max-width: 486px) {
.dirks-button {
		font-size: 1.2em;
		line-height: 1.5em;
  	}
  .KonzertDatum {
  width: 50%;
  }
  .KonzertBild {
  width: 50%;
  }
  .KonzertBild img {
  width: 100%;
    float:right;
  }
  .KonzertErklaerung {
  width: 100%;
    height: 170px;
    		font-size: 0.9em;

  }
  .Tickets {
  width: 100%;
  left: 0px;
}
.dirks-button {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
  .Ausklappseite {
    box-sizing: border-box;
  top: -397px;
  height: calc(auto - 80px);
}
  .TopBild {
  padding: 0px 0px 0px 0px;
}
  h1, h2 {
   font-size:3.0em;
    padding: 20px 40px 0px 40px;
    max-width: 100%;
    hyphens: auto;
    line-height: 1.0em;
}
.Text h1, h2 {
   font-size:2.0em;
      line-height: 1.6em;
}
  h3, h4 {
  font-size:2.0em;
    width: -moz-available;
}
h5, h6 {
  font-size: 2.0em;
  line-height: 1.1em;
  margin: 0px 0px 5px;
}
  .Textpic_Text_18r h6 {
  line-height: 0.9em;
}
  .Header_Titel_18 {
    font-weight: 300;
  }
  .Textpic_Text_18r p {

    font-weight: 300;
  } 
    .Textpic_Bild_18r {
    padding: 20px 30px 0px 00px;
  }

.Passbild_Text p
{
  font-size: 1.0em;

}
  .inhaltschmal li {
        font-size:1.2em;
    text-align: left;
}
  .Breite100 {
  height: 395px;
}
button {
  margin-right: 0px;
    font-size: 1.0em;
  margin-bottom: 20px;
}
  #footerfirma {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 0.7em;
    line-height: 0.6em;
  }
  #footer h2 {
  padding: 50px 10px 15px 10px;
}
#footererstezeile {
  width: unset;
}
  #footer .footerlink {
  padding: 0px 15px 11px 40px;
}
  .Titel_19 {
  padding: 0px 0px 50px 0px;
}
  .kachel {
    padding-top: 20px;
  }
.mitarbeiter-einspalter img {
  margin-right: 20px;
  width: 80px;
  height: auto;
}
  .mitarbeiter {
  width: 100%;
}
    .mitarbeiter .Passbild_Bild {
        padding-left: 40px;
    padding-right: 40px;  
    }
  .mitarbeiter img {
  width: 100%;
  object-fit: cover;
    margin-left: 0px;
  margin-right: 0px;
}
  table h1, table h2, table h3, table h4 {
  font-size: 1.0em;
}
  td:nth-child(1) {
  width: 65%;
}
  table a {

  hyphens: unset;

  }
  .table {
     padding: 0px 10px 0px 10px; 
  }
  #blau td:nth-child(2) h3, #blau td:nth-child(2) h4 {
  font-size: 0.5em;
}
  .inhaltschmal_50 {
  width: 100%;
}

}
.Header_Titel_16 {
  font-size: 0.9em;
  width: 30%;
}

  
}