/* Webfonts
-----------------------------------------------------------*/

/**
 * @license
 * MyFonts Webfont Build ID 3774327, 2019-06-16T14:29:18-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: UniversLTPro-45Light by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/univers/pro-45-light/
 * Copyright: Copyright © 2014 Monotype GmbH. All rights reserved.
 * 
 * Webfont: UniversLTPro-55Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/univers/pro-55-roman/
 * Copyright: Copyright © 2017 Monotype GmbH. All rights reserved.
 * 
 * Webfont: UniversLTPro-65Bold by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/univers/pro-65-bold/
 * Copyright: Copyright © 2014 Monotype GmbH. All rights reserved.
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3774327
 * Licensed pageviews: 750,000
 * 
 * © 2019 MyFonts Inc
*/


@font-face {font-family: 'UniversLTPro-45Light';src: url('webfonts/399777_0_0.eot');src: url('webfonts/399777_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/399777_0_0.woff2') format('woff2'),url('webfonts/399777_0_0.woff') format('woff'),url('webfonts/399777_0_0.ttf') format('truetype');}

@font-face {font-family: 'UniversLTPro-55Roman';src: url('webfonts/399777_1_0.eot');src: url('webfonts/399777_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/399777_1_0.woff2') format('woff2'),url('webfonts/399777_1_0.woff') format('woff'),url('webfonts/399777_1_0.ttf') format('truetype');}

@font-face {font-family: 'UniversLTPro-65Bold';src: url('webfonts/399777_2_0.eot');src: url('webfonts/399777_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/399777_2_0.woff2') format('woff2'),url('webfonts/399777_2_0.woff') format('woff'),url('webfonts/399777_2_0.ttf') format('truetype');}



/* Grundgerüst
-----------------------------------------------------------*/
body {
	font-family: 'UniversLTPro-45Light', sans-serif;
	color: #3f3e41;
	color: #1a1a1a;
	font-size: 15px;
}

.mar-bottom-1lh {
	margin-bottom: 1.35em;
}

.grid-2, .grid-3, .grid-4, .grid-galerie {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: 1fr;
	grid-column-gap: 1.0526315789%;
	grid-row-gap: 1.6em;
}

.grid-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-galerie {
	grid-column-gap: 1.6em;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	padding-bottom: 1.6em;
}

.grid-3.homeGrid {
	grid-row-gap: 1.0526315789%;
}

.grid-item {
	position: relative;
}

.frame {
	margin: 0 auto;
	width: 92%;
	max-width: 1050px;
	position: relative;
}

.main {
	padding: 0 0 3em 0;
	padding: 0 0 0 0;
	background: #f1f4f6;
	background: #f5f5f5;
}

.body-home .main {
	padding: 3em 0;
}

.spickelFrame {
	background: white url(../img/spickel_rot-grau.png) no-repeat center top;
	background-size: 101% auto;
	padding: 12.5em 3.5% 1em 3.5%;
	padding: 18% 3.5% 1em 3.5%;
	box-sizing: border-box;
}

body.body-gelb .spickelFrame {
	background: white url(../img/spickel_gelb-grau.png) no-repeat center top;
	background-size: 101% auto;
}

body.body-gruen .spickelFrame {
	background: white url(../img/spickel_gruen-grau.png) no-repeat center top;
	background-size: 101% auto;
}

body.body-blau .spickelFrame {
	background: white url(../img/spickel_blau-grau.png) no-repeat center top;
	background-size: 101% auto;
}


/* Allgemeine Formatierungen
-----------------------------------------------------------*/
img {
/* 	max-width: 100%; */
	width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
	color: #1a1a1a;
	font-family: 'UniversLTPro-55Roman', sans-serif;
}

a:hover {
/* 	color: #9fc074; */
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'UniversLTPro-65Bold', sans-serif;
	font-family: 'UniversLTPro-55Roman', sans-serif;
	font-size: 1.3333333333em;
	font-size: 1em;
	padding-bottom: 0em;
	line-height: 1.35em;
	clear: both;
}

