/*
 * Theme Name: GLOW Church
 * Description: Website der GLOW CHURCH Luzern
 * Version: 1.0
 * Author: Lars Hartmann
 */
@import url(css/scrolling-nav.css);
/* Stufe 1 index*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
  padding-left: 20px !important;
  padding-right: 20px !important;

}

span {
	color: #333333;
}



@media screen and (min-width : 768px){
	
	
#indexaaaa h3, #indexaaaa h2{
	color: #333333!important;
	
	}
#indexaaaa .month{
	color: #333333;
	
	}

html{
  font-size: 20px;

}

h2 {
	  font-family: 'Montserrat', sans-serif;
	font-weight: 800 !important;
	
}

body{
	overflow-x: hidden;
}

header{
  height: 80px;
  width: 100%;
}

p{
font-size: 1rem;
font-weight:300;
line-height: 1.4rem;
  font-family: 'Montserrat', sans-serif;
  color:#434343;
}

	


.nopadding{
  padding: 0 !important;
}

#headerlogoglow{
height: 100%;
background-color: red;

}
/*Navigation*/


nav a{
	padding-bottom: 5px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin: 0 15px !important;
	transition: padding-bottom 0.1s;
}

.navbar-brand{
	border-bottom: hidden!important;
}

nav a:hover{
	border-bottom: 3px solid #fff;

}
nav a:active{
	padding-bottom: 10px !important;
	transition: padding-bottom 0.1s;
}

.navbar-brand{
padding-top: 0;
}

h1 {
   font-family: 'Montserrat', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
    /*color: #a88655;*/
	color: #ffffff;
}

.leftcol{
	height: 100%;
	background-color: #F1F1F1;
}
.button {
	margin-top: 55px;
	border: none;
    color: #fff;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem; 
    cursor: pointer;
	background-color: #434343;
	border-radius: 30px;
}

.button:hover{
	background-color: #555;
	color: #fff;
	text-decoration: none;
}

.button:active{
	background-color: #444;
	color: #fff;
	text-decoration: none;
}

h3{
   font-family: 'Montserrat', sans-serif;
}

a{
  color: #ffffff !important;
  font-size: 1rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

li{



}


#logo{
  height: 30px;
margin-top: 10px;

}


/* Spalten */
#logoimg{
height: 30px;

}

.navnav{
padding-top: 12px;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.down{
  padding-top: 0 !important;
      -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
      -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
      transition: background .5s ease-in-out,padding .5s ease-in-out;

}

.navbar-fixed-top{
background-color: rgb(212,175,55);

}

/* countdown */
.time_left{
  font-size: 2.6rem !important;
  font-family: ‚Asap', sans-serif !important;
  background-color: rgba(255, 0, 0, 0) !important;
  padding-bottom: 63px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  height: 65px;
	margin-top:9px;
	font-weight: 900;

}

.time_description{
font-size: 0.7rem !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 100 !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

#time img{
	margin-top: 45px;
	margin-left:2vw;
	height: 80px;
}

#main_countedown_widget_2 .countdown {
 text-align: left !important;
}
/*Event Index Seite */

#nextevent{
	height: 160px;
}


#titledivindex{
	 background-color: #D8D8D8;
}

#titledivindex h3, #titledivindex h4{
	margin-left: -2%;
}

#event{
  font-weight: 700;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 44px;
  
color: #000000;
}

#eventblabla{
  text-transform: uppercase;
	 font-family: 'Montserrat', sans-serif !important;
  font-size: 1.3rem;
  font-weight: 200;
  line-height: 1.4rem;
  margin-top: 0;


}

.rightcol{
	
	height: 100%;
}


#nextevent > div{
	margin: 0;
	padding: 0;
	height: 100%;
}
/*Welcome index*/
.hello{
  padding-top: 28vh;
	margin: 0;
	font-size: 1.8rem!important;
  /*blue color: #37688F; */
	color: #ffffff;
	text-align: center;
	text-decoration: none!important;
	font-family:'Montserrat', sans-serif!important;
	font-weight: 800;
	text-transform: uppercase;
}
	




#welcometext{
text-align: center;
padding: 0 20px;
	color: #434343;
}

/* index second*/
.indexsecond{
  background-color: #37688F;
  height: 300px;
}




#welcomeimage{
	height: 100%;
	width: 100%;
	padding: 0;
}

.arrowwelcome{
	height: 30px;
}


.welcome{
	padding: 0 !important;
}


#hello{
	margin: 0 !important;

}



.hoverimg{
height: 100%;
background-position: center;
background-size: cover;


}









.col-lg-4 {
	transition: width 0.2s ease-out;
	
}

#hellotext{
	text-align: center;
	color: #ffffff;
	line-height: 1.2rem;
	padding:10px 40px;
}

#hellomehr{
	border-style: solid;
	border-color: #fffff;
	border-width: thin;
	color: #ffffff;
	
	padding: 0;
	margin: 0;
	width: 200px;
	
}



/* Welcome */


#welcometext{
	font-size: 0.9rem;
	margin-bottom: 20px;
	padding-left: 0;
	text-align: left;
	line-height: 1.6rem;
	text-align: center;
	font-weight: 400;
}


#welcometitle{
	font-size: 2rem;
	margin-bottom: 20px;
	padding-left: 0;
	text-align: left;
	margin-top: 120px;
	line-height: 2rem;
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	color: #434343!important;
	 font-family: 'Montserrat', sans-serif !important;
}

