/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
@import url('https://fonts.googleapis.com/css?family=Dosis|Quicksand:400,500,600,700&display=swap&subset=latin-ext');*/
@import url('../font/font.css');
@import url('/css/fontello.css');
@import url('fontawesome.css');
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../font/fa-solid-900.eot");
    src: url("../font/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../font/fa-solid-900.woff2") format("woff2"), url("../font/fa-solid-900.woff") format("woff"), url("../font/fa-solid-900.ttf") format("truetype"), url("../font/fa-solid-900.svg#fontawesome") format("svg"); }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../font/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../font/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../font/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../font/open-sans-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../font/open-sans-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/open-sans-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/open-sans-v28-latin-500.woff') format('woff'), /* Modern Browsers */
  url('../font/open-sans-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/open-sans-v28-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../font/open-sans-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../font/open-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/open-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
  url('../font/open-sans-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/open-sans-v28-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../font/open-sans-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../font/open-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/open-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
  url('../font/open-sans-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/open-sans-v28-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

/*
    font-family: 'Dosis', sans-serif;
    font-family: 'Quicksand', sans-serif;
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

::-webkit-input-placeholder {
    color: transparent;
    opacity: 0;
}
:-moz-placeholder { /* Firefox 18- */
    color: transparent;
    opacity: 0;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: transparent;
    opacity: 0;
}

:-ms-input-placeholder {
    color: transparent;
    opacity: 0;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
    font-weight: 300;
	line-height:1.563;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1,
.h1_blue,
.h1 {
	font-size: 1.8em;
	font-weight:400;
}
h2,
.h2,
legend,
.legend {
	font-size: 1.6em;
	font-weight:400;
}
footer nav strong,
footer h3,
footer .h3,
h3,
.h3,
.bigger {
	font-weight:400;
	font-size: 1.4em;
}

.h1_blue, .h1, .h2, .h3, .h4, .h5, .h6,.legend,
h1, h2, h3, h4, h5, h6 {
	color:#010101;
	margin: 0.8em 0 0.4em 0;
	position:relative;
	line-height:1.2;
}
.h2, .h3, .h4, .h5, .h6,.legend,
h2, h3, h4, h5, h6 {
	color:#010101;

}
article h1.headline a, article h2.headline a, article h3.headline a, article h4.headline a, article h5.headline a, article h6.headline a,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
	color:#00ace2;
}
#teaser h1, #teaser .h1, .teaser .h1, .teaser .h2 { color: #FFF; }
.teaser p { font-size: 1.375em; color: #FFF; line-height: 30px; }
#teaser h1, #teaser .h1, .teaser .h1 { font-weight: 700; font-size: 3.375em; }

@media only screen and (min-width: 560px) {
    .teaser p { font-weight: 700; font-size: 1.375em; color: #FFF; line-height: 25px; }
}

article h2.headline a, article h3.headline a, article h4.headline a, article h5.headline a, article h6.headline a,
h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#010101;
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 1.5em;
  }
}
@media only screen and (min-width: 960px) {
    body {
        font-size: 17px;
    }
	h1,
	.h1_blue,
	.h1 {
		font-size: 2em;
	}
	h2,
	.h2,
	legend,
	.legend {
		font-size: 1.563em;
	}
	footer nav strong,
	h3,
	.h3 {
		font-size: 1.375em;
	}
}
@media only screen and (min-width: 1440px) {
    h1,
    .h1_blue,
    .h1 {
        font-size: 2.3em;
    }
    h2,
    .h2,
    legend,
    .legend {
        font-size: 1.8em;
    }
    footer nav strong,
    h3,
    .h3 {
        font-size: 1.563em;
    }
}
.headline.premium {
	position:relative;
	padding-left:60px;
	line-height:1em;
}
.headline.premium img {
	display:block;
	position:absolute;
	left:0;
	top:3px;
}
.headline.premium small {
	display:block;
	font-size:12px;
	color:#898989;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	overflow: visible; /* 2 */
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}


nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
	color:#45a12a;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/* Firefox required */
input:required {
    box-shadow: none;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

 /* LISTEN */
#content ul {
	list-style:none;
	padding-left:1em;
}
#content ul li {
	position:relative;
}
#content ul li:before {
	content:'\f105';
	font-family:'fontello';
	position:absolute;
	left:-1em;
	top:0;
	display:block;
	width:1em;
	height:2.083em;
	text-align:center;
	font-size:1em;
	color:#45a12a;
}
#content ul.leistungen li:before {
	content:'\e817';
}

blockquote {
    background: #f5f5f5;
    margin: 1em 0;
    padding: 2em;
}
blockquote > :first-child {
    margin-top: 0;
}
blockquote > :last-child {
    margin-bottom: 0;
}


/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

.icon.noMargin:before,
[class^="icon"].noMargin:before,
.noMargin {
	margin:0;
}

/*
 * Buttons
 */
button,
.sendenBtn,
.btn {
	position: relative;
	text-transform:uppercase;
	border:none;
	background: none;
	display: inline-block;
	text-decoration: none;
	line-height: 1.33;
	padding: .5em 2em;
	color:#45a12a;
	cursor:pointer;
}

.btn {
    padding: .5em;
}

