/*********************************************/
/***** Global ********************************/
/*********************************************/


a.city_links {
  /*text-decoration: none; */
  color: #1f4e83;
}

a.city_email {
  color: #1f4e83;
}
  

a.footer_links { 
  color: white;
  /*text-decoration: none; */
}
a.footer_links:visited { color: white; }
a.footer_links:hover { color: white; }

.veranstaltungsseite {
  background-color: #fff3e3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}


/**** Media 2000 *********************/

@media screen and (max-width: 2000px) {
  .veranstaltungsseite .div {
    background-color: #fff3e3;
    overflow: hidden;
    width: 80%;
    height: 2400px;
    position: relative;
  }

  .veranstaltungsseite .overlap {
    position: absolute;
    width: 100%;
    height: 2400px;
    top: 50px;
    left: 0;
  }

  /***** Header *********************/

  .veranstaltungsseite .hintergrundfarben {
    position: absolute;  
    width: 100%;
    height: 2115px;
    top: 0;
    left: 0;
  }

  .veranstaltungsseite .dekorationslinie-1 {
    top: 20;
    position: absolute;
    /*width: 1512px; */
    width: 100%;
    height: 5px;
    left: 0;
    background-color: #ffb700;
  } 

  .veranstaltungsseite .abschnitt {
    height: 500px;
    top: 0;
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #f2e7d8;
  }

  .veranstaltungsseite .header {
    position: absolute;
    width: 100%;
    height: auto;
    top: 30px;
    left: 30px;
    background-color: transparent;
  } 

  .veranstaltungsseite .text-wrapper-1 {
    width: 40%;
    top: 0;
    left: 470px;
    font-size: 25px;
    position: absolute;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    letter-spacing: 0;
    line-height: normal;
  }

  .veranstaltungsseite .text-wrapper-2 {
    width: 50%;
    position: absolute;
    top: 43px;
    left: 470px;
    font-family: "DM Serif Display-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 25px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .text-wrapper-3 {
    width: 50%;
    position: absolute;
    top: 160px;
    left: 470px;
    font-family: "DM Serif Display-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .bild {
    background-color: #333333;
    border-radius: 20px;
    overflow: hidden;
    border: 0px solid;
    border-color: #bfb6aa;
    position: absolute;
    /* width: 480px; 
    height: 480px;*/
    height: auto;
    top: 0;
    left: 0;
  }

  .veranstaltungsseite .image   {
    width: 420px; 
    left: 0;
  }
    
  /**** Content *********************/

  .veranstaltungsseite .inhaltsgruppe-1 {
    position: absolute;
    width: 100%;  
    height: 544px;
    top: 600px;
    left: 60px;
  }

  .veranstaltungsseite .text-wrapper-4 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "DM Serif Display-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 25px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .inhaltsgruppe-text-1 {
    position: absolute;
    width: 100%;
    top: 80px;
    left: 0;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }

  .veranstaltungsseite .dekorationslinie-2 {
    top: 900px;
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    background-color: #ffb700;
  }  

  .veranstaltungsseite .inhaltsgruppe-2 {
    position: absolute;
    /*width: 1153px; */
    width: 90%;  
    height: 544px;
    top: 870px;
    left: 60px;
  }  

  .veranstaltungsseite .inhaltsgruppe-text-2 {
    position: absolute;
    width: 100%;
    top: 80px;
    left: 0;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .col1 {
    position: absolute;
    top: 290px;
    left: 0px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }

  .veranstaltungsseite .col2 {
    position: absolute;
    top: 290px;
    left: 50%;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }

  /***** Footer *********************/
  
  .veranstaltungsseite .footer {
    position: absolute;
    width: 100%;
    height: 410px;
    top: 1970px;
    left: 0;
    background-color: transparent;
  }

  .veranstaltungsseite .overlap-group {
    position: absolute;
    width: 100%;
    height: 410px;
    top: 5px;
    left: 0;
    background-color: #1f4e83;
  }

  .veranstaltungsseite .logo-WDS {
    position: absolute;
    width: 87px;
    height: 55px;
    top: 50px;
    left: 50px;
    object-fit: cover;
  }

  .veranstaltungsseite .text-wrapper-5 {
    width: 40%;
    position: absolute;
    top: 120px;
    left: 50px;
    font-family: "DM Serif Display-Regular", Helvetica;
    font-weight: 400;
    color: #fed78a;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .wds-description {
    width: 40%;
    position: absolute;
    top: 161px;
    left: 50px;
    /*font-family: "DM Sans-Bold", Helvetica;*/
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fefaf1;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .adresse {
    width: 30%;
    position: absolute;
    top: 161px;
    left: 600px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fefaf1;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .impressum {
    width: 30%;
    position: absolute;
    top: 161px;
    left: 850px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fefaf1;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
  }

  .veranstaltungsseite .line {
    position: absolute;
    width: 90%;
    height: 1px;
    top: 338px;
    left: 50px;
    background-color: #fed78a80;
  }

  .veranstaltungsseite .text-wrapper-6 {
    position: absolute;
    top: 340px;
    left: 50px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fed78a;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
  }

  .veranstaltungsseite .dekorationslinie-3 {
    top: 20;
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    background-color: #ffb700;
  }   

  .veranstaltungsseite .span {
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fefaf1;
    font-size: 16px;
    letter-spacing: 0;
  } 

}
/**** Ende Media 2000 ***************/
/*****+++++++++++********************/

/*****************************************************************************/

/************************************/
/***** Media 600 ********************/
/*****+++++++++++********************/
@media screen and (max-width: 600px) {

  .veranstaltungsseite .div {
    background-color: #fff3e3;
    overflow: hidden;
    width: 95%;
    height: 3150px;
    position: relative;
  }

  .veranstaltungsseite .overlap {
    position: absolute;
    width: 100%;
    height: 3150px;
    top: 30px;
    left: 0;
  }  
  /***** Header ********************************/

  .veranstaltungsseite .hintergrundfarben {
    position: absolute;  
    width: 100%;
    height: 2000px;
    top: 0;
    left: 0;
  }

  .veranstaltungsseite .dekorationslinie-1 {
    top: 20;
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    background-color: #ffb700;
  }  

  .veranstaltungsseite .abschnitt {
    height: 720px;
    top: 0;
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #f2e7d8;
  }

  .header {
    position: absolute;
    width: 100%;
    height: auto;
    top: 10px;
    left: 0px;
    background-color: transparent;
  }   

  .veranstaltungsseite .text-wrapper-1 {
    width: 90%;
    position: absolute;
    top: 380px;
    left: 0px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .text-wrapper-2 {
    width: 90%;
    position: absolute;
    top: 420px;
    left: 0px;
    font-family: "DM Serif Display-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }

  .veranstaltungsseite .text-wrapper-3 {
    width: 90%;
    position: absolute;
    top: 510px;
    left: 0px;
    font-family: "DM Serif Display-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .bild {
    background-color: #333333;
    border-radius: 20px;
    overflow: hidden;
    border: 0px solid;
    border-color: #bfb6aa;
    position: absolute;
    
    height: auto;
    top: 0;
    left: 0;
  }

  .veranstaltungsseite .image   {
    width: 320px; 
    left: 0;
  }

  /**** Content *********************/

  .veranstaltungsseite .inhaltsgruppe-1 {
    position: absolute;
    width: 100%;  
    height: 544px;
    top: 780px;
    left: 30px;
  }  

  .veranstaltungsseite .text-wrapper-4 {
    width: 90%;
    position: absolute;
    top: 10px;
    left: 0;
    font-family: "DM Serif Display-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }    

  .veranstaltungsseite .inhaltsgruppe-text-1 {
    position: absolute;
    width: 90%;
    top: 80px;
    left: 0;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .dekorationslinie-2 {
    top: 1100px;
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    background-color: #ffb700;
  }  
  
  .veranstaltungsseite .inhaltsgruppe-2 {
    position: absolute;
    width: 90%;  
    height: 544px;
    top: 1120px;
    left: 30px;
  }    

  .veranstaltungsseite .inhaltsgruppe-text-2 {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
  }   

  .veranstaltungsseite .col1 {
    position: absolute;
    top: 330px;
    left: 0px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
  }

  .veranstaltungsseite .col2 {
    position: absolute;
    top: 950px;
    left: 0px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
  } 

  /***** Footer *********************/
  
  .veranstaltungsseite .footer {
    position: absolute;
    width: 100%;
    height: 680px;
    top: 2540px;
    left: 0;
    background-color: transparent;
  }

  .veranstaltungsseite .overlap-group {
    position: absolute;
    width: 100%;
    height: 660px;
    top: 5px;
    left: 0;
    background-color: #1f4e83;
  }

  .veranstaltungsseite .logo-WDS {
    position: absolute;
    width: 87px;
    height: 55px;
    top: 50px;
    left: 30px;
    object-fit: cover;
  }  

  .veranstaltungsseite .text-wrapper-5 {
    width: 80%;
    position: absolute;
    top: 120px;
    left: 30px;
    font-family: "DM Serif Display-Regular", Helvetica;
    font-weight: 400;
    color: #fed78a;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .wds-description {
    width: 80%;
    position: absolute;
    top: 161px;
    left: 30px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fefaf1;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .adresse {
    width: 80%;
    position: absolute;
    top: 360px;
    left: 30px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fefaf1;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
  }   

  .veranstaltungsseite .span {
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fefaf1;
    font-size: 14px;
    letter-spacing: 0;
  }  

  .veranstaltungsseite .impressum {
    width: 80%;
    position: absolute;
    top: 490px;
    left: 30px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fefaf1;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
  }

  .veranstaltungsseite .line {
    position: absolute;
    width: 90%;
    height: 1px;
    top: 600px;
    left: 30px;
    background-color: #fed78a80;
  }  

  .veranstaltungsseite .text-wrapper-6 {
    position: absolute;
    top: 610px;
    left: 30px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #fed78a;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
  }  

  .veranstaltungsseite .dekorationslinie-3 {
    top: 20;
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    background-color: #ffb700;
  }  
}
/**** Ende Media 600 ****************/