.underbox{
height: 100%;
width: 100%;

}

.underbox h2{
	  font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

#buttonwelcome{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 110px;
}

#boxone h2{
	color: #ffffff;
	text-align: center;
	padding-top: 110px;
text-transform: uppercase;
	 font-family: 'Montserrat', sans-serif !important;
	margin: 0;
}

#boxtwo h2{
	color: #ffffff;
	text-align: center;
	padding-top: 110px;
	text-transform: uppercase;
	 font-family: 'Montserrat', sans-serif !important;
	margin: 0;
}

#boxthree h2{
	color: #ffffff;
	text-align: center;
	padding-top: 110px;
	text-transform: uppercase;
	 font-family: 'Montserrat', sans-serif !important;
	margin: 0;
}

.underboxone:hover{
	background-color: rgba(212,175,55,0.9);
}
.underboxtwo:hover{
	background-color: rgba(212,175,55,0.9);
}
.underboxthree:hover{
	background-color: rgba(212,175,55,0.9);
}
.underboxone{
	background-color: rgba(0,0,0,0.4);
}
.underboxtwo{
	background-color: rgba(0,0,0,0.4);
}
.underboxthree{
	background-color: rgba(0,0,0,0.4);
}

.middleleft{
	
margin-left: 25vw;
z-index: 1;

		overflow: hidden;
}


.middleright{
	
right:25vw;
z-index: 1;


}

.mostleft{
	
left:
	z-index: 2;

}

.mostright{
	
right:0;
	z-index: 2;
		
}

.left{
	padding: 0;
  	height: 70vh;
	width: 25vw;
	position: absolute;

}




.test{
	background-color:  rgba(255,255,255,1);
}

.wide{
	width: 40vw !important;
	transition: width 0.5s ease-in-out;
	z-index: 99;
}
 

.widemiddleleft{
	width: 40vw !important;
	transition: width 0.5s ease-in-out, margin-left 0.5s ease-in-out;
	z-index: 98;
	margin-left:15vw;
}


.widemiddleright{
	width: 40vw !important;
	transition: width 0.5s ease-in-out, right 0.5s ease-in-out;
	z-index: 98;
	right: 15vw;
}

.blackhover{
	background-color: rgba(0,0,0,0.70) !important;
	
}
	


/* 3 nebeneinander

.middle{
	-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
margin-left: 30vw;
z-index: 1;
transition: width 0.2s ease-out, margin-left 0.2s ease-out,z-index 0s ease-out 0.2s;
}

.mostleft{
	-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
left: -10vw;
	z-index: 2;
		transition: width 0.2s ease-out;
}

.mostright{
	-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
right: -10vw;
	z-index: 2;
		transition: width 0.2s ease-out;
}

.left{
	padding: 0;
  	height: 70vh;
	width: 40vw;
	position: absolute;

}

#welcomecontainer{
	padding-top: 70vh !important;
}

.over{
	z-index: 99;
	}

.test{
	background-color:  rgba(255,255,255,1);
}

.wide{
	width: 50vw !important;
	transition: width 0.2s ease-out;
	z-index: 99;
}
 

.widemiddle{
	width: 50vw !important;
	transition: width 0.2s ease-out, margin-left 0.2s ease-out;
	z-index: 98;
	margin-left: 25vw;
}
*/


/*Welcomecontainer*/
#distance{
	height: 70vh;
}
#welcomecontainer{
	
	padding: 0;
	margin: 0;
}
#welcometextee{

}
.threeboxes{
height: 250px;
}

.threeboxes a{
	text-decoration: none;
}


.button3 {
	margin-top: 20px !important;
	border: none;
    color: #fff;
    padding: 15px 100px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem; 
    cursor: pointer;
	background-color: #555;
}


.button3:hover{
	background-color: #444;
	color: #fff;
}

.button3:active{
	background-color: #333;
	color: #fff;
	
	
}
.button4 {

	border: none;
    color: #fff;
    
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem; 
    cursor: pointer;
	
}
.button4:hover{
	
	color: #fff;
}

.button4:active{
	
	color: #fff;
	
	
}



/*footer */


.left a{
	text-decoration: none;
	font-weight: 300;
}

footer{
	background-color:#333;
	height: 200px;
}


footer h4{
	color: #eee;
	font-size: 1.7rem;
}

footer p{
	color: #ccc;
}

footer > div{
	padding-top: 60px;
}

#facebook{
	height: 30px;
}

/*footer sitemap*/

footer ul{
	display:inline;
	float: none;
	list-style: none;
}

footer a:hover{
	text-decoration: none;
	text-align: center;
	font-size: 0.7rem;
}

.socialmediacontainer{
	padding-top: 40px;
}

.socialmediacontainer h6{
	color:#bbb;
	font-family:Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	text-align: center;
	font-size: 0.8rem;
	font-weight: 200;
	margin-top: 30px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
footer h6{
	line-height: 1.2rem;
}

small, small a{
	color:#bbb!important;
	font-family:Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	text-align: center!important;
	font-size: 0.6rem;
	font-weight: 200;
}
/* Events */

.topimgevents h2, .maineventblack h2{
	text-transform: uppercase;
	font-size: 4.5rem;
	padding-top: 25vh;
	text-align: center;
	color: #fff;
	margin-top: 0;
	font-weight: 900;
	letter-spacing: 0.5rem!important;
}
	
	
	.topimgevents{ 
height: 70vh;
padding-bottom: 5vh;
		text-align: center;
	}

	#topimgevents p{
		color: #ddd;
		margin-top: 0vh;
	}