.btnRaised:hover,
.btnRaised,
.sendenBtn {
	background: #45a12a;
	color: #fff;
}
.btnRaised[disabled]:hover,
.btnRaised[disabled],
.sendenBtn[disabled] {
    background: #aaa;
}
.btn.btnLow {
	color: #737d81;
}
.btn .icon {
	height: 2em;
	width: 2em;
	text-shadow: none;
	text-align: center;
}
.btnRaised .icon {
    position: absolute;
	border-radius: none;
	background: none;
    color: #fff;
}
.btn.btnIconLow .icon,
.btn.btnLow .icon {
	height: 1em;
	width: 1em;
	background: none;
	color: inherit;
}
.btn .icon:before {
	line-height: 2em;
	margin: 0;
}
.btn.btnIconInline .icon {
	display:inline-block;
	position:relative;
	height:1.33em;
	width:1.33em;
}
.btn.btnIconInline .icon:before {
	line-height:1em;
}
.btn.btnIconUnder {
	padding-bottom: 2.333em;
}
.btn.btnIconUnder.btnIconLow,
.btn.btnIconUnder.btnLow {
	padding-bottom: 1.333em;
}
.btn.btnIconUnder .icon {
	margin-left: -1em;
	left: 50%;
	bottom: 0;
}
.btn.btnIconOver {
	padding-top: 2.333em;
}
.btn.btnIconOver.btnIconLow,
.btn.btnIconOver.btnLow {
	padding-top: 1.333em;
}
.btn.btnIconOver .icon {
	margin-left: -1em;
	left: 50%;
	top: 0;
}
.optsContainer .optsInline.btn.btnIconLeft,
.btn.btnIconLeft {
	padding-left: 3em;
	padding-right: 0;
}
.btnRaised.btnIconLeft {
	padding-right: 2em;
  background-color: #96c18a;
}
.btnRaised.btnIconLeft:hover {
  background-color: rgb(69,161,42);
}
.btn.btnIconLeft.btnIconLow,
.btn.btnIconLeft.btnLow {
	padding-left: 1.333em;
}
.btn.btnIconLeft .icon {
	margin-top: -1em;
	top: 50%;
	left: 0;
}
.btn.btnIconRight {
	padding-right: 3em;
	padding-left: 0;
}
.btnRaised.btnIconRight {
	padding-left: 2em;
}
.btn.btnIconRight.btnIconLow,
.btn.btnIconRight.btnLow {
	padding-right: 1.333em;
}
.btn.btnIconRight .icon {
	margin-top: -1em;
	top: 50%;
	right: 0;
}

.btnSet {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.btnSet .btn {
	float: left;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 10px 30px 10px 10px;
}
.btnSet .btn .icon {
	background: none;
	color: inherit;
	right: 10px;
}
.btnSet .btn + .btn:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 1px;
	top: 10px;
	bottom: 10px;
	background: #ebeded;
}
.btn.left {
	float:left;
}
.btn.right {
	float:right;
}
.btn:last-child:after {
    display: table;
    width: 100%;
    clear:both;
}
.btnWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    margin-right: -1em;
    margin-bottom: -1em;
}
.btnWrap.center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.btnWrap .btn {
    margin-right: 1em;
    margin-bottom: 1em;
    flex: 0 1 auto;
}
a.more {
	text-decoration:none;
}
a.more:after {
	content:'\f006';
	font-family:'fontello';
	display:inline-block;
	margin-left:5px;
	background:#00ace2;
	color:#fff;
	width:2em;
	height:2em;
	line-height:2em;
	text-align:center;
	border-radius:999px;
}

aside .headline .icon {
	display:inline-block;
	color:#00ace2;
	border:2px solid #00ace2;
	border-radius:999px;
	height:40px;
	width:40px;
	text-align:center;
	line-height:40px;
	margin-right:10px;
}
aside .btn.btnRaised {
	display:block;
	/*margin-left:-15px;
	margin-right:-15px;*/
  margin-top: 1em;
	text-align:center;
	color:#fff;
	font-size:20px;
	padding-top:10px;
    padding-bottom:10px;
  background: #ea6131;
	/*background: rgb(69,161,42);
	background: -moz-linear-gradient(left, rgba(69,161,42,1) 0%, rgba(61,146,35,1) 100%);
	background: -webkit-linear-gradient(left, rgba(69,161,42,1) 0%,rgba(61,146,35,1) 100%);
	background: linear-gradient(to right, rgba(69,161,42,1) 0%,rgba(61,146,35,1) 100%);*/
}
aside .btn.btnRaised:hover {
  background: #d35a30;
}
.text_left {
    text-align: left;
}
.text_right {
    text-align: right;
}
.text_center {
    text-align: center;
}

.small {
    font-size: 0.8em;
}
.small_7 {
    font-size: 0.7em;
}
.table {
    display: table;
}
.tableCell {
    display: table-cell;
}

.icon-planer:before {
    content: '';
    position: absolute;
    top:50%;
    left: 0;
    width: 68px;
    height:40px;
    transform: translateY(-50%);
    background: url("../img/planer.png");
    background-size: contain;
}

.left {
    text-align: left;
}
.right {
    text-align: right;
}
table#wk td,
table#wk th {
    vertical-align: top;
    padding: 4px;
}