@charset "utf-8";
/**
 *
 * Projekt: Website-Erstellung für "Gerüstbau Wulf Möwes, 48291 Telgte"
 * Projekt URI: https://geruestbau-moewes.de
 * Author: WiWe Webdesign - Winfried Wesselmann
 * Author URI: http://wiwe-webdesign.de
 * Version: 1.0
 *
 *
 * Inhalte:
 * 01 Fonts - Einbindung
 * 02 Normalisierung und Basis-Styles
 * 03 Styles für dokumentspezifische Elemente und Darstellung auf allen Medien
 *
 *
 * Farben:
 * #FFF    - Dokument-Hintergrund, Schriftfarbe Header & Footer
 * #F5F8FF - Browser-Hintergrund, Formularfelder
 * #272D3B - Schriftfarbe Inhalt
 * #E26E0E - Hintergrund Hauptnavigation/, Schriftfarbe Header Ebene 2-3
 * #00709C - Hintergrund Hauptnavigation mouseover
 * #005E83 - Hintergrund Header/Footer, Schriftfarbe Links/Kontakt-Formular
 * #CCD8E8 - Hervorgehobene Textbereiche, Linkboxen
 * #E2240E - Hintergrund aufmerksamskeitssteigernde Elemente
 *
 */


/**
 *  
 * 01 Fonts - Einbindung
 *
 */