.lines {
	height: 500px;
	
	/**border-left: solid;
	border-right: solid;
	border-width: 0.2px;
	border-color: #ffffff; */
}


#eventlineleft{
	background-color: #f7f7f7;
	height: 400px;
}

#eventlinemiddle{
	background-color: #efefef;
	height: 400px;
}

#eventlineright{
	background-color: #e5e5e5;
	height: 400px;
	
}



.lines{
	background: linear-gradient(to right, rgba(237,237,237,0.74) 0%,rgba(238,238,238,0) 8%,rgba(255,255,255,0) 100%)
		
}




.lines h3{
	color: #434343;
	font-weight: 900;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.6rem;
	font-family: Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	text-transform: uppercase;
	margin-top: 0;
	text-align: center;

}


.lines h4{


	color: #555555;
	font-weight: 300;
	padding-left: 20px;
padding-right: 20px;
	font-size: 1rem;
	font-family: Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	padding-top: 10px;
	margin-bottom: 6px;
	text-align: center;
}

body{
	
	background-color: #fff;
}




.eventhover{
	height: 0;
	width: 0;
	background-color: black;

}


.eventhoverhover{
	height: 100%;
	width: 100%;
	background-color: rgba(212,175,55,0.9);

}

.lineshover{
	background: rgba(212,175,55,0.8);
}


#eventmargin{
	height: 150px;

	
}

#eventmargin h3{
		text-transform: uppercase;
	text-align: center;
	font-family: Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	font-size: 1.6rem;
	padding-top: 50px;
	font-weight: 900;
}

.offf{
	display: none;
}


.buttonevent{
	margin-top: 45px!important;
	color: #ffffff;
	border-color: #ffffff;
	
}

.buttonevent:hover{
	
		border-color: #ffffff;
}



.titleneventt{
	color: #ffffff!important;
	font-weight: 900;
	padding-left: 20px;
	font-size: 1.6rem;
	font-family: Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	text-transform: uppercase;
	padding-top: 200px;
	padding-right: 20px;
	text-align: center;
}


#nexteventbg{
	background-color: #222222;
	width: 100%;
	padding-top: 100px;
}

#nexteventbg > div{



}




#topunderevent{
	height: 400px;
}

#topunderevent h2{
	padding-top: 150px;
}

.maineventblack p{
	color: #ddd;
}



#yearoverview{
	margin-top: 20px;
	margin-bottom: 100px;
}

/* Category.php */

#filtermenu{
		background-color: #636363;
	padding: 20px 0;
	min-height: 100%;
}

#filtermenu ul{
	list-style: none;
	text-decoration: none;
	margin-top: 10px;
}





#filtermenu li {
		
	border: none;
    text-decoration: none;
   
    cursor: pointer;
	color: #fff;
	float: none;
	border-bottom: 1px solid rgba(0,0,0,0);
}


#filtermenu a{
	color: #fff!important;
	padding: 5px 0;
	font-weight: 300;
	 font-size: 1rem; 
}


#filtermenu li:hover{
	border-bottom: 1px solid #fff;
}

#filtermenu li, #filtermenu a:active{
	
	
}


#filtermenu a:hover{
	background-color: rgba(0,0,0,0);
	text-decoration: none;
}




#filtertitle{
	margin-top: 55px;
	font-size: 1rem;
		font-family: 'Montserrat', sans-serif;

	font-weight: 700;
}

#eventsoverrview h3{
	margin-top: 11px;
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
		color: #000000!important;
}

#eventsoverrview h2{
		margin-top: 11px;
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
		color: #000000!important;
}
eventsoverrview a{
	color: #000000!important;
}

.eventssss{
	border-bottom:solid;
	border-bottom-color: #333;
	border-bottom-width: 1px;
	margin: 0px;
	height: 60px;
	padding-top: 8px;
	
}

.eventssss:hover{
	background-color: rgba(212,175,55,0.5);	
}

#filtermesaenuefa{
	
		font-size: 1rem;
		font-family: 'Montserrat', sans-serif;
}


.caledads{
	margin-top: 100px;
	margin-bottom: 100px;
}


.widget-title, .screen-reader-text, #searchsubmit{
	display: none;
}

#s{
	font-size:1rem;
}

#searchsubmit{
	color: #eeeeee;
}


/* single.php */

#datetime{
	height: 130px;
	background-color: #636363;
}


#eventdescription{

}


#datetime h3{
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

#datetime h4{
	color: #ffffff;
	font-size: 0.9rem;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0;
}

#day{
	font-weight: 200;
	font-size: 0.9rem!important;
	margin-top: 15px!important;
}

.numberday{
	font-size: 3.5rem;
		margin-top: 10px!important;
	margin-bottom: -5px!important;
	font-weight: 200;
	font-family: 'Montserrat', sans-serif;
}

.month{
	margin-top: 0!important;
	margin-bottom: 0!important;
	margin-bottom: 90px!important;
		font-weight: 800;
	text-transform: uppercase;
	font-size: 1.7rem!important;
	font-family: 'Montserrat', sans-serif;
}