h1 {
	font-size: 1.666em;
	padding: 0 0 0.75em 0;
	letter-spacing: 0.05em;
}

h1.abstandOben {
	padding: 1em 0 0.75em 0;
}

h2 {
	font-size: 1.4em;
	font-family: 'UniversLTPro-55Roman', sans-serif;
	padding: 0.6em 0 0.1em 0;
	border-bottom: 1px solid #7c7d7e;
	margin-bottom: 0.6em;
}

h3 {
	padding-top: 0.75em;
}

.mainContent h3 {
	color: #c50219;
}

body.body-gelb .mainContent h3 {
	color: #f0b200;
}

body.body-gruen .mainContent h3 {
	color: #81b206;
}

body.body-blau .mainContent h3 {
	color: #00717e;
}

h4 {
	font-size: 1em;
	padding-bottom: 0;
}

p, .main ul {
	line-height: 1.35em;
	padding: 0 0 1.35em 0;
}

strong, b {
	font-family: 'UniversLTPro-55Roman', sans-serif;
}

.main ul li {
	padding: 0 0 0 0.6em;
}

.main ul li:before {
	content: "– ";
	position: relative;
	margin-left: -0.6em;
}

/* Struktur
-----------------------------------------------------------*/
.footerImg {
	position: relative;	
}

.footerImg .spickel {
	background: url(../img/spickel_weiss.png) no-repeat center top -1px;
	background-size: 101% auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
}

/* Header
-----------------------------------------------------------*/
.siteHeader {
	border-bottom: 1px solid #bbbdbe;
	height: 85px;
	position: relative;
}

.logo {
	display: block;
	width: 230px;
	position: absolute;
	right: 0;
	top: 1.3em;
}

/* Footer
-----------------------------------------------------------*/
.siteFooter {
	padding: 2em 0;
}

.adressBlock {
	float: left;
	display: table-cell;
}

.siteFooter p {
	padding: 0 1.5em 1em 0;
	vertical-align: bottom;
	display: inline-block;
}

.siteFooter p a {
	font-family: 'UniversLTPro-45Light', sans-serif;
	color: #999999;
}

.siteFooter p span {
	width: 4em;
	display: block;
	float: left;
}

.siteFooter p.eduqua {
	display: block;
	position: absolute;
	right: 0;
	width: 110px;
	padding: 0.6em 0 0 0;
	padding: 0;
	top: -5px;
}



/* Spezifische Formatierungen
------------------------------------------------------------*/
.sectionLogo {
	position: absolute;
	right: 0;
	top: 4em;
	width: 40%;
	max-width: 390px;
	height: auto;
}

.mainContent {
	max-width: 740px;
	min-height: 50vh;
}

p.linkBock, p.downloadBock {
	margin: 0 0 .675em 0;
	padding: 0;
}

.linkBock a, .downloadBock a {
	display: block;
}

.googleMaps {
    position: relative;
    padding-bottom: 65%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
	margin: 0 0 1.3846153846em 0;
}

.googleMaps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.greenButton {
	font-size: 1.1em;
	display: inline-block;
	background: #81b206;
	color: #fff;
	padding: 0.5em 0.5em 0.25em 1.75em;
	margin: 0 0 1em 0;
	letter-spacing: 0.05em;
	border-radius: 4px;
	position: relative;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

}

.greenButton:before {
	content: "";
	width: 1.25em;
	height: 1.5em;
	display: block;
	position: absolute;
	left: 0.25em;
	background-image: url(../img/icon-arrow.svg);
	background-position: left -0.25em;
	background-size: 1.25em auto;
	background-repeat: no-repeat;
}


/* Home Box
------------------------------*/
.homeBox, .internBox {
	/* float: left;
	width: 32.6315789474%;
	margin: 0 1.0526315789% 1.0526315789% 0; */
	color: #3f3e41;
	background: #fff;
	position: relative;
	display: block;
}

.spickel {
	background: url(../img/spickel_blau-weiss.png) no-repeat center top;
	background-size: 101% auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
}

.homeBox.gruen .spickel {
	background: url(../img/spickel_gruen-weiss.png) no-repeat center top;
	background-size: 101% auto;
}

