@charset "UTF-8";
/* CSS Document */

.regular {
	font-family: 'Merriweather', serif;
	font-weight:600;
	font-size:1.2em;
	color:#036;
}

.italic {
	font-style:italic;
	font-weight:400;
}

.aspeise {
	color:white;
	font-size:1.2em;
	font-weight:700;
	padding-top:10px;
	text-shadow:#000 3px 3px;
	margin:0 auto;
}

.beschreibung {
	font-family: 'Merriweather', serif;
	font-size:0.8em;
	font-weight:400;
	line-height:0,5em;
	color:#FFF4E0;

}

.subhead {
	font-family: 'Merriweather', serif;
	font-size:1.5em;
	font-weight:400;
	font-weight:600;
	color:#069;
}

.navs {
	font-family: 'Pirata One', cursive;
	font-size:1.7em;
	text-shadow:3px 3px 3px rgb(0 0 0 / 0.5);
	color:#FFF4E0;
	text-decoration:none;
	margin:10px;
	transition-duration:0.7s;
	animation:ease-in-out;

}

a:hover {
	color:#0F0;
	animation:ease-in-out;
}


.welc {
	font-family: 'Pirata One', cursive;
	font-weight:400;
	font-size:3em;
	line-height:1em;
	text-shadow:5px 5px 5px rgb(0 0 0 / 0.7);
	color:#FFF4E0;
}



/*.cols {
	column-count:3;
	column-gap: 1.5em;
	padding: 1em;

}*/

.cols {
    position: relative;
    width: 30%;
    height: auto;
    margin: 0 1%;
	padding:0.5em 0 ;
}

.container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.progrsm {
	width:30%;
	height:auto;
	padding:1.333333333333%;
	display:inline;

}

.date {
	font-family: 'Pirata One', cursive;
	font-size:2.5em;
	line-height:1em;
	position:relative;
	top:10px;
	color:#FFF;
}

.date2 {
	font-family: 'Pirata One', cursive;
	font-size:1.5em;
	line-height:1.0em;
	color:#FFF4E0;
}

.date3 {
	font-family: 'Pirata One', cursive;
	font-size:2.0em;
	line-height:1em;
	position:relative;
	top:10px;
	color:#FFF;
}
	
.justi {text-align:justify;}

.gruppe {
	font-family:'Roboto Condensed', sans serif;
	font-size:1.8em;
	font-weight:700;
	line-height:1.2em;
	text-decoration:none;
	padding:0 7px;
	display:inline;
	color:#039;
	background-color:#FFF4E0;
}

.highlight{	border:#F0F solid 3px;}

.nbr {break-inside:avoid;}

.egg {color:#FFF4E0;}

.eventtxt {
	color:#FFF4E0;
	line-height:1.5em;
	position:relative;
	top:10px;
	padding-bottom:10px;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #FFF4E0;
}

.hinweis {
	background-color:#C00;
	color:#FFF4E0;
	font-size:0.9em;
	padding:5px;
	display:inline;
	border-radius:5px;
	margin-bottom:30px;
}

.musician {
	font-family:'Roboto Condensed', sans serif;
  	font-weight: 600;
  	font-size:1.1em;
	background-color:#FFF6E2;
	color:#00478A;
	padding:3px;
	
}

.romo {
	font-family:'Roboto Condensed', sans serif;
  	font-weight: 600;
  	font-size:1.1em;
	background-color:pink;
	color:#039;
	padding:4px;
	border-radius:5px;
	position:relative;
	top:-9px;
}



@media screen and (max-width: 750px){
	
.container {
    position: relative;
    display: box;
    flex-wrap: wrap;
}
.cols {
    position: relative;
    width: 95%;
    height: auto;
    margin: 0 1%;
	padding:0.5em 0 ;
}
			
			.nbr {
				break-inside:avoid;
				text-align:center;
				}
	.gruppe {
	font-family:'Roboto Condensed', sans serif;
	font-size:2.2em;
	font-weight:600;
	line-height:1.2em;
	padding:0 7px;
	display:inline;
	color:#039;
	background-color:#FFF4E0;
}
		
			}