#time{
	font-size: 1.8rem!important;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	color: #ffffff;
	margin-top: 44px;
	font-weight: 200;
}

#timediv{
	height:130px;
	background-color: #636363;
	margin-top: 20px;
}
	
	#timediv2{
	height:130px;
	background-color: #636363;
	margin-top: 20px;
}

.containerevent{
	margin-top: 50px;
	margin-bottom: 50px;
}

eventdescription p{
	font-size: 0.9rem;
	color: #434343;
	font-family: Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
}

#introduction{
	font-size: 0.9rem;
	font-weight: 700;
	color: #434343;
}

#location{
	height: 260px;
	background-color: #636363;
}

.locationrow{
	margin-top: 20px;
}

#location p{
	text-align: center;
	display: table-cell;
  vertical-align: middle;
		font-size: 0.9rem!important;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
}

#location{
		display:table;
}

#map{
	height: 260px;
} 


.acf-map {
    width: 100%;
    height: 100%;
}


.buttonflyerdownload{
	background-color: rgb(212,175,55);
	margin-top: 36px;
}

.buttonflyerdownload:hover{
	background-color: rgb(222,185,65);
}

#numberdayindex{
	margin-top: 30px!important;
}

#titledivindex h4{
	margin-top: 70px;
	font-size: 1.2rem;
	
	text-transform: uppercase!important;
}

#nextind{
	margin-top: 40px;
	margin-bottom: 0;
	text-transform: uppercase;
		font-size: 2.45rem;
	font-weight: 200;
	font-family: 'Montserrat', sans-serif;
}
#eventind{
	margin-top: 0;
	text-transform: uppercase;
	font-size: 1.9rem;
	font-weight: 200;
	font-family: 'Montserrat', sans-serif;
	margin-left: 1px;
}

.titledivindex2{

	height: 100%;
}
.titledivindex2 h3{
	font-weight: 200;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3rem;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 55px;
}
.titledivindex2 h2{	
	font-size: 1.3rem;
	font-weight: 600;
	margin-top: 3px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	
}

.placeholderindexevent{
		background-color: #D8D8D8;
	height: 100%;
	
}


.beam {
	background-color: rgb(212,175,55);
	width: 70px;
	height: 8px;
	margin-top: 40px;
}

.beamm {
	background-color: rgb(212,175,55);
	width: 70px;
	height: 8px;
	margin: 30px 0px;
}

.beammm {
	background-color: rgb(212,175,55);
	width: 70px;
	height: 8px;
	margin: 10px 0px;
}


#textglowabout h2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 2rem !important;
}

#textglowabout p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 0.9rem !important;
	
}

#textglowabout{
	margin-top: 50px;
	margin-bottom: 50px;
	
}


#guideline h3{
	padding-top:100px;
	padding-bottom:100px;
	margin:0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #ffffff;
	font-size: 2rem;
	line-height: 2.8rem;
}

#overlayguideline{ 
background-color: rgba(0,0,0,0.5);
height: 100%;
widht: 100%;

}



.buttonone{
	opacity:0;
	transition: opacity 0.2s;
	margin-top: 25px;
}

.buttontwo{
	opacity: 0;
	transition: opacity 0.2s;
	margin-top: 25px;
}

.buttonthree{
	opacity: 0;
	transition: opacity 0.2s;
	margin-top: 25px;
}

.buttonfour{
	opacity: 0;
	transition: opacity 0.2s;
	margin-top: 25px;
}

.buttonhoveer{
	opacity: 1;
	transition: opacity 0.4s;
}


.offerclass{
	min-height: 150px; 
}

.imgoffers{
	height: 150px;
}

.backgroundlayer{
	border-top: 5px solid #eeeeee;
	width: 100%;
}

.offerclass h2{
	font-size: 1.7rem;
	padding-top: 35px;
	color: #ffffff;
}


.offerclass p{
	padding-top: 30px;
	padding-bottom: 20px;
}

.offerclass img{
	width: 40px;
	padding-top: 65px;
}


.offerdesc{
	display: none;
}

.openoffer{
	display: block;
}

.offerstitleover h2{
	padding-bottom: 30px;
		font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 2rem !important;
}


.personimg{
	border-radius: 50%;
	width: 80%;
	margin: 10% 10% 10% 10%;
	
}


.personnn h3{
	padding-left: 10%;
	padding-right: 10%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.personnn h4{
	padding-left: 10%;
	padding-right: 10%;
	font-family: 'Montserrat', sans-serif;
}

.personnn h5{
	padding-left: 10%;
	padding-right: 10%;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.8rem !important;
	font-weight: 300;
	line-height: 1rem;
}


#greybackground{
	background-color: #eeeeee;
	padding-top: 25px;
	padding-bottom: 5px;
}


}



.linnios {
	 border-top: 1px solid #000000;
	margin: 30px 0;
}




.blockangebot{
	height: 400px;
	margin-bottom: 20px;
	
}


.imgangebot{
	
	height: 200px;
}

.textblockangebot{
	padding:30px 0 30px 0;
	background-color: #efefef;
	height: 100%;
	overflow: hidden;
}

.textglowaboutdsfjsad{
	margin-top: 20px!important;
}



.column li{
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
	    font-weight: 300;
}