@font-face {
	font-family: 'noto-sans';
	src: url('../fonts/notosans-regular-webfont.woff2') format('woff2'),
		 url('../fonts/notosans-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'noto-sans';
	src: url('../fonts/notosans-italic-webfont.woff2') format('woff2'),
		 url('../fonts/notosans-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'noto-sans';
	src: url('../fonts/notosans-bold-webfont.woff2') format('woff2'),
		 url('../fonts/notosans-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'noto-sans';
	src: url('../fonts/notosans-bolditalic-webfont.woff2') format('woff2'),
		 url('../fonts/notosans-bolditalic-webfont.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}

@media all {
/**
 *  
 * 02 Normalisierung und Basis-Styles
 *
 */
/**
 *  Alle Innen- und Außenabstände zurücksetzen.
 */
* {
	margin: 0;
	padding: 0;
}

/**
 *  Startwerte für font-family setzen;
 *  iOS- und IE-Textgrößenanpassung ohne nach Änderung der Geräteorientierung den Userzoom zu deaktivieren
 */
html {
	font-size: 160%;
	font-family: noto-sans, arial, sans-serif;
	-ms-text-size-adjust: 100%;
	/* Betrifft: IE */
	-webkit-text-size-adjust: 100%;
	/* Betrifft: iOS */
}

/**
 *  Globale Startwerte für Schriftgrößen, Farben und Textausrichtung setzen;
 */
body {
	line-height: 1.8em;
	background: #F5F8FF;
	color: #272D3B;
	text-align: left;
}

/**
 *  Sicherstellen, dass HTML5-Elemente für die Inhaltsstrukturierung als Blockelemente definiert sind
 *  Betrifft: IE8, IE9 (alle HTML5-Elemente)
 *            IE11 (Element "main")
 */
main, header, footer, nav, section, article, aside, figure, figcaption {
	display: block;
}

/**
 *  Basiswerte für Headlines
 */
h1 {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1.636rem;
	font-weight: bold;
	font-style: normal;
	line-height: 1em;
	color: #FFF;
	margin: 0;
	padding:  3.143rem 19.53125% 1.812rem 11.71875%;
}
h2 {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1.636rem;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	color: #E26E0E;
	margin: 0 19.53125% 1.773rem 15.625%;
}
h3 {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1.364rem;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
	color: #E26E0E;
	margin: 0 19.53125% 0.3em;
}
h4 {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1.313em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
	color: #E26E0E;
	margin: 0.857em 0 0.286em;
}
h5 {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1.125em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
	color: #E26E0E;
	margin: 1em 0 0.333em;
}
h6 {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1.125em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
	color: #E26E0E;
	margin: 1em 0 0.333em;
}

/**
 *  Basiswerte für Absätze
 */
p {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1em;
	line-height: 1.8em;
	color: #272D3B;
	margin: 0 0 1.8em;
}

/**
 *  hr-Elemente für alle Browser vereinheitlichen
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

/**
 *  pre-Elemente für alle Browser vereinheitlichen
 */
pre {
	overflow: auto;
}

/**
 *  Basiswerte für unsortierte Listen
 */
ul {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1em;
	line-height: 1.8em;
	color: #272D3B;
	margin: 0 0 1.8em;
}

/**
 *  Basiswerte für sortierte Listen
 */
ol {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1em;
	line-height: 1.8em;
	color: #272D3B;
	margin: 0 0 1.8em;
}

/**
 *  Basiswerte für Listenelemente unsortierter und sortierter Listen
 */
li {
	margin: 0 0 0 3em;
}

/**
 *  Basiswerte für Definitionslisten
 */
dl {
	margin: 0 0 1.5em;
}

/**
 *  Basiswerte für Definitionsterme innerhalb Definitionslisten
 */
dt {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1em;
	line-height: 1.8em;
	color: #272D3B;
	margin: 0 0 0 3em;
}

/**
 *  Basiswerte für Definitionen innerhalb Definitionslisten
 */
dd {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1em;
	line-height: 1.8em;
	color: #272D3B;
	margin: 0 0 0 6em;
}

/**
 *  evtl. vorhandene Hintergrundfarbe aktiver Links entfernen
 *  Betrifft: IE10
 */
a {
	font-family: noto-sans, arial, sans-serif;
	font-size: 1em;
	line-height: 1.8em;
	color: #005E83;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

address {
	font-family: noto-sans, arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	line-height: 1.8em;
	color: #272D3B;
}

/**
 *  Styles für strong- und b-Elemente sicherstellen
 */
strong, b {
	font-weight: bold;
}

/**
 *  Styles für kleiner dargestellten Text
 */
small {
	font-size: 80%;
}

/**
 *  Styles für dfn- und i-Elemente sicherstellen
 */
dfn, i {
	font-style: italic;
}

/**
 *  Styles für den Titel des attr-Elementes sicherstellen
 *  Betrifft: IE8, IE9, IE10, IE11, Safari, Chrome
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 *  Styles für hoch- und tiefgestellten Text
 */
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 1em;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}

/**
 *  Rahmen für img-Elemente löschen
 */
img {
	border: 0 solid;
	vertical-align: bottom;
}

/**
 *  Textausrichtung für Bildbeschreibungen
 */
figcaption {
	text-align: right;
}

/**
 *  Sicherstellen, dass HTML5-Elemente für Medien als Inline-Block-Elemente definiert sind
 *  Betrifft: IE8, IE9
 */
video, audio, canvas {
	display: inline-block;
}

/**
 *  Anzeige von Audio-Elementen, die über keine Kontrollelemente verfügen, unterbinden
 */
audio:not([controls]) {
	display: none;
	height: 0;
	/* Betrifft: iOS5 */
}

/**
 *  overflow-Einstellung des svg-Elementes korrigieren
 *  Betrifft: IE9
 */
svg:not(:root) {
	overflow: hidden;
}

/**
 *  Rahmen für fieldset-Elemente löschen
 */
fieldset {
	border: 0 solid;
}

/**
 *  die Zeilenhöhe in inline-Elementen für alle Browser vereinheitlichen
 */
input {
	overflow: visible;
	line-height: normal;
}

/**
 *  Box-Modell für Input-Elemente von den Typen "Checkbox" und "Radio" korrigieren
 *  Betrifft: IE8, IE9
 */
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}

/**
 *  Darstellung der Input-Elemente vom Typ "Search" vereinheitlichen
 */
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
{
	-webkit-appearance: none;
}

/**
 *  Korrekten Cursor-Style für Increment- und Decrement-Buttons sicherstellen
 *  Betrifft: Chrome
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button
{
	height: auto;
}

/**
 *  Probleme mit klickbaren Eingabe-Elementen in beheben.
 *  Betrifft: iOS
 *
 *  Konsistenz des Cursor-Typen zwischen klickbaren Eingabe-Elementen sicherstellen
 */
input[type="reset"], input[type="submit"], html input[type="button"],
button {
	-webkit-appearance: button;
	cursor: pointer;
}

/**
 *  Sicherstellen, dass der Standardcursor für deaktivierte Elemente angezeigt wird
 */
html input[disabled], button[disabled] {
	cursor: default;
}

/**
 *  Overflow-Verhalten des Button-Elements anpassen.
 *  Betrifft: IE8, IE9, IE10, IE11
 *
 *  Inkonsistente Vererbung von text-transform unterbinden
 *  Betrifft:  IE8, IE9, IE10, IE11, Firefox, Opera
 */
button {
	overflow: visible;
	text-transform: none;
}

/**
 *  Inkonsistente Vererbung von text-transform unterbinden
 *  Betrifft:  Firefox
 *
 *  Zurückgesetzte Innenabstände für das select-Element individuell anpassen.
 */
select {
	text-transform: none;
	padding: 1px;
}

/**
 *  Zurückgesetzte Innenabstände für das option-Element individuell anpassen.
 */
option {
	padding: 0 0 0 0.4em;
}

/**
 *  Standardmäßig vorhandenen Scroll-Balken entfernen.
 *  Betrifft: IE8, IE9, IE10, IE11
 */
textarea {
	overflow: auto;
}

/**
 *  Sicherstellen, dass bestimmte HTML5-Formularelemente als Inline-Block-Elemente definiert sind
 *  Betrifft: IE8, IE9
 *
 *  Vertikale Ausrichtung korrigieren
 *  Betrifft: Firefox, Chrome, Opera
 */
progress {
	display: inline-block;
	vertical-align: baseline;
}

/**
 *  Anzeige für Elemente mit hidden-Attribut verhindern.
 *  Betrifft: IE8, IE9, IE10, IE11, FF (< Version 22), Safari
 */
[hidden] {
	display: none;
}

/**
 *  
 * 03 Styles für dokumentspezifische Elemente und Darstellung auf allen Medien
 *
 */

/**
 *
 * Workarounds
 *
 */
.clear:after {
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: block;
}

body:after {
	content: 'desktopLayout';
	display: none;
}

/**
 *
 * Dokument-Container
 *
 */
#wrapper {
	background: #FFF;
	width: 100%;
	max-width: 2560px;
	margin: 0 auto;
	overflow: hidden;
}

/**
 *
 * skipLinks
 *
 */
#skipLinks {
	list-style-type: none;
	position: absolute;
	left: -99999px;
	top: 0;
	z-index: 2000;
}

#skipLinks ul {
	list-style-type: none;
}

#skipLinks a:focus, #skipLinks a:active {
	position: absolute;
	top: 1.5rem;
	left: 100029px;
	background: #CCD8E8;
	color: #005E83;
	padding: 1.5rem;
}

/**
 *
 * Dokument-Header
 *
 */
#docHeader {
	position: relative;
	background: #005E83;
	line-height: 1em;
}