.homeBox.gelb .spickel {
	background: url(../img/spickel_gelb-weiss.png) no-repeat center top;
	background-size: 101% auto;
}

a.homeBox {
	font-family: 'UniversLTPro-45Light', sans-serif;
}

.homeBox .content,
.internBox .content
{
	background: #fff;
	padding: 10% 5%;
}

.homeBox .content h2, .homeBox .content p {
	margin-left: 21%;
}

.homeBox .content h2 {
	border: none;
	padding: 0 0 1em 0;
	margin-left: 9%;
}


/* News Box Home
------------------------------*/
#homeNews {
	background: #cad9e7;
	background: #dedede;
}

#homeNews .content {
	background: transparent;
	margin-top: 0;
}

#homeNews .content h2, #homeNews .content p {
	margin-left: 0;
}


/* Team Box
------------------------------*/
.teamBox {
	/* float: left;
	width: 32.6315789474%;
	margin: 0 1.0526315789% 1.6em 0; */
	background: #f5f5f5;
}

.teamBox:nth-child(3n) {
	/* margin-right: 0; */
}

.teamBox .content {
	padding: 4.0322580645%;
}

.teamBox .content p {
	margin: 0;
	padding: 1em 0 0.25em 0;
}

.vorstand {
	margin-bottom: 1.6em;
}

/* Kurstabelle 
------------------------------*/
.kursTabelle, .kursDetail {
	width: 100%;
	margin-bottom: 1.5em;
	line-height: 1.5em;
	border-collapse: collapse;
}

.kursTabelle th, .kursDetail th {
/* 	font-weight: 500; */
	font-family: 'UniversLTPro-55Roman', sans-serif;
	padding: 0.75em 0 0.5em 0;
	border-bottom: 1px solid #7c7d7e;
}

body.body-gelb .kursTabelle th, 
body.body-gelb .kursDetail th {
	border-bottom: 1px solid #f0b200;
}

body.body-gruen .kursTabelle th, 
body.body-gruen .kursDetail th {
	border-bottom: 1px solid #81b206;
}

body.body-blau .kursTabelle th, 
body.body-blau .kursDetail th {
	border-bottom: 1px solid #00717e;
}


body.body-blau .mainContent h3 {
	color: #00717e;
}

.kursTabelle td, .kursDetail td {
	padding: 0.75em 0 0.5em 0;
	border-bottom: 1px solid #bbbdbe;
}

.kursTabelle th:first-child, .kursDetail th:first-child {
	font-size: 1.1em;
	text-align: left;
	font-family: 'UniversLTPro-55Roman', sans-serif;
}

body.body-gelb .kursTabelle th:first-child, 
body.body-gelb .kursDetail th:first-child {
	color: #f0b200;
}

body.body-gruen .kursTabelle th:first-child, 
body.body-gruen .kursDetail th:first-child {
	color: #81b206;
}

body.body-blau .kursTabelle th:first-child, 
body.body-blau .kursDetail th:first-child {
	color: #00717e;
}

.kursTabelle td:first-child {
	text-align: left;
	font-family: 'UniversLTPro-55Roman', sans-serif;
	width: 40%;
}

.kursTabelle td:nth-child(2), .kursTabelle th:nth-child(2) {
	text-align: right;
	padding-right: 3%;
}

.kursTabelle td:nth-child(3), .kursTabelle th:nth-child(3) {
	text-align: right;
	padding-right: 3%;
}

.kursTabelle td:nth-child(4), .kursTabelle th:nth-child(4) {
	text-align: right;
	width: 5%;
}

.kursTabelle td:nth-child(5), .kursTabelle th:nth-child(5) {
	text-align: right;
	width: 20%;
}

.tabelleZusatz {
	padding-left: 0;
}

.einstufungsTest {
	padding: 1em 0 1em 0;
}


/* Kurstabelle Detail 
------------------------------*/
.kursDetail td:first-child {
	text-align: left;
/* 	font-weight: 500; */
	font-family: 'UniversLTPro-55Roman', sans-serif;
	width: 25%;
}