#eventdescription a{
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
	    font-weight: 300;
	color: rgb(212,175,55)!important;
	font-weight: 700;
}

#eventdescription a:hover{
	text-decoration: none;
	color: rgb(192,155,35)!important;
}


.impressum{
	text-align: justify;
	margin:50px 0 50px 0;
}

.impressum p{
	font-size: 0.8rem;
	line-height: 1rem;
}


@media screen and (max-width : 768px){
	
	
	.rowrowangebot{
	height:350px!important;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	html{
  font-size: 20px;

}
	
	
	

h2 {
	  font-family: 'Montserrat', sans-serif;
	font-weight: 800 !important;
	
}

body{
	overflow-x: hidden;
	width: 100vw;
}

header{
  height: 50px;
  width: 100%;
}

p{
font-size: 0.8rem;
font-weight:300;
line-height: 1.4rem;
  font-family: 'Montserrat', sans-serif;
  color:#434343;
}



.nopadding{
  padding: 0 !important;
}

#headerlogoglow{
height: 100%;
background-color: red;

}
/*Navigation*/


nav a{
	padding-bottom: 5px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin: 0 15px !important;
	transition: padding-bottom 0.1s;
}

.navbar-brand{
	border-bottom: hidden!important;
}

nav a:hover{
	border-bottom: 3px solid #fff;

}
nav a:active{
	padding-bottom: 10px !important;
	transition: padding-bottom 0.1s;
}

.navbar-brand{
padding-top: 0;
}

h1 {
   font-family: 'Montserrat', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
    /*color: #a88655;*/
	color: #ffffff;
}

.leftcol{
	height: 100%;
	background-color: #F1F1F1;
	
}
.button {
	margin-top: 55px;
	border: none;
    color: #fff;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.8rem; 
    cursor: pointer;
	background-color: #434343;
	border-radius: 30px;
}

.button:hover{
	background-color: #555;
	color: #fff;
	text-decoration: none;
}

.button:active{
	background-color: #444;
	color: #fff;
	text-decoration: none;
}

	
h3{
   font-family: 'Montserrat', sans-serif;
}

a{
  color: #ffffff !important;
  font-size: 1rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

li{



}


#logo{
  height: 30px;
margin-top: 10px;

}


/* Spalten */
#logoimg{
height: 30px;

}

.navnav{
padding-top: 12px;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.down{
  padding-top: 0 !important;
      -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
      -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
      transition: background .5s ease-in-out,padding .5s ease-in-out;

}

.navbar-fixed-top{
background-color: rgb(212,175,55);

}

/* countdown */

#time img{
	margin-top: 45px;
	margin-left:2vw;
	height: 80px;
}

#main_countedown_widget_2 .countdown {
 text-align: left !important;
}
/*Event Index Seite */

#nextevent{
	height: 160px;
}


#titledivindex{
	 background-color: #D8D8D8;
}

#titledivindex h3, #titledivindex h4{
	margin-left: -2%;
}

#event{
  font-weight: 700;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 44px;
  
color: #000000;
}

#eventblabla{
  text-transform: uppercase;
	 font-family: 'Montserrat', sans-serif !important;
  font-size: 1.3rem;
  font-weight: 200;
  line-height: 1.4rem;
  margin-top: 0;


}

.rightcol{
	
	height: 100%;
}


#nextevent > div{
	margin: 0;
	padding: 0;
	margin-top: -29px;
	height: 100%;
}
/*Welcome index*/
.hello{
  padding-top: 7vh;
	margin: 0;
	font-size: 1.2rem!important;
  /*blue color: #37688F; */
	color: #ffffff;
	text-align: center;
	text-decoration: none!important;
	font-family:'Montserrat', sans-serif!important;
	font-weight: 800;
	text-transform: uppercase;
}
	




#welcometext{
text-align: center;
padding: 0 20px;
	color: #434343;
}

/* index second*/
.indexsecond{
  background-color: #37688F;
  height: 300px;
}




#welcomeimage{
	height: 100%;
	width: 100%;
	padding: 0;
}

.arrowwelcome{
	height: 30px;
}


.welcome{
	padding: 0 !important;
}


#hello{
	margin: 0 !important;

}



.hoverimg{
height: 100%;
background-position: center;
background-size: cover;


}









.col-lg-4 {
	transition: width 0.2s ease-out;
	
}

#hellotext{
	text-align: center;
	color: #ffffff;
	line-height: 1.2rem;
	padding:10px 40px;
}

#hellomehr{
	border-style: solid;
	border-color: #fffff;
	border-width: thin;
	color: #ffffff;
	
	padding: 0;
	margin: 0;
	width: 200px;
	
}



/* Welcome */


#welcometext{
	font-size: 0.8rem;
	margin-bottom: 20px;
	padding-left: 0;
	text-align: left;
	line-height: 1.1rem;
	text-align: center;
	font-weight: 400;
}


#welcometitle{
	font-size: 1.2rem;
	margin-bottom: 20px;
	padding-left: 0;
	text-align: left;
	margin-top: 60px;
	line-height: 1.4rem;
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	color: #434343!important;
	 font-family: 'Montserrat', sans-serif !important;
}

.underbox{
height: 100%;
width: 100%;

}

.underbox h2{
	  font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

#buttonwelcome{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 60px;
}

#boxone h2{
	color: #ffffff;
	text-align: center;
	padding-top: 65px;
