/** Project: LuftPumpe Juni
 *  Description: 
 *
 *  @creator       Thinkin-Tags v0.5.3
 *  @framework     YAML v4.1.2
 *  @file          screen.css
 */

@media screen {

	body {
	background-image: -webkit-linear-gradient(270deg,rgba(0,74,139,1.00) 0%,rgba(0,74,139,1.00) 31.61%,rgba(255,255,255,1.00) 71.44%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,74,139,1.00) 0%,rgba(0,74,139,1.00) 31.61%,rgba(255,255,255,1.00) 71.44%,rgba(255,255,255,1.00) 100%);
	background-image: -ms-linear-gradient(top, #444444 0%,#444444 45%,#ffffff 55%,#ffffff 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,74,139,1.00) 0%,rgba(0,74,139,1.00) 31.61%,rgba(255,255,255,1.00) 71.44%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,74,139,1.00) 0%,rgba(0,74,139,1.00) 31.61%,rgba(255,255,255,1.00) 71.44%,rgba(255,255,255,1.00) 100%);
	overflow-y: scroll;
	}

	.ym-wrapper {
		margin: 0 auto;
		max-width: 80em;
	}

	.ym-wbox {
	overflow: hidden;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	}

	header {
	background: transparent;
	}

	nav h1 {
		/*color: #fff;*/
		float: left;
	}

	nav {
	padding-right: 0;
	padding-left: 0;
	}

	main {
	
		padding: 24px 0;
	}

	footer {
	border-top: 2px solid rgba(134,134,134,1.00);
	padding-top: 24px;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: -2em;
	margin-left: -2em;
	margin-bottom: 0;
	;
	padding-bottom: 24px;
	background-color: rgba(209,209,209,1.00);
	}
	
	#sitenav a{
  color: #0060af;
  background-color: transparent;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

	.ym-hlist {
	background: transparent;
	float: left;
	width: 100%;
	}
	


	.ym-hlist ul {
	float: right;
	padding: 0;
	width: 100%;
	}

	.ym-hlist ul li a {
	display: block;
	/*padding: 6px 24px;*/
	text-decoration: none;
	text-align: center;
	font-size: large;
	}

	.ym-hlist ul li {
	/*border-bottom: 5px solid rgba(178,201,22,1.00);*/
	margin: 0;
	width: 16.66%;
	}


	.teaser {
		position: relative;
	}

	.overlay {
		background: 
		/*rgba(255,255,255,.5);*/
		bottom: 64px;
		left: 64px;
		outline: 12px rgba(255,255,255,.5) solid;
		position: absolute;
		width: 40%;
	}

	.overlay p {
		font-style: italic;
	}
	
	/*Schmitte*/
	div.ym-wrapper.hg {
	background-color: #fff;
	padding-top: 0px;
	padding-right: 2em;
	padding-bottom: 0px;
	padding-left: 2em;
	}
	.angebot-abstand {
	padding: 15px 0;
	}
	div.angebot {
	background: #f4f4f4;
	border: 2px #fff solid;
	-webkit-box-shadow: 0 0 4px #dddddd;
	box-shadow: 0 0 4px #dddddd;
	padding-bottom: 10px;
	}
	div.blaues {
	background: #0060AF;
	color: #ffffff;
	}
	div.angebota {
	background: #0060AF;
        color: #fff;
	border: 2px #fff solid;
	-webkit-box-shadow: 0 0 4px #dddddd;
	box-shadow: 0 0 4px #dddddd;
	padding-top: 3px;
	padding-bottom: 3px;
	}
	div.angebotb {
	background: #fff;
        color: #000000;
	border: 2px #fff solid;
	-webkit-box-shadow: 0 0 4px #dddddd;
	box-shadow: 0 0 4px #dddddd;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
	
	section.angebot-bild {
	padding: 1em; 
	background-color: white;
	}
	span#dreieck {
    background-image: url(/images/dreieck1.png);
    background-repeat: no-repeat;
	width: 47px;
	height: 47px;
	display: inline-block;
	}
	section.angebot-text > p,
	section.angebot-text > span{
	color: #222C30;
	}
	section.angebot-text {
	padding: 1em;
	}
	a.linkdetails > p,
	a.linkdetails > section.angebot-text > span {
	color: #222C30;
	}
	h4.angebotspreis,
	h4.angebotspreis strong {
	margin: 0.3em 0;
	color: #0060AF;
	}
	div.startseite:hover, 
	div.startseite:hover h3,
	div.startseite:hover h4,
	div.startseite:hover h4 strong,
	div.startseite:hover span,
	div.startseite:hover p {
	background: #0060AF;
	color: #fff;
	}
	div.startseite:hover > section.angebot-text {
	color: #fff;
	}
}