.kursDetail td:nth-child(2) {
	text-align: left;
	width: auto;
}

.kursDetail {
	margin-bottom: 2.4em;
}

.kursDetail span {
	display: block;
}

.kursDetail span a {
	font-family: 'UniversLTPro-55Roman', sans-serif;
}


/* News Box
------------------------------*/
.newsBlock h2 span {
	float: right;
	font-size: 0.65em;
	font-family: 'UniversLTPro-55Roman', sans-serif;
}

.newsBlock {
	padding: 0 0 1em 0;;
}

.newsBlock h3 {
	padding: 0.75em 0 0 0;
}


/* Intern
-----------------------------------------------------------*/
.internBox .content h2,
.downloads-intern h2 a
 {
	border-bottom: none;
	color: #c50219;
}

.internBox .spickel {
	background: url(../img/spickel_rot-transparent.png) no-repeat center top;
	background-size: 101% auto;
}

.downloads-intern {
	padding: 1.6em;
	margin: 1.6em 0;
	background: #fff;
}

.downloads-intern > div {
	column-count: 3;
	column-gap: 1.6em;
}

.downloads-intern > div > div {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.dlBlock, .linkBlock {
	padding: .3375em;
	border-bottom: 1px solid #e5e7e8;
	padding: 0.675em;
/* 	margin-bottom: 1.35em; */
}

.dlBlock h3, .linkBlock h3 {
	padding-top: 0;
}

//div.dlBlock:nth-child(odd), div.linkBlock:nth-child(odd) {
//	background: #fff;
//	background: rgba(255, 255, 255, 0.6);
//}

.dlBlock a, .linkBlock a {
	padding: 0px;
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #c50219;
	margin-left: 1.35em;
}

.dlBlock a:before, .linkBlock a:before {
	content: "";
	width: 1em;
	height: 1em;
	display: block;
	position: absolute;
	left: -1.35em;
	background-image: url(../img/icon-file.svg);
	background-position: left 0.1em;
	background-size: 1em auto;
	background-repeat: no-repeat;
}

.dlBlock a:hover, .linkBlock a:hover {
	border-bottom: 1px solid #e5e7e8;
}

.dlBlock p, .linkBlock p {
	padding: 0;
	margin: .3375em 0 0 1.35em;
}

.linkBlock a:before {
	background-image: url(../img/icon-link.svg);
}

.intern-img img {
	height: auto;
	width: auto;
	max-height: 60vh;
	max-width: 100%;
}


/* Formular
-----------------------------------------------------------*/
form label {
	display: block;
	float: left;
	width: 30%;
	line-height: 1.75em;
}

form input[type=text],
form input[type=password],
form input[type=email] {
	display: block;
	float: left;
	width: 60%;
	margin: 0.2em 0;
	padding: 0.2em;
	font-size: inherit;
	font-family: 'UniversLTPro-45Light', sans-serif;
	border: 1px solid #b2bfcb;
}

.submitBtn,
#absendenBlock button,
button.btn,
div[data-freeform-controls] button
 {
	width: auto;
	background: #5d7e95;
	border: none;
	color: #fff;
	margin: 2em 0;
	padding: 0.3em 0.4em;
	text-transform: uppercase;
	font-family: 'UniversLTPro-55Roman', sans-serif;
	border: none;
	display: block;
	float: left;
	font-size: inherit;
}

form select {
	margin: 0.2em 0;
	padding: 0.2em;
	font-size: inherit;
	font-family: 'UniversLTPro-45Light', sans-serif;
	line-height: 1.75em;
	display: block;
	float: left;
}

.checkbox-box  {
	margin-top: 1em;
}

.checkbox-box label {
	display: inline;
	float: none;
	width: auto;
}

.formZusatz {
	margin-left: 30%;
	width: 60%;
}

.errEmpty {
	background: #f8bbbb;
}

.formError strong {
	color: #c50219;
}

.errors {
	clear: both;
	color: #c50219;
	margin-left: 30%;
}

.freeform-errors {
	color: #c50219;
	clear: both;
	width: 100%;
}



/* Main Navigation
-----------------------------------------------------------*/
.mainNav {
	float: left;
	padding: 3.25em 0 0 0;
	font-family: 'UniversLTPro-55Roman', sans-serif;
}

.mainNav li {
	float: left;
	margin: 0 1.2em 0 0;
}

.mainNav li a {
	color: #333333;
}

.mainNav li.active a,
.mainNav a.active  {
	font-family: 'UniversLTPro-65Bold', sans-serif;
}

.mainNav ul ul {
	display: none;
}

.navWrapper {
	opacity: 1;
}

.subNav {
	font-family: 'UniversLTPro-55Roman', sans-serif;
}

.subNav li {
	float: left;
	margin: 0.3em 1.2em 0.1em 0;
	line-height: 3em;
	font-size: 0.8666666667em;
}

.subNav li.active, .subNav li.ancestor  {
	font-family: 'UniversLTPro-65Bold', sans-serif;
}

.subNav li.active>a, .mainNav ul ul li.active>a, .mainNav ul li.ancestor>a, .ancestor>a {
	font-family: 'UniversLTPro-65Bold', sans-serif;
}



/*-----------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
MediaQueries
-------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {

.siteFooter .grid-3 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.siteFooter p.eduqua {
	min-width: auto;
	float: none;
	position: static;
	margin-top: 1.35em;
}

.body-home .main {
	padding: 100px 0;
	padding: 70px 0;
}

.downloads-intern > div {
	column-count: 2;
}

} /* Ende 1000 */



@media screen and (max-width: 750px) {
.grid-3 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-3.homeGrid {
	grid-row-gap: 1.0526315789%;
}

/* .homeBox {
	float: left;
	width: 49.4736842105%;
	margin: 0 1.0526315789% 1.0526315789% 0;
}

.homeBox:nth-child(3n) {
	margin-right: 1.0526315789%;
}

.homeBox:nth-child(2n) {
	margin-right: 0;
} */

.sectionLogo {
	top: 2em;
}

.main, .body-home .main {
	padding: 100px 0;
}

/* Kurstabelle Box
------------------------------*/
.kursTabelle td:first-child {
	text-align: left;
	width: auto;
}

.kursTabelle td:nth-child(2), .kursTabelle th:nth-child(2) {
	text-align: left;
	padding-right: 3%;
}

.kursTabelle td:nth-child(3), .kursTabelle th:nth-child(3) {
	text-align: left;
}

.kursTabelle td:nth-child(4), .kursTabelle th:nth-child(4) {
	text-align: left;
	width: auto;
}

.kursTabelle td:nth-child(5), .kursTabelle th:nth-child(5) {
	text-align: left;
	width: auto;
}


/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.kursTabelle thead tr, .kursDetail thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.kursTabelle tr, .kursDetail tr { 
	border-bottom: 1px solid #7c7d7e;
	border-bottom: 1px solid #bbbdbe;
	margin-bottom: 2.4em;
}

.kursTabelle td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #fff;
	position: relative;
	padding-left: 40%; 
	position: relative;
}

.kursTabelle td:before { 
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 0;
	width: 55%; 
	padding-right: 10px; 
	white-space: nowrap;
}

.kursTabelle td:last-child { 
	border: none;
}

/* 	td:nth-of-type(1):before { content: "Tag"; } */
.kursTabelle td:nth-of-type(2):before { content: "Tag"; }
.kursTabelle td:nth-of-type(3):before { content: "Dauer"; }
.kursTabelle td:nth-of-type(4):before { content: "Lekt."; }
.kursTabelle td:nth-of-type(5):before { content: "Preis CHF"; }

.kursTabelle tbody tr:first-child td {
	padding-top: 6px; 
}

.kursTabelle tbody tr td:first-child { 
	padding-left: 0; 
	padding-top: 6px; 
	border-bottom: 1px solid #bbbdbe; 
}

.kursDetail tr { 
	border-top: 1px solid #7c7d7e;
}

.kursDetail td:first-child {
	width: auto;
}

.kursDetail td:nth-child(2) {
	width: auto;
}

.kursDetail {
	margin-bottom: 0;
	padding-top: 0;
}

.kursDetail td { 
	padding-top: 0;
	border: none;
}

.kursDetail tbody tr td:first-child { 
	padding-top: 6px; 
	padding-bottom: 0;

}

.logo {
	position: absolute;
	right: auto;
	left: 0px;
	width: 200px;
	top: 1.15em;
}

.siteHeader {
	border-bottom: 1px solid #bbbdbe;
	height: 70px;
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 100;
}


/* Navigation
-----------------------------------------------------------*/
nav.mainNav {
	z-index: 100;
	position: fixed;
	background: #fff;
	right: 60px;
	left: 0;
	top: 0;
	bottom: 0;
	top: 71px;
	padding: 0;
	overflow-x: hidden;
	display: none;
}

nav.mainNav ul {
	margin: 0;
	padding: 4%;
	display: block;
	width: 92%;
	background: #fff;
}

nav.mainNav ul li {
	float: none;
	display: block;
	border-bottom: 1px solid #bbbdbe;
	width: 100%;
	line-height: 2em;
}

nav.mainNav ul li a {
	display: block;
	background: url(../img/navClosed.png) no-repeat right top;
}

nav.mainNav ul .ancestor a,
nav.mainNav ul li a.open
{
	background: url(../img/navOpen.png) no-repeat right top;
}


nav.mainNav ul li:first-child a,
nav.mainNav ul ul li a,
nav.mainNav ul .ancestor ul li a
{
	background: none;
}

.mainNav ul ul {
	display: block;
	float: none;
	position: static;
	margin-bottom: 1em;
	padding: 0;
}


.mainNav ul ul li {
	border: none;
	line-height: 1.5em;
	font-size: 0.8666666667em;
}

#navBtnLabel {
	display: block;
	line-height: 34px;
	position: absolute;
	top: 24px;
	right: 0px;
	height: 30px;
	width: 30px;
	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='28' height='3'/><rect y='20' width='28' height='3'/><rect y='10' width='28' height='3'/></svg>");
	background-size: contain;
}