text-transform: uppercase;
	 font-family: 'Montserrat', sans-serif !important;
	margin: 0;
	font-size: 1.2rem!important;
	
}

#boxtwo h2{
	color: #ffffff;
	text-align: center;
	padding-top: 65px;
	text-transform: uppercase;
	 font-family: 'Montserrat', sans-serif !important;
	margin: 0;
	font-size: 1.2rem!important;
}

#boxthree h2{
	color: #ffffff;
	text-align: center;
	padding-top: 65px;
	text-transform: uppercase;
	 font-family: 'Montserrat', sans-serif !important;
	margin: 0;
	font-size: 1.2rem!important;
}

.underboxone:hover{
	background-color: rgba(212,175,55,0.9);
}
.underboxtwo:hover{
	background-color: rgba(212,175,55,0.9);
}
.underboxthree:hover{
	background-color: rgba(212,175,55,0.9);
}
.underboxone{
	background-color: rgba(0,0,0,0.4);
}
.underboxtwo{
	background-color: rgba(0,0,0,0.4);
}
.underboxthree{
	background-color: rgba(0,0,0,0.4);
}

.middleleft{

z-index: 1;

		overflow: hidden;
}


.middleright{

z-index: 1;


}

.mostleft{
margin-top: -29px;
left: z-index: 2;

}

	#distance{
		display: none;
	}
	
.mostright{
right:0;
	z-index: 2;
		
}

.left{
	padding: 0;
  	height: 120px;
	width: 100vw;
	border-top: solid 1px #ffffff;
	
	
}




.test{
	background-color:  rgba(255,255,255,1);
}


	


.blackhover{
	background-color: rgba(0,0,0,0.70) !important;
	
}



/* 3 nebeneinander

.middle{
	-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
margin-left: 30vw;
z-index: 1;
transition: width 0.2s ease-out, margin-left 0.2s ease-out,z-index 0s ease-out 0.2s;
}

.mostleft{
	-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
left: -10vw;
	z-index: 2;
		transition: width 0.2s ease-out;
}

.mostright{
	-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
right: -10vw;
	z-index: 2;
		transition: width 0.2s ease-out;
}

.left{
	padding: 0;
  	height: 70vh;
	width: 40vw;
	position: absolute;

}

#welcomecontainer{
	padding-top: 70vh !important;
}

.over{
	z-index: 99;
	}

.test{
	background-color:  rgba(255,255,255,1);
}

.wide{
	width: 50vw !important;
	transition: width 0.2s ease-out;
	z-index: 99;
}
 

.widemiddle{
	width: 50vw !important;
	transition: width 0.2s ease-out, margin-left 0.2s ease-out;
	z-index: 98;
	margin-left: 25vw;
}
*/


/*Welcomecontainer*/
#distance{
	height: 450px;
	
}
#welcomecontainer{
	
	padding: 0;
	margin: 0;
}
#welcometextee{

}
.threeboxes{
height: 150px;
	border-bottom: solid 1px #ffffff;
}

.threeboxes a{
	text-decoration: none;
}


.button3 {
	margin-top: 20px !important;
	border: none;
    color: #fff;
    padding: 15px 100px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem; 
    cursor: pointer;
	background-color: #555;
}


.button3:hover{
	background-color: #444;
	color: #fff;
}

.button3:active{
	background-color: #333;
	color: #fff;
	
	
}
.button4 {
	margin-top: 20px !important;
	border: none;
    color: #fff;
    padding: 15px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem; 
    cursor: pointer;
	background-color: #555;
}
.button4:hover{
	background-color: #444;
	color: #fff;
}

.button4:active{
	background-color: #333;
	color: #fff;
	
	
}



/*footer */


.left a{
	text-decoration: none;
	font-weight: 300;
}

footer{
	background-color:#333;
	padding-bottom: 30px;

}


footer h4{
	color: #eee;
	font-size: 1.7rem;
}

footer p{
	color: #ccc;
}

footer > div{
	padding-top: 60px;
}

#facebook{
	height: 30px;
}

/*footer sitemap*/

footer ul{
	display:inline;
	float: none;
	list-style: none;
}

footer a:hover{
	text-decoration: none;
	text-align: center;
	font-size: 0.7rem;
}

.socialmediacontainer{
	padding-top: 40px;
}

.socialmediacontainer h6{
	color:#bbb;
	font-family:Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	text-align: center;
	font-size: 0.8rem;
	font-weight: 200;
	margin-top: 30px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
footer h6{
	line-height: 1.2rem;
}

small, small a{
	color:#bbb!important;
	font-family:Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	text-align: center!important;
	font-size: 0.6rem;
	font-weight: 200;
}
/* Events */

.topimgevents h2, .maineventblack h2{
	text-transform: uppercase;
	font-size: 2rem;
	padding-top: 15vh;
	text-align: center;
	color: #fff;
	margin-top: 0;
	font-weight: 900;
	letter-spacing: 0.25rem!important;
}
	
	
	.topimgevents{ 
height: 50vh;
padding-bottom: 5vh;
		text-align: center;
	}

	#topimgevents p{
		color: #ddd;
		margin-top: 0vh;
	}







.lines {
	height: 350px;
	
	/**border-left: solid;
	border-right: solid;
	border-width: 0.2px;
	border-color: #ffffff; */
}