@media only screen and (max-width: 768px) {

	.linearize-level-1,
	.linearize-level-1 > [class*="ym-c"],
	.linearize-level-1 > [class*="ym-g"] {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: auto !important;
	}

	.linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"],
	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
		margin: 0;
		overflow: hidden;
		padding: 0;
	}

	nav,
	header,
	main,
	footer {
		padding: 0;
	}

	nav h1 {
		float: none;
	}

	.overlay {
		background: transparent;
		margin: 2em 0 1em 0;
		outline: 0 none;
		position: static;
		width: auto;
	}

	.ym-hlist ul li+li {
		margin: 0.5em 0;
	}

	.ym-searchform,
	nav .ym-hlist,
	nav .ym-hlist ul,
	nav .ym-hlist ul li {
		display: block;
		float: none;
		text-align: left;
		width: auto;
	}
	
	.ym-searchform input[type="search"] {
		width: 75%;
	}
	
	/*Schmitte*/
		blockquote {
		margin: 1.5em;
	}
	span#dreieck {
    background-image: url(/images/dreieck2.png);
    background-repeat: no-repeat;
	width: 47px;
	height: 47px;
	display: inline-block;
	}

}

@media only screen and (max-width: 580px) {

		div.float-left > img.flexible.logo {
			width: 90%;
	}

}
@media only screen and (max-width: 480px) {

	.linearize-level-2,
	.linearize-level-2 > [class*="ym-c"],
	.linearize-level-2 > [class*="ym-g"] {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: auto !important;
	}

	.linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"],
	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
		margin: 0;
		overflow: hidden;
		padding: 0;
	}
	
	/* ---Vielen Dank an: http://webdesignerwall.com/tutorials/css-responsive-navigation-menu-----*/
	
		div .abstand_mnavi {
			margin-bottom: -30px;
		}
	/*---------Schmitte --------------*/	
		
		.ym-wbox nav .ym-hlist ul {
		width: 200px;
		padding: 0 0 5px 0;
		border: solid 1px #aaa;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	
	.ym-wbox nav .ym-hlist ul {
	background: url(../images/icon-menu.svg) no-repeat 2px 2px;
		
	}
	
	.ym-wbox nav .ym-hlist li {
		display: none; /* "versteckt" alle <li> Elemente */
		margin: 0;
		
	}
	
		.ym-wbox nav .ym-hlist li a{
		border:none;
	}

	.ym-wbox nav .ym-hlist .active {
		display: block; /* zeigt nur das aktive <li> Element */
	}
	
	.ym-wbox nav .ym-hlist a {
		display: block;
		padding: 1px 3px 0 35px;
		text-align: left;
	}
	
	.ym-wbox nav .ym-hlist .active a {
		font-size: 1.3em;
  		font-weight: bold;
  		color: #0060AF;
		line-height: 1.5em;
	}
	
	/* on nav hover */
	.ym-wbox nav .ym-hlist ul:hover {
		background-image: none;
	}
	
	.ym-wbox nav .ym-hlist ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	
	.ym-wbox nav .ym-hlist ul:hover .active {
		background: url(../images/icon-aktiv.svg) no-repeat 2px 2px;
	}
	
}	
	
	.ym-wbox .float-left .logo {
	padding-top: 2em;
	}

.schatten	{
	border-left: 1px solid #B2B2B2;
	-webkit-box-shadow: 0.3em 0.5em 0.3em rgba(119,119,119,0.65);
	-moz-box-shadow: 0.3em 0.3em 0.3em rgba(119,119,119,0.65);
	box-shadow: 0.3em 0.5em 0.3em rgba(119,119,119,0.65);
		}