body{

margin:0 auto; /* main-Box zentrieren in IE 5 und hoeher */
text-align: left; /* main-Box zentrieren in IE 5 und hoeher */
/*background-image: url('../imgs/body_bg1.jpg');*/
font-family:  Verdana, Arial, Helvetica,sans-serif;
font-size:1em;
/*word-break: break-all;*/
	color: #000000;
	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;

}


.grundtext {  font-family: Verdana, Arial, Helvetica, 
sans-serif; font-size: 1em;
color: #000000
}

.padd5{
padding: 5px;
}

a{
color: #000000;
text-decoration: underline;
}
a:hover{
color: #ff0000;
}



.textfeld {
	border: 1px solid black;
}


.red{
font-size: 1.2em;
color: red;
}


.dtm{
text-align: left;

border: solid 0px red;
float: left;
margin-right: 0.5em;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
padding: .3125em;
-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.evnt{
text-align: left;
border: solid 0px red;
float: left;
margin-right: 0.5em;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
padding: .3125em;

-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;

}

.more_info{
text-align: left;
border: solid 0px red;
float: left;
margin-right: 0.5em;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
padding: .3125em;

}

.cls{
clear: both;
}

.row_h{
 
 display: grid;
 grid-template-columns: 1fr 4fr 2fr;

 color: white;
 font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
 background: #eb1c24; /* For browsers that do not support gradients */
  

}

.row_cont{
 display: grid;
 grid-template-columns: 1fr 4fr 2fr;
 background-color: #f1f1f1;
}

.row_cont:nth-child(odd) {
   background-color: white;
   
}


.row_cont:hover{
 background: #f7f7f7;
 
}


.container{
 display: grid;
 grid-template-columns: 1fr 3fr;
 border: 0px solid blue;
 margin-bottom: 60px;
}

.banner{
 border: 0px solid purple;
 text-align: right;
 /*max-width: 100%;
 height: auto;*/
}

.logo{  
 border: solid 0px green; 
}

.logo img{
 max-width: 100%;
 
 margin-left: 0px;
 border: solid 0px red;
}

.wrapper1{
-webkit-box-sizing: border-box;
        box-sizing: border-box;
padding-top: 15px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
border: solid 0px blue;
max-width: 100%;
width: 1200px;
margin: auto;
margin-top: 15px;
margin-bottom: 25px;
-webkit-box-shadow: 2px 2px 2px 2px grey;
 box-shadow: 2px 2px 2px 2px grey;

}

.wrapper1{
background-image: url("../imgs/banner_new.png");
background-position: top right 25px;
background-repeat: no-repeat;
background-size: 65%;
}


.ttl_event{
  text-align: left; 
   }

.ttl_event_det{
  font-size: 1.7em; 
  border-bottom: solid 10px #eb1c24;
  margin-bottom: 1em;
}



.row_cont a{
 color: #333;
 text-decoration: none;
}

.row_cont a:hover{
 text-decoration: underline;

}

table{
border: solid 0px red;
}

fieldset{
 margin-top: 25px;
 padding: 25px;
  border: solid 1px #ededed;
  border-radius: 9px;
background-color: #ededed;

}

legend{     
	font-size: 1.5em;
	color: #ea1c24;
	letter-spacing: 5px;
	font-weight: bold;
	
	}

.spons{
margin-top: 10px;
text-align: center;
}

.spons img{
 max-width: 100%;
}

.button {
  padding: 15px 25px;
  font-size: 1.7em;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color:#bc141a;
  border: none;
  border-radius: 15px;
  -webkit-box-shadow: 0 7px #ccc;
          box-shadow: 0 7px #ccc;
}

.button:hover {
color: white;
background-color: #eb1c24;
}

.button:active {
  background-color: #eb1c24;
  -webkit-box-shadow: 0 5px #666;
          box-shadow: 0 5px #666;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

/*********************************************/
.button1 {
  padding: 10px 15px;
  font-size: 1em;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color:#bc141a;
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px #ccc;
          box-shadow: 0 2px #ccc;
transition: all .5s ease-in-out;
}

.button1:hover {
color: white;
background-color: #eb1c24;
}



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

.button_wrap{
text-align: right;
margin-top: 15px;
margin-bottom: 15px;
}




.frm_ul{
 border: dotted 0px black;
 padding-left: 0px;
}



.frm_ul li{
font-style: italic;
 border: dotted 0px black;
  list-style: none;
  margin-bottom: 15px;
}



.frm_ul label{

	text-align: right;

	width: 11%;
	margin-right: 0px;
	border-bottom: dashed 0px black;
	


}

#plz{
 width: 30%;
}

#code{
 width: 150px;
}