#eventlineleft{
	background-color: #f7f7f7;
	height: 400px;
}

#eventlinemiddle{
	background-color: #efefef;
	height: 400px;
}

#eventlineright{
	background-color: #e5e5e5;
	height: 400px;
	
}



.lines{
	background: linear-gradient(to right, rgba(237,237,237,0.74) 0%,rgba(238,238,238,0) 8%,rgba(255,255,255,0) 100%)
		
}




.lines h3{
	color: #434343;
	font-weight: 900;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.6rem;
	font-family: Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	text-transform: uppercase;
	margin-top: 0;
	text-align: center;

}


.lines h4{


	color: #555555;
	font-weight: 300;
	padding-left: 20px;
padding-right: 20px;
	font-size: 1rem;
	font-family: Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	padding-top: 10px;
	margin-bottom: 6px;
	text-align: center;
}

body{
	
	background-color: #fff;
}




.eventhover{
	height: 0;
	width: 0;
	background-color: black;

}


.eventhoverhover{
	height: 100%;
	width: 100%;
	background-color: rgba(212,175,55,0.9);

}

.lineshover{
	background: rgba(212,175,55,0.8);
}


#eventmargin{
	height: 150px;

	
}

#eventmargin h3{
		text-transform: uppercase;
	text-align: center;
	font-family: Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	font-size: 1.6rem;
	padding-top: 50px;
	font-weight: 900;
}

.offf{
	display: none;
}


.buttonevent{
	margin-top: 45px!important;
	color: #ffffff;
	border-color: #ffffff;
	
}

.buttonevent:hover{
	
		border-color: #ffffff;
}



.titleneventt{
	color: #ffffff!important;
	font-weight: 900;
	padding-left: 20px;
	font-size: 1.6rem;
	font-family: Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
	text-transform: uppercase;
	padding-top: 200px;
	padding-right: 20px;
	text-align: center;
}


#nexteventbg{
	background-color: #222222;
	width: 100%;
	padding-top: 100px;
}

#nexteventbg > div{



}




#topunderevent{
	height: 400px;
}

#topunderevent h2{
	padding-top: 150px;
}

.maineventblack p{
	color: #ddd;
}



#yearoverview{
	margin-top: 20px;
	margin-bottom: 100px;
}

/* Category.php */

#filtermenu{
		background-color: #636363;
	padding: 20px 0;
	min-height: 100%;
}

#filtermenu ul{
	list-style: none;
	text-decoration: none;
	margin-top: 10px;
}





#filtermenu li {
		
	border: none;
    text-decoration: none;
   
    cursor: pointer;
	color: #fff;
	float: none;
	border-bottom: 1px solid rgba(0,0,0,0);
}


#filtermenu a{
	color: #fff!important;
	padding: 5px 0;
	font-weight: 300;
	 font-size: 1rem; 
}


#filtermenu li:hover{
	border-bottom: 1px solid #fff;
}

#filtermenu li, #filtermenu a:active{
	
	
}


#filtermenu a:hover{
	background-color: rgba(0,0,0,0);
	text-decoration: none;
}




#filtertitle{
	margin-top: 55px;
	font-size: 1rem;
		font-family: 'Montserrat', sans-serif;

	font-weight: 700;
}

#eventsoverrview h3{
	margin-top: 11px;
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
		color: #000000!important;
}

#eventsoverrview h2{
		margin-top: 11px;
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
		color: #000000!important;
}
eventsoverrview a{
	color: #000000!important;
}

.eventssss{
	border-bottom:solid;
	border-bottom-color: #333;
	border-bottom-width: 1px;
	margin: 0px;
	height: 60px;
	padding-top: 8px;
	
}

.eventssss:hover{
	background-color: rgba(212,175,55,0.5);	
}

#filtermesaenuefa{
	
		font-size: 1rem;
		font-family: 'Montserrat', sans-serif;
}


.caledads{
	margin-top: 100px;
	margin-bottom: 100px;
}


.widget-title, .screen-reader-text, #searchsubmit{
	display: none;
}

#s{
	font-size:1rem;
}

#searchsubmit{
	color: #eeeeee;
}


/* single.php */

#datetime{
	height: 100px;
	background-color: #636363;
}


#eventdescription{

}


#datetime h3{
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	padding-top: 4px;
	margin-bottom: 0;
	text-align: center;
}

#datetime h4{
	color: #ffffff;
	font-size: 0.9rem;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0;
}

#day{
	font-weight: 200;
	font-size: 0.9rem!important;
	margin-top: 15px!important;
}

.numberday{
	font-size: 2.5rem;
	margin-top: 1px;

	font-weight: 200;
	font-family: 'Montserrat', sans-serif;
}

.month{
	margin-top: 0!important;

		font-weight: 800;
	text-transform: uppercase;
	font-size: 1.4rem!important;
	font-family: 'Montserrat', sans-serif;
}

#time{
	font-size: 1.8rem!important;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	color: #ffffff;

	font-weight: 200;
}

#timediv{
	height:80px;
	background-color: #636363;
	padding: 2px 0 0 0;
	margin-top: 1px;
}
	
	#timediv2{

	
	margin-top: 1px;
}




eventdescription p{
	font-size: 0.9rem;
	color: #434343;
	font-family: Gotham, „Helvetica Neue", Helvetica, Arial, „sans-serif";
}

