@font-face {font-family: 'Proxima-Light';src: url('../webfonts/proximanova-light-webfont.eot');src: url('../webfonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/proximanova-light-webfont.woff') format('woff'),url('../webfonts/proximanova-light-webfont.ttf') format('truetype');}
 
  
		@font-face {font-family: 'Proxima-Regular';src: url('../webfonts/proximanova-regular-webfont.eot');src: url('../webfonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/proximanova-regular-webfont.woff') format('woff'),url('../webfonts/proximanova-regular-webfont.ttf') format('truetype');}
		 
		  
		@font-face {font-family: 'Proxima-Semibold';src: url('../webfonts/proximanova-semibold-webfont.eot');src: url('../webfonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/proximanova-semibold-webfont.woff') format('woff'),url('../webfonts/proximanova-semibold-webfont.ttf') format('truetype');}
		
		
			
		body {
			margin: 0px;
			padding: 0px;
			outline: 0;
			line-height: 23px;
			color: #333333;
			font-family: 'Proxima-Light';
			-moz-osx-font-smoothing:grayscale;
			 -webkit-font-smoothing:antialiased;
			         font-smoothing:antialiased;
			         text-rendering:optimizeLegibility;
		}
			
		a[href^=tel],
		a:visited[href^=tel] {
			color:#ffffff;
			text-decoration: none;
			border-bottom: none;
		}
			
		a.dark[href^=tel],
		a.dark:visited[href^=tel] {
			color:#333333;
			text-decoration: none;
			border-bottom: none;
		}
		
		.imageautoresize,
		.imageautoresize img {
			width: 100%;
			margin-bottom: 20px;
		}
				
		a:hover {
			text-decoration: none;
			border-bottom: 1px solid #000000;
		}
		
		.container {
			width: 940px;
			height: 400px;
			margin: 0 auto 0 auto;
		}
		
		.desktopheader {
			height: 150px;
			width: 100%;
			margin-bottom: 50px;
		}
		
		.desktopheadernav {
			float: left;
			height: 150px;
			width: 77%;
			border-bottom: 1px solid #e5e5e5;
			margin-right: 3%;
		}
		
		.desktopnav {
			margin: 110px 20px 0 0;
			float: left;
			font-size: 15px;
			line-height: 15px;
			font-family: 'Proxima-Semibold';
		}
		
		.dnaviinactive {
			cursor: default;
			color: #999999;
		}
		
		.dnaviactive {
			cursor: pointer;
			color: #133659;
		}
		
		.desktopheaderlogo {
			float: right;
			width: 20%;
			max-width: 20%;
			height: 150px;
			background-image: url('images/farbtexte_brand.svg');
			background-size: 100% auto;
			background-position: bottom;
			background-repeat: no-repeat;
		}
		
		.mobileheader {
			display: none;
		}
		
		.footer {
			border-top: 1px solid #e5e5e5;
			margin: 50px 0 50px 0;
			height: 100px;
		}
		
		.footernav {
			float: left;
			margin: 40px 20px 0 0;
			font-size: 13px;
			line-height: 13px;
			font-family: 'Proxima-Semibold';
		}
		
		.dnaviactive:hover {
			border-bottom: 2px solid #133659;
		}
		
		.abbinder {
			float: right;
			font-family: 'Proxima-Regular';
			font-size: 13px;
			margin: 40px 0 0 0;
		}
		
		
		/* CONTENT */
		
		.content {
			max-width: 720px;
		}
		
		.kursinfo {
		}
		
		.comingupnext {
			background-color: #fc5e2a;*/
			/*background-color: #bbb;*/
			color: #ffffff;
			padding: 25px 30px 20px 30px;
			margin: 0px 0px 20px 0px;
		}
		
		.comingupnext a {
			color: #ffffff;
			text-decoration: none;
		}
				
		.comingupnext a:hover {
			text-decoration: none;
			border-bottom: 1px solid #ffffff;
		}
		
		.heroteaser {
			background: -webkit-linear-gradient(left, #FFA199, #FF0060); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(right, #FFA199, #FF0060); /* For Opera 11.1 to 12.0 */
		    background: -moz-linear-gradient(right, #FFA199, #FF0060); /* For Firefox 3.6 to 15 */
			background: linear-gradient(to right, #FFA199, #FF0060); /* Standard syntax */
			
			color: #ffffff;
			padding: 25px 30px 20px 30px;
			margin: 0px 0px 20px 0px;
		}
		
		.heroteaser a {
			color: #ffffff;
			text-decoration: none;
		}
				
		.heroteaser a:hover {
			text-decoration: none;
			border-bottom: 1px solid #ffffff;
		}
		
			.event {
				background-color: #cbe9e9;
				color: #000000;
				padding: 10px 0px 0px 30px;
				margin: 0px 0px 20px 0px;
			}
			
			.eventdate {
				font-family: 'Proxima-Light';
				font-size: 30px;
			}
			
			.eventcopy {
				font-family: 'Proxima-Semibold';
				font-size: 30px;
			}
		
		.headline {
			font-size: 25px;
			font-family: 'Proxima-Semibold';
			margin-bottom: 20px;
		}
		
		.copy {
			font-size: 20px;
			line-height: 25px;
			font-family: 'Proxima-Light';
		}
		
		.fliesstext {
			font-size: 15px;
			line-height: 23px;
			font-family: 'Proxima-Regular';
			margin: 15px 0;
		}
		
		.category {
			font-size: 15px;
			font-family: 'Proxima-Semibold';
			margin-top: 20px;		
		}
		
		.date {
			font-size: 15px;
			font-family: 'Proxima-Semibold';
			margin-top: 20px;		
		}
		
		.lightfont {
			font-family: 'Proxima-Light';
		}
		
		.boldfont {
			font-family: 'Proxima-Semibold';
		}
		
		.dataprivacy {
			font-size: 15px;
			line-height: 20px;
		}
		
		.trenner {
			width: 100%;
			background-color: #efefef;
			height: 5px;
			margin: 50px 0 60px 0;
		}
		
		.smalltrenner {
			width: 100%;
			background-color: #efefef;
			height: 1px;
			margin: 30px 0;
		}
		
		ul {
			list-style-type: disc;
		}
		
		li,
		ul {
   			padding: 0px 0px 5px 5px;
   			margin: 0px 0px 0px 15px;
		}
		
		.button {
			font-size: 15px;
			font-family: 'Proxima-Semibold';
			padding: 15px 16px 6px 16px;
			width: auto;
			display: inline-block;
			margin: 10px 0;
			line-height: 14px;
			height: 20px;
		}
		
		#statusbookingindex {
			background-color: #40cab6;
			color: #ffffff;
			cursor: pointer;
		}
		
		#statusbooking {
			background-color: #133659;
			color: #ffffff;
			cursor: pointer;
		}
		
		#statusbooking:hover #buttonlink {
			border-bottom: 2px solid #ffffff;
		}
		
		#statusbookingfull {
			background-color: #ca1d2d;
			color: #ffffff;
		}
		
		#statusbookingdone {
			background-color: #333333;
			color: #ffffff;
		}
		
		.contentworkshopbooking:after {
		 	content: "BUCHUNG VOR ORT / 06152 - 8593562";
		}
		
		.contentworkshopend:after {
		 	content: "WORKSHOP BEENDET";
		}
		
		.contentworkshopfull:after {
		 	content: "WORKSHOP AUSGEBUCHT";
		}
		
		.contentbasiskursbooking:after {
		 	content: "BUCHEN";
		}
		
		.contenterweiterungskursbooking:after {
		 	content: "BUCHEN";
		}
		
		
		/* FORM */
		
		.formularcontainer {
			background-color: #f1f5f9;
			margin: 50px auto 0 auto;
		}
		
		.formularcontent {
			width: auto;
			margin: 0 30px 0 30px;
			padding-top: 10px;
		}
		
		.fieldtag {
			font-size: 15px;
			font-family: 'Proxima-Semibold';
			margin: 30px 0 10px 0;
		}
		
		input {
			-webkit-appearance: none;
			border-radius: 0;
			}
		
		
		.formularfeld {
			color: #333333;
			font-family: 'Proxima-Regular';
			font-size: 15px;
			background-color: #ffffff;
			border: none;
			height: 40px;
			border: 2px solid #d2d2d2;
			  -webkit-box-sizing: border-box;
			     -moz-box-sizing: border-box;
			          box-sizing: border-box;
		}
		
		.hauptfeld {
			width: 100%;
			margin: 10px 0 0 -2px;
			padding: 0 10px;
		}
		
		.formularfeld:focus {
			outline: none; 
		}
		
		.captchaimage {
			float: left;
			width: 140px;
			height: 44px;
			width: auto;
			display: inline-block;
		}
		
		.captchaform {
			width: auto;
			display: inline-block;
			vertical-align: top;
			height: 40px;
			margin-left: 10px;
		}
		
		.captchafeld {
			text-align: center;
			width: 76px;
		}
		
		.submitcontainer{
		}
		
		.submitbutton {
			margin: 30px 0;
			background-color: #133659;
			border: 0px;
			height: 40px;
			width: 140px;
			font-size: 20px;
			font-family: 'Proxima-Regular';
			color: #ffffff;
		}
		
		/*GMAPS*/
		
		.mapcontainer {
			position: relative;
			padding-bottom: 56%;
			height: 0;
			overflow: hidden;
			margin-top: 50px;
		}
		
		.mapcontainer iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		
		
		
		
		
		
		
		/*---------- FOR 768 (e.g. iPad Portrait) ----------*/
		@media screen and (max-width: 1000px) {
		
			.container {
				width: 90%;
				margin: 0 auto 0 auto;
			}
		
		}
		
		
		
		/*---------- FOR 600 ----------*/
		@media screen and (max-width: 760px) {
		
			.desktopheader {
				display: none;
			}
		
			.mobileheader {
				display: block;
				margin-bottom: 50px;
			}
			
			.mobileheadernav {
			}
			
			.mobilenav {
				font-size: 15px;
				font-family: 'Proxima-Semibold';
				width: 100%;
				text-align: center;
				padding: 7px 0 5px 0;
				margin: 10px 0;
			}
					
			.comingupnext {
				margin-top: -30px;
			}
			
			.mnavactive {
				background-color: #133659;
				color: #ffffff;
				cursor: pointer;
			}
			
			.mnavinactive {
				background-color: #efefef;
				color: #333333;
				cursor: default;
			}
			
			.mobileheaderlogo {
				margin: 20px 0 20px 0;
				width: 100%;
				height: 80px;
				background-image: url('images/farbtexte_brand.svg');
				background-size: auto 100%;
				background-position: bottom;
				background-repeat: no-repeat;
			}
		
			.footer {
				margin: 50px 0 50px 0;
				height: 80px;
			}
			
			.footernav {
				margin: 30px 20px 0 0;
			}
			
			.abbinder {
				display: none;
			}
			
			
			/* CONTENT */
					
			.headline {
				font-size: 20px;
				margin-bottom: 40px;
			}
		
			.copy {
				font-size: 15px;
				line-height: 22px;
			}
		
			.category {
				margin-top: 40px;		
			}
			
			.trenner {
				margin: 40px 0 50px 0;
			}
			
						.event {
							background-color: #cbe9e9;
							color: #000000;
							padding: 25px;
							margin-top: -30px;
							margin-bottom: 50px;
						}
						
						.event img {
							text-align: center;
							margin: auto auto;
							display: none;
							
						}
						
						.eventdate {
							font-size: 20px;
						}
						
						.eventcopy {
							font-size: 20px;
						}
			
			.heroteaser {
				margin-bottom: 50px;
			}
			
			a[href^=tel],
			a:visited[href^=tel] {
				border-bottom: 1px solid #ffffff;
			}
			

		
		}