@media screen {

	@font-face {
	  font-family: "Open sans";
	  src:url(/fileadmin/Resources/Public/WebFonts/open-sans/OpenSans-Regular.ttf) format("truetype");
	}

	/********/
	/* Body */
	/********/

	body {
		font-family: 'Open sans', sans-serif !important;
		font-size: 1em;
		line-height: 1.5em;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Open sans', sans-serif !important;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	table tr:hover {
		background: transparent;
	}
	
	a:hover, a:focus {
		background: transparent;
		color: #1273a3;
	}

	/**********/
	/* Header */
	/**********/
	
	.phone{
		text-align: right;
	}
	
	.phone h4 {
		margin: 0em;
		font-size: 0.9em;
		line-height: 1.5em;
		text-transform: lowercase;
		padding-right: 0.5em;
	  color: #ffffff;
	}
	

	#logo a, #logo-footer a {
	    color: transparent !important;
	}
	
	/**************/
	/* Navigation */
	/**************/

	/****************/
	/* Headerslider */
	/****************/

	#headerslider-main .theme-default .nivoSlider {
		margin: 0 !important;
	}

	#headerslider-sub .csc-textpic-image {
		margin: 0 !important;
	}

	.theme-default .nivoSlider a {
	    background-color: transparent;
	}

	/******************/
	/* Main Allgemein */
	/******************/

	main {
		color: #1273a3 !important;
	}

	main .content .csc-frame-rulerAfter {
		border-bottom: 0.1em solid #7a9cd1;
		margin-bottom: 1em;
	}

	h1 {
		font-weight: bold;
		font-size: 1.1em;
		line-height: 1.4em;
		color: #1273a3;
		padding-top: 0em;
		padding-bottom: 1em;
		margin-bottom: 0em;
		text-align: left; !important;
		text-transform: uppercase;
	}

	h2 {
		font-weight: bold;
		background-color: transparent;
		font-size: 1.0em;
		color: #1273a3;
		padding: 0em;
		text-align: left; !important;
	}

	h2.h2-first {
		padding-top: 0em;
	}	
	
	h3 {
		font-weight: normal;
		font-size: 0.9em;
		color: #1273a3;
	}

	main p, main ul li {
		font-size: 0.9em;
		line-height: 1.8em;
	}

	main a {
		text-decoration: none;
		color: #1273a3;
	}

	main figcaption {
		font-size: 0.8em;
		padding-top: 0.3em;
	}
	
	main .linie-danach {
	    border-bottom: 0.1em solid #3366cc;
	    margin-bottom: 2em;
	}	
	
	.elastic-video {
	    height: 0;
	    overflow: hidden;
	    padding-bottom: 55%;
	    padding-top: 15px;
	    position: relative;
	}
	
	.elastic-video iframe {
	    height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}

	/********************/
	/* Main Hauptspalte */
	/********************/
	
	main .ym-g75 .ym-gbox-left .csc-default {
		padding: 0 1.5em 0 4em;
	}
	
	.ym-g30 {
    width: 30%;
	}
	
	.ym-g70 {
	    width: 70%;
	}
	
	/**********/
	/* Teaser */
	/**********/
	
	.teaser-team h2{
		margin: 0.5em 0 0 0;
	}
	
	.teaser-team h3{
		font-size: 0.95em;
	}
	
	.teaser-team p{
		line-height: 1.2em;
	}
	
	.teaser-team a.download {
		color: orange;
	}
	
	/**********/
	/* Footer */
	/**********/
	
	footer p {
		font-size: 0.7em;
		margin: 0;
		text-transform: uppercase;
	}

	footer a {
		color: #ffffff;
		text-decoration: none;
	}

	footer a:hover { 
		color: #7a9cd1;
		background-color: transparent; 
	}
	
	footer .detail{
		color: #ffffff;
	}	

	/********************************/
	/* TYPO3 Anpassungen Responsive */
	/********************************/

	/* CSS Styled Content Regeln ueberschreiben */
	
	/* nicht mehr benötigt ?
	DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
	DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
	FIGCAPTION.csc-textpic-caption {
	 display: block;
	}
	*/
	
	.ce-left .ce-gallery, .ce-column { /*umgestellt auf fluid*/
	 /*float: none;*/
	}
	
	/* nicht mehr benötigt ?
	DIV.csc-textpic DIV.csc-textpic-imagecolumn {
	 display: inline-block;
	 float: none;
	 vertical-align: top;
	}
	
	.csc-default {clear: both;}
	*/
	
	/* Golden Grid Layout für Bild im Text*/
	.ce-intext .ce-gallery {
		width: 28%; /* Bildcontainer Breite */
	}
	
	/* nicht mehr benötigt ?
	DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
	 margin-left: 40%;  Textblock 
	}
	
	DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
	 margin-right: 40%; Textblock
	}
	*/
	
	/* TYPO3 Anpassungen Responsive Ende */


	/* Überschreiben von TYPO3 CSS */
	div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	    margin-left: 2em;
	}
	
	.csc-textpic-imagecolumn	{
		margin: 0 !important;
	}
	
	/*Extensions*/
	
	/*Extensions*/
	
	.csc-mailform {
	}
	.csc-mailform em {
	    color: #ff0000;
	    display: inline;
	    margin-right: 1em;
	}
	.csc-mailform li {
	    padding-bottom: 1em !important;
	}
	.csc-mailform fieldset ol {
	    padding: 0 !important;
	}
	.csc-mailform fieldset ol li {
	    display: inline;
	    padding: 0 !important;
	}
	.csc-mailform li.csc-form-element-textline input {
	    width: 60%;
	}
	.csc-mailform li.csc-form-element-textarea textarea {
	    width: 60%;
	}
		
	.ls-minimal {
		box-shadow: none !important;
		padding: 0 !important;
	}
}

@media screen  and (min-width: 1025px) {

	.tiles section .ym-gbox .ym-gbox-left {
		padding: 1em 1.5em 0 0;
	}
	
	
	.tiles section .ym-gbox .ym-gbox-right {
		padding: 1em 0 0 1.5em;
	}
	
}