@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@charset "UTF-8";


/*! 1 ALLGEMEIN */

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}


p {
	margin: 0;
}

a {
	text-decoration: none;
	color: #a32022;
}

li {
	list-style-type: square;
	margin-left: -18px;
}


.aktuelles-titel-abstand {
margin-bottom: 15px;
}



.trennlinie {
	width: 100%;
	height: 1px;
	background-color: #d5d5d5;
	margin: 4px 0px;
}



.spacer {
	width: 100%;
	height: 2em;
}

.center {
	width: 100%;
	}


.logo {
	position: fixed;
	height: 50px;
	width: 312px;
	margin-top: 10px;
	background-image: url(images/logo_weiss.jpg);
	background-size: cover;
	}


.sprachen {
	display: none;
	}

#sprachen {
	display: none;/*Wegnehmen, Sobald Sprachen aktiv*/

	color: #000;
	}


.text_rot{
	color: #a32022;
	}

a.weiss {
	color: #FFF !important;
	}

.box {
	background-color: #f2f2f2;
	padding: 10px;
	box-sizing: border-box;
	margin: 20px auto;
	}

.textbox {
	background-color: #f2f2f2;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
	}




h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}


h1 {
	font-size: 2.2em;
	font-weight: 700;
}


h2 {
	font-size: 1.6em;
}

.zitat {
	color: #666;
	font-weight: 200;
	font-style: italic;
	text-align: center;
	}

h3 {
	font-size: 1.2em;
	font-weight: 600;
}


h4 {
	color: #FFF;
	font-size: 1.2em;
	font-weight: 200;
	text-transform: uppercase;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
}

h5 {
	color: #000;
	font-size: 0.7em;
	font-weight: 700;
	margin-top: 1em;
}

.kurstag{
	text-align: center;
	}

.kursdatum{
	font-size: 1.2em;
	font-weight: 300;
	text-align: center;
	}







/*! 2 Header */

/*! 3 Nav */

.nav {
	display: none;
}


.nav-collapse,
.nav-collapse * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;
	font-weight: 700;
	width: 100%;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}


.nav-collapse a {
  color: #000;
  text-decoration: none;
  width: 110%;
  background: #FFF;
  border-bottom: 1px solid #CCC;
  padding: 0.7em 2em;
  float: left;
}


.nav-collapse ul ul a {
  background: #000;
  padding-left: 2em;
}







@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #000; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 3em;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 2em;
  font-weight: bold;
  content:"x";
  text-shadow: #000 0px 0px 4px;
  color: #FFF;
}










/*! 4 Reihen und Spalten */


.reihe {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.spalte_100 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.spalte_90 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}


.spalte_75 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.spalte_66 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.spalte_50 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.spalte_33 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.spalte_25 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.spalte_10 {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}


/*! 5 Sektions und Inhalte */


section {
	width: 100%;
	position: relative;
	z-index: 30;
	}

#headerbild {
	display: none;
}



#header {
	background-color: #FFF;
	top: 0;
	height: 50px;
	position: fixed;
	color: #000;
	border-bottom: 10px solid #FFF;
}



.sprungmenu {
	width: 100%;
	color: #000;
	top: 60px;
	z-index: -1;
	position: fixed;	background-color: #FFF;
	height: 55px;
	box-sizing: border-box;
	}

.3zeilen {
	height: 60px;
	}


#inhalt {
	background-color: #FFF;
	margin-top: 130px;
	z-index: 1;
}


/**********Erfahrungsberichte Klapptexte******************/

.lesen {
	color: #a32022;
	}


.anmeldeform {
	font-size: 1.5em;
	font-weight: 600;
	}

#formular1 {
    display: none;
}

#f1:checked ~#formular1 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}

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



#formular2 {
    display: none;
}

#f2:checked ~#formular2 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}

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











#klapptext1 {
    display: none;
}

#click1:checked ~#klapptext1 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}

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

#klapptext2 {
    display: none;
}

#click2:checked ~#klapptext2 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}

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

#klapptext3 {
    display: none;
}

#click3:checked ~#klapptext3 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}

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

#klapptext4 {
    display: none;
}

#click4:checked ~#klapptext4 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}

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

#klapptext5 {
    display: none;
}

#click5:checked ~#klapptext5 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}


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



#klapptext6 {
    display: none;
}

#click6:checked ~#klapptext6 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}


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


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



#klapptext7 {
    display: none;
}

#click7:checked ~#klapptext7 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}


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




#klapptext8 {
    display: none;
}

#click8:checked ~#klapptext8 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}


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









#klapp_feedbacks1 {
    display: none;
}

#feedback1:checked ~#klapp_feedbacks1 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}

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

#klapp_feedbacks2 {
    display: none;
}

#feedback2:checked ~#klapp_feedbacks2 {
	display: -webkit-flex;
   	display: flex;
  	-webkit-flex-flow: row wrap;
   	flex-flow: row wrap;
}



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







label {
color: #000;
font-weight: 700;
}

.bildung{
	top: -30px;
	}


#fuss {
	position: fixed;
	bottom: 0;
	height: 50px;
	padding-bottom: 10px;
	box-sizing: border-box;
	background-color: #a32022;
	color: #FFF;
	font-size: 0.80em;
	line-height: 1.2em;
}

#fuss a{
	color: #FFF;
}


#footer {
	display: none;
}



.input_fullwidth {

	width: 90%;
	padding: 5px;
	margin-left: 10px;
	font-size: 1em;

	}
input[type="submit"] {
	border: none !important;
	}

.suchfeld {
  width: 100px;
  padding: 5px;
  font-size: 0.8em;
  color: #FFF;
  border: 1px solid #fff;
  background-color: #a32022;
}


.anmeldeformular {
  width: 96%;
  padding: 10px;
  font-size: 1em;
  color: #FFF;
  border: 1px solid #fff;
  background-color: #a32022;
}

input[type=submit]:hover {
  background-color: #ccc;
}

[onclick] {
    cursor: pointer;
}


.error {
	color: #000;
	display: block;
	clear: both;
}

.anmelden{
	background-color: #a32022;
	color: #fff;
	font-size: 1.2em;
	padding: 10px;
	}
.anmelden:hover{
	background-color: #666;
	color: #000;
	}