.fixedPart {
	position: fixed;
	background: #005E83;
	width: 100%;
	height: 9.636rem;
	max-width: 2560px;
	z-index: 1000;
}

#docHeader p {
	font-size: 1.091em;
	color: #FFF;
}

#metaNav {
	height: 2.182rem;
	background: #005E83;
}

#metaNav ul {
	float: right;
	list-style-type: none;
	font-size: 0.636em;
	line-height: 1em;
	padding: 0 11.71875% 0 0;
	margin: 0.455rem 0 0;
}

#metaNav li {
	float: left;
	margin: 0;
}

#metaNav li:last-child {
	margin-right: -0.714em;
}

#metaNav a, #metaNav .actPage {
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 1em;
	padding: 0.5em 0.714em;
}

#metaNav .actPage {
	border-radius: 0.227rem;
	background: #CCD8E8;
	color: #005E83;
	cursor: default;
}

#metaNav a:hover {
	text-decoration: underline;
}

#mainNavControl {
	position: relative;
	display: none;
	background: #E26E0E;
	text-align: right;
	width: 50%;
	height: 4.545rem;
	padding-left: 50%;
	z-index: 1100;
}

#mainNavControl a {
	text-align: right;
	margin-right: 3.61111111111111%;
}

#mainNavControl img {
	width: auto;
	height: 1.597rem;
	text-align: right;
	margin: 1.474rem 3.61111111111111%;
}

#mainNav {
	background: #E26E0E;
	height: 4.545rem;
	line-height: 1em;
}

#mainNav ul {
	list-style-type: none;
	line-height: 1em;
	margin: 0;
}

#mainNav .mainNavLevel1 {
	float: right;
	padding-right: 11.71875%;
}

#mainNav .mainNavLevel2 {
	position: absolute;
	left: 99999px;
	border-radius: 0 0.455rem 0.455rem 0.455rem;
	background: #CCD8E8;
	width: 20rem;
	padding: 1.5rem 0;
}

#mainNav .mainNavLevel2 a {
	color: #005E83;
}

#mainNav li {
	color: #FFF;
	margin: 0;
}

#mainNav li:last-child {
	margin-right: -0.958em;
}

#mainNav .hasSubNav {
	position: relative;
	border-radius: 0.455rem 0.455rem 0 0;
}

#mainNav .mainNavLevel1 li {
	float: left;
	margin-top: 0.864rem;
}

#mainNav .mainNavLevel2 li {
	width: 100%;
	margin: 0;
}

#mainNav a, #mainNav .actPage, #mainNav .noLink {
	display: block;
	border-radius: 0.455rem 0.455rem 0 0;
    color: #FFF;
	font-size: 1rem;
    text-decoration: none;
	line-height: 1em;
    padding: 0.864rem 0.958em 1.893rem;
	margin-bottom: -0.075rem;
}