#introduction{
	font-size: 0.9rem;
	font-weight: 700;
	color: #434343;
}

#location{
	
	background-color: #636363;
}

.locationrow{
	margin-top: 20px;
}

#location p{
	text-align: center;
	display: table-cell;
  vertical-align: middle;
		font-size: 0.9rem!important;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	padding: 40px 0 40px 0;
}

#location{
		display:table;
}

#map{
	height: 260px;
} 


.acf-map {
    width: 100%;
    height: 100%;
}


.buttonflyerdownload{
	background-color: rgb(212,175,55);
	margin-top: 36px;
}

.buttonflyerdownload:hover{
	background-color: rgb(222,185,65);
}

#numberdayindex{
	margin-top: 30px!important;
}

#titledivindex h4{
	margin-top: 70px;
	font-size: 1.2rem;
	
	text-transform: uppercase!important;
}

#nextind{
	margin-top: 40px;
	margin-bottom: 0;
	text-transform: uppercase;
		font-size: 2.45rem;
	font-weight: 200;
	font-family: 'Montserrat', sans-serif;
}
#eventind{
	margin-top: 0;
	text-transform: uppercase;
	font-size: 1.9rem;
	font-weight: 200;
	font-family: 'Montserrat', sans-serif;
	margin-left: 1px;
}

.titledivindex2{

	height: 100%;
}
.titledivindex2 h3{
	font-weight: 200;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1rem;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 70px;
}
.titledivindex2 h2{	
	font-size: 1.1rem;
	font-weight: 600;
	margin-top: 3px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.placeholderindexevent{
		background-color: #D8D8D8;
	height: 100%;
	display: none;
}


.beam {
	background-color: rgb(212,175,55);
	width: 70px;
	height: 8px;
	margin-top: 40px;
}

.beamm {
	background-color: rgb(212,175,55);
	width: 70px;
	height: 8px;
	margin: 30px 0px;
}

.beammm {
	background-color: rgb(212,175,55);
	width: 70px;
	height: 8px;
	margin: 10px 0px;
}


#textglowabout h2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 2rem !important;
}

#textglowabout p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 0.9rem !important;
	
}

#textglowabout{
	margin-top: 50px;
	margin-bottom: 50px;
	
}


#guideline h3{
	padding-top:100px;
	padding-bottom:100px;
	margin:0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #ffffff;
	font-size: 2rem;
	line-height: 2.8rem;
}

#overlayguideline{ 
background-color: rgba(0,0,0,0.5);
height: 100%;
widht: 100%;

}



.buttonone{
	opacity:0;
	transition: opacity 0.2s;
}

.buttontwo{
	opacity: 0;
	transition: opacity 0.2s;
}

.buttonthree{
	opacity: 0;
	transition: opacity 0.2s;
}

.buttonfour{
	opacity: 0;
	transition: opacity 0.2s;
}




.offerclass{
	min-height: 150px; 
}

.imgoffers{
	height: 150px;
}

.backgroundlayer{
	border-top: 5px solid #eeeeee;
	width: 100%;
}

.offerclass h2{
	font-size: 1.7rem;
	padding-top: 35px;
	color: #ffffff;
}


.offerclass p{
	padding-top: 30px;
	padding-bottom: 20px;
}

.offerclass img{
	width: 40px;
	padding-top: 65px;
}


.offerdesc{
	display: none;
}

.openoffer{
	display: block;
}

.offerstitleover h2{
	padding-bottom: 30px;
		font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 2rem !important;
}


.personimg{
	border-radius: 50%;
	width: 80%;
	margin: 10% 10% 10% 10%;
	
}


.personnn h3{
	padding-left: 10%;
	padding-right: 10%;
	font-family: 'Montserrat', sans-serif;
}

.personnn h4{
	padding-left: 10%;
	padding-right: 10%;
	font-family: 'Montserrat', sans-serif;
}

.personnn h5{
	padding-left: 10%;
	padding-right: 10%;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.8rem !important;
	font-weight: 300;
	line-height: 1rem;
}


#greybackground{
	background-color: #eeeeee;
	padding-top: 25px;
	padding-bottom: 5px;
}




.buttonhomeresp{
		display: none;
	}


	.hoverimg{
		background-color: rgba(0,0,0,0.30) !important;
	}
	
	
	
	
	


#indexaaaa{
	color:#222222!important;
}

.column li{
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
	    font-weight: 300;
}



#eventdescription a{
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
	    font-weight: 300;
	color: rgb(212,175,55)!important;
	font-weight: 700;
}

#eventdescription a:hover{
	text-decoration: none;
	color: rgb(192,155,35)!important;
}



.impressum{
	text-align: justify;
	margin:50px 0 50px 0;
}

.impressum p{
	font-size: 0.8rem;
	line-height: 1rem;
}

#textfwaeevents{
	display: none;
}

	#map{
		padding: 0!important;
	}
	
	
	header{
		top:0;
	}
	
	
	
	
	#numberdayindex{
		margin: 0 0 0 0;
		padding: 20px 0 0 0;
	}
}


#linktoimpressum a:hover{
	font-size: 0.6rem;
	color: #ffffff!important;
}


#eventdescription{
	margin: 40px 0 40px 0;
}

.rowangebot{
	height: 100%;
	margin:30px 0 30px 0;
	
}

#flex-container{
	display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}


.panel-test2 {
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
}