/*

    font-family: 'Josefin Sans', sans-serif; Formularkopf
 
    font-family: 'Bree Serif', serif; Überschriften

    font-family: 'Quattrocento Sans', sans-serif; normal
	
	
	Bootstrap farben:
	standard: #777777 - 119 119 119
	Primär: #337ab7   - 51 122 183
	Erfolg: #5cb85c   - 92 184 92
	Info: #5bc0de     - 91 192 222
	warnung: #f0ad4e  - 240 173 78
	gefahr: #d9534f   - 217 83 79

*/

@font-face { font-family: 'Bree Serif';
             src: url('../font/Bree_Serif/BreeSerif-Regular.ttf') format('truetype'); }
			 
@font-face { font-family: 'Josefin Sans';
             src: url('../font/Josefin_Sans/JosefinSans-Light.ttf') format('truetype'); }
			 
@font-face { font-family: 'Quattrocento Sans';
             src: url('../font/Quattrocento_Sans/QuattrocentoSans-Regular.ttf') format('truetype'); }
			 
@keyframes fadein{
	from{opacity:0;}to{opacity:1;}
}
@-moz-keyframes fadein{
	from{opacity:0;}to{opacity:1;}
}
@-webkit-keyframes fadein{
	from{opacity:0;}to{opacity:1;}
}
@-o-keyframes fadein{
	from{opacity:0;}to{opacity:1;}
}

*{
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

body{  
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 14px;
	animation:fadein 1.0s;
	-moz-animation:fadein 1.0s;
	-webkit-animation:fadein 1.0s;
}

.adminbody{
	padding-top: 70px;
}
.formbody{
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.formularblatt{
	width: 90%;
	max-width: 950px; 
	margin-left: auto; 
	margin-right: auto; 
	background: white; 
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #000000;
}

.formularblatt footer{
	margin-top: 10px;
	background-color: #eeeeee; 
	padding: 20px 10px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
	

#Freizeitinfos{
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	font-style: 300;
	font-size: 16px;
	padding: 10px;
	background-color: #eeeeee;
}
/* alte Flaggen */
.flagge_con{
	margin: 5px;
	height: 30px;
	width: 45px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.flagge{
	vertical-align: middle;
	height: 200px;
}

.de{
	margin-left: -139px;
	margin-top: -47px;
}

.fr{
	margin-left: -18px;
	margin-top: -121px;
}

.en{
	margin-left: -78px;
	margin-top: -12px;
}

.nl{
	margin-left: -139px;
	margin-top: -121px;
}

/* neue Flaggen*/
:root {
	--Reihe-1: -80px;
	--Reihe-2: -122px;
	--Reihe-3: -165px;
	--Reihe-4: -208px;
	--Reihe-5: -251px;
	--Reihe-6: -293px;
	--Reihe-7: -336px;

	--Spalte-1: -25px;
	--Spalte-2: -81px;
	--Spalte-3: -137px;
	--Spalte-4: -194px;
	--Spalte-5: -250px;
	--Spalte-6: -306px;
	--Spalte-7: -362px;
}


.eu_flag_con{
	margin: 5px;
	height: 35px;
	width: 50px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.eu_flag{
	vertical-align: middle;
	height: 400px;
}
.eu_eu{
	margin-left: var(--Spalte-7);
	margin-top: var(--Reihe-2);
}
.eu_de{
	margin-left: var(--Spalte-4);
	margin-top: var(--Reihe-3);
}
.eu_en{
	margin-left: var(--Spalte-4);
	margin-top: var(--Reihe-7);
}
.eu_fr{
	margin-left: var(--Spalte-2);
	margin-top: var(--Reihe-3);
}
.eu_nl{
	margin-left: var(--Spalte-4);
	margin-top: var(--Reihe-5);
}
.eu_ro{
	margin-left: var(--Spalte-1);
	margin-top: var(--Reihe-6);
}
.eu_ru{
	margin-left: var(--Spalte-2);
	margin-top: var(--Reihe-6);
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Bree Serif', serif;
	font-weight: bold;
}

.formbody h1{
	text-align: center;
	margin: -10px auto 0px auto;
}

.meine-tabelle{
	border: 0px;
}

.meine-tabelle th td{
	padding: 5px 10px;
}

.meine-tabelle tr td, .meine-tabelle tr td{
	max-width: 25%;
	min-width: 100px;
}

img{
	vertical-align: middle;
}

fieldset{
	margin-bottom: 20px;
}

legend{
	font-weight: bold;
}

hr{ 
	border: 0; 
	height: 1px; 
	background-image: linear-gradient(to right, rgba(195, 195, 195, 0), rgba(195, 195, 195, 1), rgba(195, 195, 195, 0)); 
}

.container{
	width: 100%;
	max-width: 1000px;
}

article{
	font-size: 16px;
}

.ds-header{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.input-group{
	margin-bottom: 10px;
}

.small-info{
	font-size: 12px;
	color: #666666;
}

button{
	margin-right: 5px;
}
.btn-group button{
	margin-right: 0;
}

.infobox{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	display: none;
}

.close{
	font-weight: bold;
	font-size: 20px;
}

#meldung{
	display: none;
	position: fixed;
	top: 20px;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
	z-index: 9999999;
	font-weight: bold;
}

.anmeldungen th{
	background: #f0ad4e;
	border: 1px solid #ddd !important;
	padding: 2px 5px !important;
}

.anmeldungen  td{
	border: 1px solid #ddd !important;
	padding: 5px !important;
	white-space: nowrap;
	
}

.sonstiges{
	white-space: normal !important;
}

.anmeldungen{
	border-collapse: collapse;
	border: 1px solid #ddd;
}
.lang{
	display: none;
}
.markierung{
	color: #f0ad4e;
}

.weiss{
	background: #FFF;
}
.grau{
	background: #EEE;
}
.gelb{
	background: #ffff00;
}

.form-control:focus {
  border-color: #337ab7;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51, 122, 183, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51, 122, 183, 0.6);
}

.badge{
	font-weight: normal !important;
}

.checkbox{
	display: block !important;
	font-size: 16px !important;
	padding: 5px;
}
/* standard: #777777 - 119, 119, 119
	Primär: #337ab7   - 51, 122, 183
	Erfolg: #5cb85c   - 92, 184, 92
	Info: #5bc0de     - 91, 192, 222
	warnung: #f0ad4e  - 240, 173, 78
	gefahr: #d9534f   - 217, 83, 79 */

/* Sicherung
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
*/


/* Responsive */
@media all and (max-width:992px){
	h1{
		font-size: 24px;
	}
	h3{
		font-size: 20px;
	}
	
	.formularblatt form{
		padding: 0px 10px;
	}
}

@media all and (max-width:768px){
	h1{
		font-size: 20px;
	}
	h3{
		font-size: 14px;
	}
	
	#meldung{
		position: fixed;
		top: 20px;
		width: 90%;
		left: 5%;
		margin-left: 0px;
	}
}