#mainNav .actPage {
	background: #005E83;
	cursor: default;
}

#mainNav .mainNavLevel2 .actPage {
	background: #CCD8E8;
	color: #005E83;
}

#mainNav .noLink {
	cursor: default;
}

#mainNav .mainNavLevel2 a, #mainNav .mainNavLevel2 .actPage, #mainNav .mainNavLevel2 .noLink {
	border-radius: 0;
	width: 85%;
    padding: 1em 0 1em 15%;
}

#mainNav a:hover, #mainNav .hasSubNav:hover, #mainNav .hasSubNav:hover .noLink {
	background: #CCD8E8;
	color: #005E83;
}

#mainNav .hasSubNav:hover .mainNavLevel2 {
	left: 0;
}

#mainNav .mainNavLevel2 a:hover {
	background: #00709C;
	color: #FFF;
}

#logo {
	position: relative;
	display: table;
	float: left;
	width: 15.6770833333333%;
	min-width: 9.501rem;
	height: 6.727rem;
	background: #FFF;
	padding: 0;
	margin-top: -6.727rem;
	z-index: 1300;
}

#logoImg {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#logo img {
	height: 6.031rem;
	width: auto;
}

#anbieter {
	position: relative;
	float: left;
	background: #E26E0E;
	padding-left: 3.85416666666667%;
	margin: -3.909rem 0 0 15.6770833333333%;
	z-index: 1200;
}

#anbieter p {
	line-height: 1.5em;
	margin: 0;
}

#telKontakt {
	background: #005E83;
	padding-left: 3.85416666666667%;
	margin-left: 15.6770833333333%;
}

#telKontakt p {
	line-height: 1em;
	padding: 0.909rem 0;
}

#pageInfo {
	width: 100%;
	padding-top: 9.636rem;
}

#teaser {
	position: relative;
	width: 100%;
	z-index: 100;
}

#teaser img, #teaser picture {
	max-width: 100%;
	height: auto;
}

#aktInfo {
    display: block;
    position: absolute;
    top: 11.636rem;
    right: 0;
    background: rgba(255,255,255,1);
    padding: 0.5em 1em;
    border-radius: 0.5rem;
    margin: 0 2rem;
    z-index: 210;
}

#aktInfo p {
	color: #272d3b;
	margin: 0;
	line-height: 1.2em;
}

#aktInfo .info {
	margin-bottom: 0.6em;
}
	
#aktInfo .tab {
	display: none;
}

.infoLink {
	position: relative;
	border-radius: 2.5rem;
	float: right;
	background: url("../img/backgrounds/infolink-bg.png") no-repeat;
	background-size: 100% auto;
	width: 13.909rem;
	height: 5rem;
	margin: -2.5rem  11.71875% 0 0;
	z-index: 200;
	-moz-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	transform: rotate(-7deg);
}

.infoLink a {
	display: block;
	text-decoration: none;
	color: #FFF;
	font-size: 0.909rem;
	line-height: 1.35em;
	font-weight: bold;
	text-align: center;
	padding: 1.273rem 0;
}

#main {
	padding-top: 3.455rem;
}

#main p {
	margin: 0 19.53125% 1.8em;
}

#main p.lastElement {
	margin-bottom: 3.455rem;
}

#main ul {
	list-style-type: none;
	margin: 0 19.53125% 1.8em;
}

#main ul.lastElement {
	margin-bottom: 3.455rem;
}

#main dl.lastElement {
	margin-bottom: 3.455rem;
}
	
#main dt {
	position: relative;
	display: table;
	background: #005E83;
	color: #FFF;
	font-size: 1.455rem;
	width: 15.625%;
	height: 6.318rem;
	border-top: #E26E0E 1rem solid;
	border-bottom: #E26E0E 1rem solid;
	border-radius: 0.5rem;
	margin: 0 19.53125% -4.728rem;
	z-index: 305;
}
	
#main dt span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
	
#main dd {
	position: relative;
	background: #CCD8E8;
	min-height: 7.2em;
	padding: 3.455rem 7.8125% 3.455rem 18.6458333333333%;
	margin: 0 19.53125% 1.8em 24.3229166666667%;
	margin-bottom: 3.455rem;
	z-index: 300;
}

#main ul li {
	position: relative;
}

#main ul li::before {
	position: absolute;
	left: -1.5em;
	top: 0.35em;
	width: 1em;
	height: 1.2em;
	content: " ";
	background-image: url("../img/backgrounds/list-style-element.png"); 
	background-repeat: no-repeat; 
	background-size: auto 1.2em;
}

