/** Project: ganzheit2016
 *  Description: Landingpage Unternehmen als Ganzheit
 *
 *  @creator       Thinkin-Tags v0.5.3
 *  @framework     YAML v4.1.2
 *  @file          screen.css
 */

@media all {

	.anmeldungNoMoreData {
		padding: 0 0 0 20px;
	}

	.anmeldungOKMoreData {
		padding: 0 0 0 20px;
	}

	.ym-fbox-wrap {
		margin: 10px;
	}

	.topmenu {
		bottom: 0;
		font-size: 130%;
		list-style-type: none;
		margin: 0 20px 20px 0;
		position: absolute;
		right: 0;
		width: auto;
	}

	input,
	select {
		font-family: "open sans condensed", "arial narrow", arial, helvetica, sans-serif;
	}

	.teaser a {
		color: white;
		font-style: italic;
	}

	footer a {
		color: black;
		font-style: italic;
	}

	span.help-block.form-error {
		background: white;
		color: red;
		font-size: 130%;
		font-weight: bold;
		margin: 0px 0px 0px 1px;
		padding: 5px;
		width: auto;
	}

	#anmeldung-ok-checkbox {
		display: block;
		margin-left: 0;
		padding-left: 20px;
		text-indent: -20px;
	}

	.logo-box img {
		float: left;
		margin: 0px 10px 0px 0px;
	}

	.headertitel {
		color: #005800;
		font-size: 190%;
		letter-spacing: 1px;
		line-height: 130%;
		margin: 0;
		padding: 21px 0 0 0;
		text-shadow: 1px 0 0 #005800;
	}

	footer p {
		color: white;
		line-height: 130%;
	}

	footer h3 {
		color: white;
		font-size: 150%;
		line-height: 140%;
	}

	.teaser h3 {
		color: white;
		font-size: 130%;
	}

	figure.svgimg img {
		width: 100%;
	}

	.bannerimage img {
		position: relative;
		top: -20px;
		width: 100%;
		z-index: 0;
	}

	.toplink {
		position: absolute;
		right: 0;
		top: 0;
	}

	main h3 {
		background-color: #666;
		color: white;
		padding: 10px;
		width: calc(100% - 50px);
	}

	nav {
		display: block;
	}

	object.svgimg {
		width: 100%;
	}

}

@media screen {

	body {
		font-family: "Open Sans", serif;
		font-style: normal;
		font-weight: 300;
		overflow-y: scroll;
	}

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

	.ym-wbox {
		overflow: hidden;
		padding: 10px 20px 10px 0px;
		position: relative;
	}

	header {
	}

	nav h1 {
		bottom: 40px;
		font-size: 160%;
		line-height: 160%;
		position: absolute;
	}

	nav {
		padding: 0 0 0px 0;
	}

	main {
		background: transparent;
		padding: 0 0 0 0;
	}

	footer {
		padding: 0 0 0 0;
	}

	.ym-hlist {
		background: #666666;
		padding: 0 0 0 36px;
		position: relative;
		width: auto;
		z-index: 10;
	}

	.ym-hlist ul {
		padding: 0 0 0 20px;
	}

	.ym-hlist ul li a {
		color: #fff;
		display: block;
		font-size: 120%;
		padding: 6px 24px;
		text-decoration: none;
	}

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

	.ym-hlist ul li+li {
		margin-left: 12px;
	}

	.ym-hlist ul li a:hover {
		color: #fff;
	}

	.ym-hlist ul li .active {
		background: rgba(255,255,255,.75);
	}

	.teaser {
		padding: 20px 80px 20px 60px;
		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;
	}

	header div.ym-wrapper {
		background: white;
	}

	main .ym-wrapper {
		background: white;
	}

	footer div.ym-wrapper {
		background: #0085CC;
	}

	nav .ym-wbox {
		padding: 0 0 0 0;
	}

	.ym-gbox-left {
	}

	.ym-gbox-right {
	}

	.topmenu-box {
		height: 125px;
		margin: 0 0 0 0;
		padding: 40px 0px 20px 0px;
		position: relative;
		width: auto;
	}

	nav div.ym-wrapper {
		background: white;
	}

	.logo-box {
		padding: 40px 0 20px 44px;
	}

	footer div.ym-wbox {
		padding: 20px 60px 10px 60px;
	}

	.ym-wrapper-min {
	}

	.ym-column .ym-col1 {
	}

	.ym-cbox-left {
	}

	.ym-column .ym-col2 {
	}

	.ym-cbox-right {
	}

	.ym-column .ym-col3 {
	}

	.ym-cbox {
	}

	div.ym-gbox-right.topmenu-box {
		position: relative;
	}

	header .ym-wrapper.bar {
		background: #666666;
		height: 50px;
		padding: 0px 0px 0px 0px;
		position: relative;
		top: -40px;
	}

}

@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;
	}

	.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;
	}

	.ym-searchform input[type="search"] {
		width: 75%;
	}

}

@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;
	}

}