/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
/*   transition: left 0.2s; */
}

.nav-trigger:checked + label {
/*   left: 215px; */
}

.nav-trigger:checked ~ .site-wrap {
/*
  left: 200px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
*/
}


/*
nav.mainNav ul > li::before {
	content: "› ";
}
*/

.navWrapper {
	opacity: 0;
}

.subNav {
	display: none;
}


} /* Ende 750 */





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

h1 {
	font-size: 1.8em;
}

.sectionLogo {
	top: 1.5em;
}

.grid-3,
.siteFooter .grid-3 {
	display: block;
}

.grid-item {
	margin-bottom: 1.35em;
}

.downloads-intern > div {
	column-count: 1;
}
/* .homeBox {
	width: 100%;
	margin: 0 0 1.2em 0;
} */

/* .homeBox:nth-child(3n) {
	margin-right: 0;
} */

.body-home .main {
	padding-top: 100px;
}



/* Formular
-----------------------------------------------------------*/
form label {
	width: 100%;
	max-width: none;
	margin: 0;
}

form input[type=text],
form input[type=email] {
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
}

.formZusatz {
	margin-left: 0%;
	width: 100%;
}


/* Footer
-----------------------------------------------------------*/
.siteFooter {
	padding: 2em 0;
}

.adressBlock {
	float: none;
	display: block;
}

.siteFooter .frame .group {
}

.siteFooter p {
	padding: 0 1.5em 1.35em 0;
	display: block;
	min-width: auto;
}


} /* Ende 550 */









/* Advanced Checkbox Hack Navigation
-----------------------------------------------------------*/
body {
  -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
  from {
	padding: 0;
  }
  to {
	padding: 0;
  }
}

#navBtn/*  input[type=checkbox] */ {
	position: absolute;
	top: -9999px;
	left: -9999px;
}





/* Clearfix
-----------------------------------------------------------*/
.group:after {
  content: "";
  display: table;
  clear: both;
 }