#main .col1  {
    float: left;
	width:  30.46875%;
	margin: 0 0 0 19.53125%;
}

#main .col2 {
    float: right;
	width: 30.46875%;
	margin: 0 19.53125% 0 0;
}
	
#main section.block {
	position: relative;
}
	
#main section.block h2 {
	display: table;
	font-size: 1.091rem;
	font-weight: bold;
	line-height: 1.5em;
	height: 4.182rem;
	margin: 0 19.53125% 0 39.0625%;
}
	
#main section.block.noFig h2 {
	margin-left: 24.3229166666667%;
}
	
#main section.block h2 span {
	display: table-cell;
	vertical-align: middle;
}
	
#main section.block p {
	background: #CCD8E8;
	min-height: 7.2em;
	padding: 3.455rem 7.8125% 3.455rem 18.6458333333333%;
	margin-left: 24.3229166666667%;
	margin-bottom: 3.455rem;
}
	
#main section.block.noFig p {
	padding-left: 3.85416666666667%;
	min-height: auto;
}
	
#main section.block figure {
	position: absolute;
	top: 0;
	width: 15.625%;
	margin: 0 19.53125%;
}
	
#main section.block figure img {
	width: 100%;
	height: auto;
}

#main .linkBox {
	float: left;
	width: 19.2407696307852%;
	text-align: center;
	margin: 1.655rem 0 3.455rem 1.5625%;
  }

#main .linkBox.left {
	margin-left: 19.53125%;
}

#main .linkBox a {
	display: block;
	width: 100%;
	padding: 2.727rem 0;
	background: #CCD8E8 url("../img/backgrounds/linkbox-icon.png") right bottom no-repeat;
	background-size: 20.8108108108108% auto;
}

#main .linkBox span {
	display: inline-block;
	text-align: left;
	color: #005E83;
}

#main form {
	background: #CCD8E8;
	border-top: #E26E0E 1.455rem solid;
	border-bottom: #E26E0E 1.455rem solid;
	padding: 2.455rem 0 3.455rem;
}

#main form label {
	width: 100%;
	color: #005E83;
	padding: 1rem 0 0 0;
	float: left;
}

#main form label.checkboxlabel {
	float: left;
	width: 90%;
	padding-top: 0;
	padding-left: 0.5rem;
	margin-top: 1rem;
}

#main form p {
	color: #005E83;
	padding: 0;
	margin: 1.8rem 0 0;
}

#main form input[type=text], #main form input[type=email], #main form input[type=tel] {
	float: left;
	font-family: noto-sans, arial, sans-serif;
	background: #F5F8FF;
	font-size: 0.857em;
	color: #272D3B;
	width: 71.7948717948718%;
	padding: 0.556em 2.981651376146789%;
	border: 1px solid #F5F8FF;
}

#main form textarea {
	float: left;
	font-family: noto-sans, arial, sans-serif;
	background: #F5F8FF;
	font-size: 0.857em;
	color: #272D3B;
	width: 94.0366972477064%;
	padding: 0.556em 2.981651376146789%;
	border: 1px solid #F5F8FF;
}

#main form input[type=checkbox] {
	float: left;
	margin-top: 1.6rem;
	background: #F5F8FF;
}

#main form #cform-submit, .button {
	float: right;
	font-family:  noto-sans, arial, sans-serif;
	font-size: 1em;
	margin: 1.8rem 0 0;
	position: relative;
	display: inline-block;
	background: #E26E0E;
	color: #FFF;
	text-decoration: none;
	padding: 0.556rem 1.5rem;
	border: 1px solid #E26E0E;
	border-radius: 0.25rem;
	outline: 0 none;
	cursor: pointer;
}

#docFooter {
	background: #005E83;
}

#docFooter p {
	color: #FFF;
}

#mainContact {
	padding: 2.545rem 19.53125%;
}

#mainContact p {
	float: left;
	width: 50%;
	margin: 0;
}
  
.sociallink img {
  width: 120px;
  height: 120px;
}

#copyrightInfo {
	background: #E26E0E;
	font-size: 0.818rem;
	padding: 0 11.71875%;
	margin: 0;
}

}

@media only screen and (max-width: 2400px) {
	
html {
	font-size: 155%;
}
  
.sociallink img {
  width: 116px;
  height: 116px;
}

}

@media only screen and (max-width: 2300px) {
	
html {
	font-size: 150%;
}
  
.sociallink img {
  width: 112px;
  height: 112px;
}

}

