#newsletterhintergrund{
  z-index: 20000;

  background-color: rgb(0, 0, 0);
  opacity: 0.7;
  position: fixed;
  left: 0px;
  top: 0px;  
  
  width: 100%;
  height: 100%;

  cursor: pointer;
  /*animation: fadein .5s;*/
  }

#newsletterkasten1{
  display: flex;
  align-items: center;
  justify-content: center;
  }
  
#newsletterkasten2{
  z-index: 20001;

  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;  
  text-align: left;
  
  /*background-color: green;*/
  position: fixed;
  top: 30px;   
  
  max-width: 380px;
  
  -ms-hyphens: auto; /*automatische Silbentrennung*/
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  }

.nl_alles{
  -webkit-filter: blur(0.08em);
  filter: blur(0.08em);
  }  

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Formular */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */   
  
.nl_anmeldeform{
  position: relative; 
  /*width: 800px;*/
	/*max-width: 400px;*/
  background: #E5E5E5 none repeat scroll 0% 0%;
  
  /*background-color: rgb(0, 0, 0);*/
  /*opacity: 0.9;*/
  
  margin-left: 8px;
  margin-right: 8px;
    
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;  
  /*border-top: 1px solid #C0C0C0;*/
  /*border-bottom: 1px solid #C0C0C0;*/

  border-color: #FFCC80;
  outline: 0;
 
     -moz-box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #FFCC80;
  -webkit-box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #FFCC80;
          box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #FFCC80;
  
  font-family: arial,helvetica,sans-serif;
  font-size: 0.8em;
  /*font-size: 1em;*/
  line-height: 1.7;  
 }  

.nl_anmeldeform fieldset{
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 8px;
  }

.nl_anmeldeform fieldset:hover,
.nl_anmeldeform fieldset:focus,
.nl_anmeldeform fieldset:active{
  /*transition: all 0.3s;*/
  background-color: #eaeaea/*#222222 #FFFF95*/ !important;
  }


	/*.nl_anmeldeform a {color: #990000; text-decoration: none;}*/
	/*.nl_anmeldeform a:hover {color: #483D8A;}*/
	  
.nl_anmeldeform legend{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px solid #ddd;
  /*text-transform: uppercase;*/
  font-weight: bold;
  background-color: #003060;
  color: #FFCC80;
  /*line-height: 1.7;*/
  }
  
.nl_anmeldeform .nl_reihe{
  /*padding: 1px 10px;*/
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  }
  
.nl_anmeldeform label{
  display: inline-block;
  width: 98px; /* 100px;   30% 100px;  */
  vertical-align: top;
  padding-top: 3px;
  
  margin-right: 5px;
  }
      
.nl_anmeldeform .nl_feld{
  display: inline-block;
  /*width: 68%;*/
  }

.nl_anmeldeform select/*,*/
/*.nl_anmeldeform input,*/
/*.nl_anmeldeform textarea*/{
  width: 209px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 0px;
  padding-bottom: 0px;  
  background: #f2f2f2 none repeat scroll 0% 0%;
  border-radius: 0px;

  font-family: arial,helvetica,sans-serif;
  font-size: 1em;
  }

/*.nl_anmeldeform select,*/
.nl_anmeldeform input,
.nl_anmeldeform textarea{
  width: 200px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 0px;
  padding-bottom: 0px;  
  background: #f2f2f2 none repeat scroll 0% 0%;
  border-radius: 0px;

  font-family: arial,helvetica,sans-serif;
  font-size: 1em;
  }

.nl_anmeldeform input:hover,
.nl_anmeldeform textarea:hover,
.nl_anmeldeform select:hover{
  transition: all 0.5s;
  /*background: #fff9f2;*/
  border-color: #FFCC80;
  outline: 0;
 
     -moz-box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #FFCC80;
  -webkit-box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #FFCC80;
          box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #FFCC80;
  }

.nl_anmeldeform input:focus,
.nl_anmeldeform input:active,
.nl_anmeldeform textarea:focus,
.nl_anmeldeform textarea:active,
.nl_anmeldeform select:focus,
.nl_anmeldeform select:active{
  background: #fff9f2;
     -moz-box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #FFCC80;
  -webkit-box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #FFCC80;
          box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #FFCC80;
  border-right: 1px solid #FFCC80;
  border-bottom: 1px solid #FFCC80;
  border-left: 1px solid #FFCC80;
  border-top: 1px solid #FFCC80;           
  }




.nl_anmeldeform .nl_buttons{
  text-align: center;
  }

.nl_anmeldeform .nl_buttons button,
.nl_anmeldeform .nl_buttons span{ 
  min-width: 30%;
  height: 40px;
  
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 10px;

  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #666666;
  border-right: 2px solid #666666;  
  border-radius: 7px;

  background: #003060;
  
  font-weight: bold;
  color: #FFCC80;
  }
  