input{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
 font-size: 1em;
 width: 100%;
 
 padding: 15px;
 border: solid 1px #333;
 border-radius: 5px; 
 
 -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.14); 
}

.cost-chck{
  width: 30px;
  height: 30px;
  cursor: pointer;
  
}


#gruppe{
 width: 150px;
}

#anmerk{
  width: 100%;
  height: 200px;
  border-radius: 5px; 
  
  
  -webkit-box-sizing: border-box; 
  
  
          box-sizing: border-box;
  padding: 10px;
 
 -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.14);
 

}

#fuehrung, #mittagessen, #imbiss{
width: 0.95em;
}

textarea{
 font-size: 1.5ertem;
 border: solid 1px #333; 
 

 
}


.dts_imp{
  
  border-top: solid 1px red;
  padding-top: 20px;
  text-align: right;
  
}

.dts_imp a{
  margin-left: 25px;
}

summary{
        cursor: pointer;
}
details{
        text-align: left;
}

.wrapper2{
        display: grid;
        grid-template-columns: 40px 1fr;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 15px;
        padding-left: 0;
        padding-right: 0;
        border: solid 1px #ff9696;
        background: #ffff96;
        border-radius: 0px;
        -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.14);
	text-align: left;
   text-decoration: none;

}

.wrapper3{
        display: grid;
        grid-template-columns: 40px 1fr;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 15px;
        padding-left: 0;
        padding-right: 0;
        border: solid 1px #cccccc;
        background: #e2e1e6;
        border-radius: 0px;
        -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.14);
	text-align: left;
   text-decoration: none;

}


.wrap2Check{
  border: solid 0px red;
}

.wrap2Txt{
  text-decoration: none;
  border: solid 0px red;
}



#cb1[type="checkbox"] {
  display:none;
}

#cb1[type="checkbox"] + label::before {
  width: 22px;
  height: 18px;
  background-image: url("../imgs/unchecked.png");
  background-repeat: no-repeat;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}
#cb1[type="checkbox"]:checked+label::before {
  background-image: url("../imgs/checked.png");
  cursor: pointer;
}


#cb2[type="checkbox"] {
  display:none;
}

#cb2[type="checkbox"] + label::before {
  width: 22px;
  height: 18px;
  background-image: url("../imgs/unchecked.png");
  background-repeat: no-repeat;
 
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}
#cb2[type="checkbox"]:checked+label::before {
  background-image: url("../imgs/checked.png");
  cursor: pointer;
}


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

/******************************* Anrede ****************************/

.anrede{
  font-size: 1em; 
  width: 150px;
  border: solid 1px #333;
  border-radius: 5px; 
  padding: 15px;
 
 -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.14);
}


@media screen and (max-width: 960px) { /*960*/

.wrapper1{
max-width: 100%;
min-width: 100%;
-webkit-box-shadow: 0px 0px 0px 0px grey;
 box-shadow: 0px 0px 0px 0px grey;


}

.row_h{
display: none;
}

.row_cont{
 /*border-bottom: solid 1px #eb1c24; */
 padding: 5px;
 display: block;
}

.row_cont a{
 /*border-bottom: solid 1px #eb1c24; */
 text-decoration: underline;
}


.ttl_event{
margin-top: 35px;
border-bottom: solid 15px #eb1c24;
}

.dtm{
text-align: left;
font-weight: bold;
max-width: 100%;
min-width: 100%;
border: solid 0px red;
float: none;

-webkit-box-sizing: border-box;

        box-sizing: border-box;
padding: .3125em;

}

.evnt{
text-align: left;
max-width: 100%;
min-width: 100%;
border: solid 0px red;
float: none;
margin-right: 0.5em;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
padding: .3125em;

}

.more_info{
        word-break: break-all;
text-align: right;
border: solid 0px red;
margin-right: 0.5em;

-webkit-box-sizing: border-box;
        box-sizing: border-box;
padding: .3125em;

}

.button {
  width: 100%;

}

.failed_reg{
        display:none;
}


}/*960*/