@media only screen and (max-width: 2200px) {
	
html {
	font-size: 145%;
}
  
.sociallink img {
  width: 109px;
  height: 109px;
}

}

@media only screen and (max-width: 2100px) {
	
html {
	font-size: 140%;
}
  
.sociallink img {
  width: 105px;
  height: 105px;
}

}

@media only screen and (max-width: 2000px) {
	
html {
	font-size: 135%;
}
  
.sociallink img {
  width: 101px;
  height: 101px;
}

}

@media only screen and (max-width: 1900px) {
	
html {
	font-size: 130%;
}
  
.sociallink img {
  width: 97px;
  height: 97px;
}

}

@media only screen and (max-width: 1800px) {
	
html {
	font-size: 125%;
}
  
.sociallink img {
  width: 94px;
  height: 94px;
}

}

@media only screen and (max-width: 1700px) {
	
html {
	font-size: 120%;
}
  
.sociallink img {
  width: 90px;
  height: 90px;
}

}

@media only screen and (max-width: 1600px) {
	
html {
	font-size: 115%;
}
  
.sociallink img {
  width: 86px;
  height: 86px;
}

}

@media only screen and (max-width: 1500px) {
	
html {
	font-size: 110%;
}
  
.sociallink img {
  width: 82px;
  height: 82px;
}

}

@media only screen and (max-width: 1400px) {
	
html {
	font-size: 105%;
}
  
.sociallink img {
  width: 79px;
  height: 79px;
}

}

@media only screen and (max-width: 1300px) {
	
html {
	font-size: 100%;
}
  
.sociallink img {
  width: 75px;
  height: 75px;
}

}

@media only screen and (max-width: 1200px) {
	
html {
	font-size: 95%;
}
  
.sociallink img {
  width: 71px;
  height: 71px;
}
  
}

#mainNav .mainNavLevel1, #metaNav ul {
	padding-right: 3.61111111111111%;
}

.infoLink {
	margin-right: 3.61111111111111%;
}

#main .linkBox {
	width: 29.6875%;
	margin: 1.665rem 0 0 1.066rem;
  }

#main .linkBox.right {
	margin: 1.066rem 35.15625% 3.455rem;
}

}

@media only screen and (max-width: 1100px) {
	
html {
	font-size: 90%;
}
  
.sociallink img {
  width: 67px;
  height: 67px;
}

}

@media only screen and (max-width: 1000px) {
	
.infoLink {
	width: 13.136rem;
	height: 4.722rem;
	margin-top: -2.361rem;
}
	
.infoLink a {
	font-size: 0.859rem;
	padding: 1.202rem 0;
}
	
#main dt {
	width: 16.2%;
}
	
#main section.block figure {
	width: 16.2%;
}

}

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

body:after {
	content: 'mobileLayout';
}

#mainNavControl {
	display: block;
}

#mainNav {
	position: fixed;
    right: -99999px;
    width: 20rem;
    height: 100vh;
	padding: 0;
	background: #ccd8e8;
	z-index: 3000;
}

#mainNav .mainNavLevel1 {
	float: none;
	padding: 0;
	margin-top: 2rem;
}

#mainNav .mainNavLevel2 {
	position: static;
	left: auto;
	border-radius: 0;
	background: #CCD8E8;
	width: auto;
	padding: 0;
}

#mainNav .mainNavLevel1 li {
	float: none;
	padding: 0;
	margin: 0;
}

#mainNav .mainNavLevel2 li {
	position: static;
	left: auto;
	border-radius: 0;
	width: auto;
	padding: 0;
	margin: 0;
}

#mainNav li:last-child {
	margin-right: 0;
}

#mainNav .hasSubNav {
	border-radius: 0;
}

#mainNav a, #mainNav .actPage {
	border-radius: 0;
	color: #005E83;
    padding: 1rem 2rem;
	margin: 0;
}

#mainNav .noLink {
	display: none;
}

#mainNav .actPage {
	color: #FFF;
}

#mainNav .mainNavLevel2 .actPage {
	background: #005E83;
	color: #FFF;
}

#mainNav .mainNavLevel2 li a, #mainNav .mainNavLevel2 li .actPage {
	width: auto;
    padding: 1rem 2rem 1rem 4rem;
}

#mainNav .mainNavLevel2 li:first-child a, #mainNav .mainNavLevel2 li:first-child .actPage {
    padding: 1rem 2rem;
}

#mainNav a:hover, #mainNav .hasSubNav:hover {
	background: #005E83;
	color: #FFF;
}

#mainNav .hasSubNav:hover .mainNavLevel2 {
	left: auto;
}

#mainNav .mainNavLevel2 a:hover {
	background: #005E83;
	color: #FFF;
}