.nl_anmeldeform .nl_buttons button:hover,
.nl_anmeldeform .nl_buttons span:hover{
  background: #00264c;
  color: #ffe5bf;
  border-top: 2px solid #ddd;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  }

.nl_anmeldeform .nl_buttons button:focus,
.nl_anmeldeform .nl_buttons button:active,

.nl_anmeldeform .nl_buttons span:focus,
.nl_anmeldeform .nl_buttons span:active{
  background: #00264c;
  color: #FFFFFF;
  border-top: 2px solid #ddd;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  
     -moz-box-shadow: inset 0 0px 0px #000e1c,inset 0 5px 20px #000e1c;
  -webkit-box-shadow: inset 0 0px 0px #000e1c,inset 0 5px 20px #000e1c;
          box-shadow: inset 0 0px 0px #000e1c,inset 0 5px 20px #000e1c;
  }

.nl_anmeldeform .nl_pflichtfeldhinweis{
  text-align: center;
  }

.nl_anmeldeform .nl_pflichtfeld{
  color: #FA2121;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Formular - Symbol zum schließen des Formular*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nl_anmeldeform .nl_schliessen{
  position: absolute;
  top: -6px;
  right: -1px;
  z-index: 30001;
  color: #003060;
  font-size: 1.7em;
  font-family: arial,helvetica,sans-serif;
  font-weight: bold;
  }
 
.nl_anmeldeform .nl_schliessen a:link,
.nl_anmeldeform .nl_schliessen a:visited{
  transition: all 0.5s;
  text-decoration: none;
  color: #003060;
  padding-left: 4px;
  padding-right: 4px;
  }

.nl_anmeldeform .nl_schliessen a:hover{
  transition: all 0.5s;
  color: #FFCC80;
  } 

.nl_anmeldeform .nl_schliessen a:focus,
.nl_anmeldeform .nl_schliessen a:active{
  transition: all 0.5s;
  background: #00264c;
  color: #FFFFFF;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.propst_salve{
  width: 100%;
  margin-bottom: 0px;
  position: relative;
  bottom: -7px;
  z-index: 30000;
  }

.newsletterzitat{
  font-style: italic;
  color: #003060;
  padding-left: 0px;
  margin-left: 10px;
  }

.nl_unterstrichen{
  text-decoration: underline /*#00FF00*/ /*#FF00FF*/  /*#E20074*/  /*#FFCC80*/;
  } 

.nl_reihe_text{
  line-height: 1.3;
  }

.nl_reihe_text img{
  float: left;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 10px;
  position: relative;
  max-width: 100%;
  }

.nl_nachrichtentrenner1{
  border-bottom: 1px solid #C0C0C0;
  padding-top: 8px;
  margin-bottom: 8px;
  clear: both;
  }
  
.nl_nachrichtentrenner2{
  display: none;
  }
  
.nl_unsichtbar{
  display: none;
  }    

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Formular - Alle Felder ausfüllen*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nl_felder_ausfuellen{
  position: relative; 
  width: 100%;
  background: /*#222222 #fb5399  */#FFDFDC/*  #F6EAEA*/ none repeat scroll 0% 0%;
  
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  
  margin-bottom: 22px;
    
  border-top: 3px solid #FA2121/*#f9086d #FD1818*/;
  border-bottom: 3px solid #FA2121/*#f9086d #FD1818*/;
  /*border-left: 3px solid #5AFD5A;*/
  /*border-right: 3px solid #5AFD5A;*/  
/*
     -moz-box-shadow: inset 0 1px 1px #00FF00, 0 0 8px #00FF00;
  -webkit-box-shadow: inset 0 1px 1px #00FF00, 0 0 8px #00FF00;
          box-shadow: inset 0 1px 1px #00FF00, 0 0 8px #00FF00;
*/
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: /*#8B073D*/#9C0006  /*#001900*/;
  }
  
.nl_felder_ausfuellen .nl_pflichtfeld{
  color: #FA2121;
  }
  



  
.nl_anmeldeform .nl_fehlermeldung{
	color: #9C0006/*#f00*/;
  
  line-height: 1.3;
  margin-bottom: 6px;
  }

.nl_anmeldeform .nl_fehlermeldung strong{
  font-weight: bold;
  }

input.nl_fehlermeldefeld,
textarea.nl_fehlermeldefeld,
select.nl_fehlermeldefeld{
  background-color: #FFDFDC/*#cc3333*/;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (max-width: 3000px){   /* 389px 400px*/

#newsletterkasten2{
  height: 100%;
  overflow-y: auto;

  /*overflow-x: auto;*/
  }
	 
.nl_anmeldeform .nl_reihe{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
	} 
  
.nl_anmeldeform label{
  display: block;
  width: 100%;
  }

.nl_anmeldeform .nl_feld{
  display: block;
  width: 100%;
  }

/*.nl_anmeldeform input,*/
/*.nl_anmeldeform textarea,*/
.nl_anmeldeform select{
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 6px;
  padding-bottom: 6px;

  width: 100%;

  }

.nl_anmeldeform input,
.nl_anmeldeform textarea/*,*/
/*.nl_anmeldeform select*/{
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  
  margin-right: 11px;
  width: 94%;
  }

  }
  
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Formular - Anmeldung erfolgt - Anmeldebestätigung */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nl_anmeldetext{
  /*position: relative;*/ 
  /*width: 100%;*/
  background: #E5FEE5 none repeat scroll 0% 0%;
  
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  
  margin-bottom: /*22*/30px;
    
  border-top: 3px solid #5AFD5A;
  border-bottom: 3px solid #5AFD5A;
  /*border-left: 3px solid #5AFD5A;*/
  /*border-right: 3px solid #5AFD5A;*/  
/*
     -moz-box-shadow: inset 0 1px 1px #00FF00, 0 0 8px #00FF00;
  -webkit-box-shadow: inset 0 1px 1px #00FF00, 0 0 8px #00FF00;
          box-shadow: inset 0 1px 1px #00FF00, 0 0 8px #00FF00;
*/
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: #006100/*#001900*/;
  }      