#anbieter, #telKontakt {
	margin-left: 9.583rem;
	padding-left: 3.61111111111111%;
}
	
.infoLink {
	width: 12.364rem;
	height: 4.444rem;
	margin-top: -2.222rem;
}
	
.infoLink a {
	font-size: 0.808rem;
	padding: 1.132rem 0;
}
	
#main dt {
	width: 17.3333333333333%;
}
	
#main section.block figure {
	width: 17.3333333333333%;
}

}

@media only screen and (max-width: 800px) {
	
.infoLink {
	width: 11.591rem;
	height: 4.167rem;
	margin-top: -2.083rem;
}
	
.infoLink a {
	font-size: 0.758rem;
	padding: 1.061rem 0;
}
	
#main dt {
	width: 18.625%;
}
	
#main dd {
	padding: 1.389rem 2.5% 1.389rem 15.46%;
}

#main .col1, #main .col2  {
    float: none;
	width:  auto;
	margin: 0 19.53125%;
}

#main form input[type=text], #main form input[type=email], #main form input[type=tel], #main form textarea {
	box-sizing: border-box;
	width: 100%;
}

#main section.block figure {
	width: 18.625%;
}
	
#main section.block h2 {
	margin-left: 39.785%;
}
	
#main section.block p {
	padding: 1.389rem 2.5% 1.389rem 15.46%;
}

#mainContact p {
	float: none;
	width: 100%;
}
	
#mainContact p:first-child {
	margin-bottom: 1.8em;
}

}

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

h1 {
	padding-left: 3.61111111111111%;
	padding-right: 3.61111111111111%;
}

#main h2 {
	margin-left: 3.61111111111111%;
	margin-right: 3.61111111111111%;
}

#main h3, #main p, #main ul, #main dt {
	margin-left: 3.61111111111111%;
	margin-right: 3.61111111111111%;
}
	
#main dt {
	width: 20.4285714285714%;
	font-size: 1.273rem;
}
	
#main dd {
	padding: 1.389rem 3.61111111111111% 1.389rem 14.8707936507937%;
	margin-left: 12.78%;
	margin-right: 0;
}

#main .col1, #main .col2  {
	margin-left: 3.61111111111111%;
	margin-right: 3.61111111111111%;
}

#main .linkBox, #main .linkBox.left {
	width: 44.5833333333333%;
	margin-left: 3.61111111111111%;
}

#main .linkBox.right {
	margin-left: 27.7083333333333%;
}
	
#main section.block figure {
	width: 20.4285714285714%;
	margin: 0 3.61111111111111%;
}
	
#main section.block h2 {
	margin-left: 27.6507936507936%;
	margin-right: 3.61111111111111%;
}
	
#main section.block.noFig h2 {
	margin-left: 12.78%;
}
	
#main section.block p {
	padding: 1.389rem 3.61111111111111% 1.389rem 14.8707936507937%;
	margin-left: 12.78%;
	margin-right: 0;
}

#mainContact, #copyrightInfo {
	padding-left: 3.61111111111111%;
	padding-right: 0;
}

}

@media only screen and (max-width: 600px) {
	
#aktInfo {
	/*display: table;*/
	left: -80%;
	padding-left: 2em;
	border-radius: 0 0.5rem 0.5rem 0;
	margin: 0;
	width: 80%;
	cursor: pointer;
}
	
#aktInfo .offer {
	vertical-align: middle;
}
	
#aktInfo .tab {
	max-width: 3em;
	vertical-align: middle;
	text-align: center;
}
	
#aktInfo .tab p {
	font-weight: bold;
	line-height: 1em;
	width: 10em;
	-moz-transform-origin: center center;
	-webkit-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-moz-transform: translate(-30%,0) rotate(-90deg);
	-webkit-transform: translate(-30%,0) rotate(-90deg);
	-o-transform: translate(-30%,0) rotate(-90deg);
	transform: translate(-30%,0) rotate(-90deg);
}
	
#aktInfo .offer, #aktInfo .tab {
	display: table-cell;
	height: 10em;
}

#main dt {
	width: 22.6666666666667%;
}
	
#main dd {
	padding-left: 17.1088888888889%;
}
	
#main section.block figure {
	width: 22.6666666666667%;
}
	
#main section.block h2 {
	margin-left: 29.8888888888889%;
}
	
#main section.block p {
	padding-left: 17.1088888888889%;
}
	
}

@media only screen and (max-width: 500px) {
	
#main dt {
	width: 26%;
}
	
#main dd {
	padding-left: 20.4422222222222%;
}

#main .linkBox {
	width: 94% !important;
	margin-top: 1.665rem !important;
	margin-left: 3% !important;
}
	
#main section.block figure {
	width: 26%;
}
	
#main section.block h2 {
	margin-left: 33.2222222222222%;
}
	
#main section.block p {
	padding-left: 20.4422222222222%;
}

}

@media only screen and (max-width: 400px) {
	
#main dt {
	width: 30.75%;
}
	
#main dd {
	padding-left: 25.1922222222222%;
}
	
#main section.block figure {
	width: 30.75%;
}
	
#main section.block h2 {
	margin-left: 37.9722222222222%;
}
	
#main section.block p {
	padding-left: 25.1922222222222%;
}

}


@media print {

html {
	font-size: 12pt;
	font-family: arial, sans-serif;
}

body {
	line-height: 1.25em;
	background: #fff;
	color: #272d3b;
}

#wrapper {
	max-width: none;
}

#docHeader {
	background: #fff;
}

.fixedPart {
	position: static;
	background: #fff;
	max-width: none;
	height: 6rem;
}

#skipLinks, #metaNav, #mainNavControl, #mainNav, #teaser, .infoLink, .linkBox, #main form {
	display: none;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

#anbieter {
	position: absolute;
	top: 8pt;
	left: 10em;
	padding: 0;
	margin: 0;
}

#telKontakt {
	position: absolute;
	top: 47pt;
	left: 10em;
	padding: 0;
	margin: 0;
}

h1 {
	font-family: arial, sans-serif;
	font-size: 18pt;
	font-weight: normal;
	line-height: 1.25em;
	background: #fff;
	color: #005e83;
	padding: 0;
	margin: 0;
}

#main h2, #main section.block h2, #main section.block.noFig h2 {
	font-family: arial, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	line-height: 1.25em;
	background: #fff;
	color: #e26e0e;
	margin: 0 0 1.25em;
}

#main section.block h2 {
    display: block;
    height: auto;
}

#main section.block h2 span {
    display: inline;
    vertical-align: baseline;
}

#main h3 {
	font-family: arial, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	line-height: 1.25em;
	background: #fff;
	color: #e26e0e;
	margin: 0;
}

#main section.block .textInhalt {
	float: right;
	width: 75%;
	margin-left: 5%;
}

#main section.block.noFig .textInhalt {
	float: none;
	width: auto;
	margin-left: 0;
}

#main p, #main section.block p, #main section.block.noFig p {
	font-family: times, "times new roman", serif;
	font-size: 12pt;
	line-height: 1.25em;
	background: #fff;
	color: #272d3b;
	margin: 0 0 1.25em;
}

#main section.block p, #main section.block.noFig p {
    min-height: none;
    padding: 0;
}

#main section.block p.lastElement {
    margin-bottom: 3.455rem;
}

#main ul {
	font-family: times, "times new roman", serif;
	font-size: 12pt;
	line-height: 1.25em;
	background: #fff;
	color: #272d3b;
	margin: 0 0 1.25em;
}

#main ul li {
	position: static;
	list-style-type: disc;
}

#main ul li::before {
	display: none;
}

#main ol {
	font-family: times, "times new roman", serif;
	font-size: 12pt;
	line-height: 1.25em;
	background: #fff;
	color: #272d3b;
	margin: 0 0 1.25em;
}

dt, #main dt {
	font-family: times, "times new roman", serif;
	font-size: 12pt;
	line-height: 1.25em;
	background: #fff;
	color: #272d3b;
}

#main dt {
    position: static;
    display: table;
	font-weight: bold;
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
    margin: 0 0 0 1.5em;
}

#main dt span {
    display: inline;
    text-align: left;
    vertical-align: baseline;
}

dd, #main dd {
	font-family: times, "times new roman", serif;
	font-size: 12pt;
	line-height: 1.25em;
	background: #fff;
	color: #272d3b;
}

#main dd {
    position: static;
    min-height: auto;
    padding: 0;
    margin: 0 0 0 0.5;
}

#main section.block figure {
	float: right;
    position: static;
    width: 20%;
    margin: 0 0 3.455rem;
}

a {
	font-family: times, "times new roman", serif;
	font-size: 12pt;
	line-height: 1.25em;
	background: #fff;
	color: #005e83;
}

#contactInfos {
	border-top: #272d3b medium solid;
}

#mainContact {
    padding: 1em 0;
}

#mainContact p, #copyrightInfo {
	font-family: times, "times new roman", serif;
	font-size: 12pt;
	line-height: 1.25em;
	background: #fff;
}

#copyrightInfo {
    padding: 0;
    margin:  2em 0;

}

}