/*	THEME
 	- DEFAULTS - IMPORTS ___ ANFANG
================================================================ */
@import url(../styles/vendor/bootstrap-grid.min.css);
/* 	THEME
/*	- RESET - Mini
================================================================ */
* {
  margin: 0px;
  padding: 0px;
  border: none; }

/* 	THEME
/*	- RESET - Clearfix
================================================================ */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/* 	THEME
/*	- RESET - Normalize
================================================================ */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

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

button,
select {
  text-transform: none; }

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

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

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: middle; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

iframe {
  width: 100%; }

img {
  display: block; }

details {
  display: block; }

summary {
  display: list-item; }

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

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

input,
select {
  vertical-align: middle; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

b,
strong {
  font-weight: bolder; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

/* 	THEME
/*	- VARIABLES
================================================================ */
/*	- VARIABLES
	Color */
/*	- VARIABLES
	Typo */
::selection {
  background: #00b3e3;
  color: #ffffff;
  text-shadow: none; }

/* 	THEME
/*	- VARIABLES - Mixin
================================================================ */
/* 	THEME
/*	- HELPERS - Text
================================================================ */
.text-12 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px; }

.text-14 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px; }

.text-16 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px; }

.text-18 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 26px; }

.text-20 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px; }

.text-22 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 30px; }

.text-24 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px; }

.text-26 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 34px; }

.text-28 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36px; }

.text-30 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 38px; }

.text-32 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 40px; }

.text-34 {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 42px; }

.text-36 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 44px; }

.text-38 {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 46px; }

.text-40 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 48px; }

.text-42 {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 50px; }

.text-44 {
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 52px; }

.text-46 {
  font-size: 46px;
  font-size: 2.875rem;
  line-height: 54px; }

.text-48 {
  font-size: 48px;
  font-size: 3rem;
  line-height: 56px; }

.text-50 {
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 58px; }

.text-52 {
  font-size: 52px;
  font-size: 3.25rem;
  line-height: 60px; }

.text-54 {
  font-size: 54px;
  font-size: 3.375rem;
  line-height: 62px; }

/* 	THEME
/*	- HELPERS - Margin & Padding
================================================================ */
.mt-15 {
  margin-top: 15px; }

.mt-30 {
  margin-top: 30px; }

.mt-45 {
  margin-top: 45px; }

.mt-60 {
  margin-top: 60px; }

.mt-75 {
  margin-top: 75px; }

.mt-90 {
  margin-top: 90px; }

.mt-105 {
  margin-top: 105px; }

.mt-120 {
  margin-top: 120px; }

.mt-135 {
  margin-top: 135px; }

.mt-150 {
  margin-top: 150px; }

.mt-165 {
  margin-top: 165px; }

.mt-180 {
  margin-top: 180px; }

.mr-15 {
  margin-right: 15px; }

.mr-30 {
  margin-right: 30px; }

.mr-45 {
  margin-right: 45px; }

.mr-60 {
  margin-right: 60px; }

.mr-75 {
  margin-right: 75px; }

.mr-90 {
  margin-right: 90px; }

.mr-105 {
  margin-right: 105px; }

.mr-120 {
  margin-right: 120px; }

.mr-135 {
  margin-right: 135px; }

.mr-150 {
  margin-right: 150px; }

.mr-165 {
  margin-right: 165px; }

.mr-180 {
  margin-right: 180px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-45 {
  margin-bottom: 45px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-75 {
  margin-bottom: 75px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-105 {
  margin-bottom: 105px; }

.mb-120 {
  margin-bottom: 120px; }

.mb-135 {
  margin-bottom: 135px; }

.mb-150 {
  margin-bottom: 150px; }

.mb-165 {
  margin-bottom: 165px; }

.mb-180 {
  margin-bottom: 180px; }

.ml-15 {
  margin-left: 15px; }

.ml-30 {
  margin-left: 30px; }

.ml-45 {
  margin-left: 45px; }

.ml-60 {
  margin-left: 60px; }

.ml-75 {
  margin-left: 75px; }

.ml-90 {
  margin-left: 90px; }

.ml-105 {
  margin-left: 105px; }

.ml-120 {
  margin-left: 120px; }

.ml-135 {
  margin-left: 135px; }

.ml-150 {
  margin-left: 150px; }

.ml-165 {
  margin-left: 165px; }

.ml-180 {
  margin-left: 180px; }

/* 	THEME
/*	- HELPERS - Text & Align
================================================================ */
.text-upper {
  text-transform: uppercase; }

.text-none {
  text-transform: none; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center;
  display: block;
  margin: 0 auto; }

.text-lowercase {
  text-transform: lowercase; }

.text-white {
  color: #ffffff !important; }

@media (min-width: 480px) {
  .alignleft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 5px; }

  .alignright {
    float: right;
    padding-left: 30px;
    margin-top: 5px; } }
.no-gutters .col-left {
  padding-left: 0px; }

.no-gutters .col-right {
  padding-right: 0px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url("../webfonts/SourceSansPro-Light.eot");
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../webfonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("../webfonts/SourceSansPro-Light.woff2") format("woff2"), url("../webfonts/SourceSansPro-Light.woff") format("woff"), url("../webfonts/SourceSansPro-Light.ttf") format("truetype"), url("../webfonts/SourceSansPro-Light.svg#SourceSansPro-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Source Sans Pro';
  src: url("../webfonts/SourceSansPro-Regular.eot");
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("../webfonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/SourceSansPro-Regular.woff2") format("woff2"), url("../webfonts/SourceSansPro-Regular.woff") format("woff"), url("../webfonts/SourceSansPro-Regular.ttf") format("truetype"), url("../webfonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Source Sans Pro';
  src: url("../webfonts/SourceSansPro-SemiBold.eot");
  src: local("Source Sans Pro Semi Bold"), local("SourceSansPro-SemiBold"), url("../webfonts/SourceSansPro-SemiBold.eot?#iefix") format("embedded-opentype"), url("../webfonts/SourceSansPro-SemiBold.woff2") format("woff2"), url("../webfonts/SourceSansPro-SemiBold.woff") format("woff"), url("../webfonts/SourceSansPro-SemiBold.ttf") format("truetype"), url("../webfonts/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal; }
.button a {
  display: block;
  padding: 15px;
  font-weight: 600;
  text-decoration: none;
  text-align: center; }

.button.button-green a {
  color: #35647e;
  background-color: #95d600; }

.button.button-green a:hover {
  background-color: #83bd00; }

.button.button-white a {
  color: #35647e;
  background-color: #ffffff; }

.button.button-white a:hover {
  background-color: #f2f2f2; }

/*	THEME	
	FORMULAR
================================================================ */
form {
  -webkit-appearance: none; }

form .row {
  margin-top: 15px; }

form select,
form textarea,
form input:not([type="submit"]) {
  width: 100%;
  padding: 15px 15px;
  display: block;
  background-color: #ffffff;
  height: 45px; }

form label {
  width: 100%;
  display: block; }

form button[type="submit"],
form input[type="submit"] {
  display: block;
  width: 100%;
  padding: 15px 15px;
  background-color: #35647e;
  color: #ffffff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }

form button[type="submit"]:hover,
form input[type="submit"]:hover {
  background-color: #2d566c; }

form textarea {
  height: 200px; }

form select {
  position: relative;
  display: block;
  width: 100%;
  padding: 0px 15px;
  font-style: italic;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  max-height: 55px;
  height: 55px;
  appearance: none; }

.select-item:after {
  position: absolute;
  right: 15px;
  top: 29px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-family: 'Font Awesome\ 5 Pro';
  content: "\f107";
  height: 55px;
  width: 55px;
  background-color: #ffffff;
  color: #ffffff;
  pointer-events: none; }

.acceptance-kunde .wpcf7-list-item {
  margin-left: 0px; }

.wpcf7-response-output.wpcf7-validation-errors {
  background-color: #f7e700;
  padding: 15px;
  margin: 15px 0px 0px 0px;
  text-align: center;
  font-style: italic; }

.wpcf7-response-output.wpcf7-mail-sent-ok {
  background-color: #398f14;
  padding: 15px;
  margin: 15px 0px 0px 0px;
  text-align: center;
  font-style: italic; }

/*	THEME 
 	- DEFAULTS - IMPORTS ___ ENDE
================================================================ */
html {
  -webkit-font-smoothing: antialiased;
  font-size: 100%;
  font-family: "Source Sans Pro", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

html,
body,
button,
input,
textarea,
select,
label {
  appearance: none;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  color: #000; }

/* 	THEME
/*	- DEFAULT - Headers
================================================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  position: relative;
  color: #35647e; }

@media (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto; } }
h1 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 30px;
  text-transform: uppercase; }

h2 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 25px;
  text-transform: uppercase; }

h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  text-transform: uppercase; }

h4 {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px; }

h5 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px; }

@media (min-width: 768px) {
  h1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 44px; }

  h2 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 38px; }

  h3 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 32px; }

  h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 22px; }

  h5 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px; } }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000;
  text-decoration: none; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #000; }

/* 	THEME
/*	- DEFAULT - Text
================================================================ */
p {
  margin-bottom: 15px; }

p a {
  font-family: "Source Sans Pro", sans-serif;
  color: #000;
  text-decoration: underline; }

p a:hover {
  text-decoration: none; }

p:last-child {
  margin-bottom: 0px; }

a:link {
  user-select: none;
  transition: all 0.3s; }

/* 	THEME
/*	- DEFAULT - Layout
================================================================ */
.container {
  max-width: 1170px;
  position: relative; }

nav ul {
  list-style: none; }

nav ul li {
  float: left; }

nav ul li a {
  display: block;
  text-decoration: none; }

nav ul li ul li {
  float: none; }

.img-responsive {
  max-width: 100%;
  width: 100%;
  height: auto; }

[data-background="image"] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

[data-background="blue"] .section-title .title-sub {
  color: #00b3e3; }

[data-background="green"] .section-title .title-sub {
  color: #95d600; }

[data-background="red"] .section-title .title-sub {
  color: #ff4338; }

.section[data-background="blue"] {
  background: linear-gradient(45deg, rgba(0, 179, 227, 0.1) 10%, white 70%); }

.section[data-background="green"] {
  background: linear-gradient(-45deg, rgba(149, 214, 0, 0.1) 10%, white 70%); }

.section[data-background="red"] {
  background: linear-gradient(45deg, rgba(255, 67, 56, 0.1) 10%, white 70%); }

.img-badge {
  position: absolute;
  top: 0px;
  z-index: 2;
  animation: bubble-pulse 2s infinite; }

.img-badge.badge-right {
  left: 50%;
  transform: translateX(-50%);
  width: 35%;
  height: auto; }

@media (min-width: 992px) {
  .img-badge.badge-right {
    width: auto; } }
@keyframes bubble-pulse {
  0% {
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*	HEADER
/*	#site-header ___ ANFANG
================================================================ */
#site-header {
  position: relative;
  height: 95vh;
  background-image: url("../images/Herwefoam1920x1370.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover; }

#site-header .col-sm-12 {
  height: 95vh; }

@media (min-width: 375px) {
  #site-header,
  #site-header .col-sm-12 {
    height: 60vh; } }
/*	iPhone 6, 6S, 7 and 8
	Portrait 
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}
*/
/*	Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #site-header,
  #site-header .col-sm-12 {
    height: 100vh; } }
/*	iPhone X and Xs Max 
	Portrait */
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  #site-header,
  #site-header .col-sm-12 {
    height: 50vh; } }
@media (min-width: 768px) and (max-width: 991px) {
  #site-header,
  #site-header .col-sm-12 {
    height: 60vh; } }
@media (min-width: 992px) {
  #site-header,
  #site-header .col-sm-12 {
    height: 85vh; } }
@media (min-width: 1140px) {
  #site-header,
  #site-header .col-sm-12 {
    height: 90vh; } }
/* 	iPad Pro 12.9 
	Portrait */
/*	- LOGO
	#header-brand ___ ANFANG
================================================================ */
#header-brand {
  position: absolute;
  left: 0px;
  top: 30px;
  z-index: 10;
  width: 100%; }

#header-brand h1.title {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 46px;
  text-align: center; }

#header-brand h1.title .title-sub {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px; }

@media (min-width: 768px) {
  #header-brand {
    position: absolute;
    left: 0px;
    top: 45px;
    width: 100%; }

  #header-brand h1.title {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 56px; } }
@media (min-width: 1140px) {
  #header-brand {
    left: 15px;
    width: 50%; }

  #header-brand h1.title {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 64px;
    text-align: left; }

  #header-brand h1.title .title-sub {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px; } }
/*	- LOGO
	#header-brand ___ ENDE
================================================================ */
#header-invader {
  position: absolute;
  left: 50%;
  top: 70%;
  transform: translate(-50%, 0%);
  display: inline-block;
  background-color: #bf328b;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 15px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  transform: rotate(-10deg);
  animation: bubble-pulse 2s infinite; }

@media (min-width: 992px) {
  #header-invader {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform: rotate(-10deg);
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px; } }
/*	HEADER
/*	#site-header ___ ENDE
================================================================ */
/*	MAIN
/*	#site-main ___ ANFANG
================================================================ */
.page-sections .section {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px; }

@media (min-width: 768px) {
  .page-sections .section {
    padding-top: 30px;
    padding-bottom: 30px; } }
@media (min-width: 992px) {
  .page-sections .section {
    padding-top: 60px;
    padding-bottom: 60px; } }
@media (min-width: 1140px) {
  .page-sections .section {
    padding-top: 90px;
    padding-bottom: 90px; } }
.section-title {
  margin-bottom: 15px; }

.title-sub {
  display: block; }

.section-title .title-sub {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  color: #000; }

.section-image {
  margin-bottom: 15px;
  margin-left: -15px;
  margin-right: -15px; }

.section-image img {
  max-width: 100%;
  width: 100%; }

.section-content ul {
  list-style: none; }

.section-content ul li {
  position: relative;
  font-weight: 600;
  padding-left: 15px; }

.section-content ul li:before {
  content: "-";
  position: absolute;
  left: 0px; }

.section-content p a {
  color: #35647e; }

.section-content p a:hover {
  text-decoration: none; }

.section-content ul + h4 {
  margin-top: 15px; }

/*	- PAGE SECTION 1
	#section-1 ___ ANFANG
================================================================ */
#section-1 {
  background-color: #cad636; }

@media (min-width: 768px) {
  #section-1 {
    background-image: url("../images/background-section-6-1024-600.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; } }
@media (min-width: 1140px) {
  #section-1 {
    background-image: url("../images/background-section-6-1920-1080.jpg"); } }
#section-1 img {
  margin: 0 auto; }

/*	- SECTION 1
	#section-1 ___ ENDE
================================================================ */
/*	- PAGE SECTION 2
	#section-2 ___ ANFANG
================================================================ */
#section-2 img {
  margin: 0 auto; }

/*	- SECTION 2
	#section-2 ___ ENDE
================================================================ */
/*	- PAGE SECTION 3
	#section-3 ___ ANFANG
================================================================ */
#section-3 img {
  margin: 0 auto; }

/*	- SECTION 3
	#section-3 ___ ENDE
================================================================ */
/*	- PAGE SECTION 4
	#section-4 ___ ANFANG
================================================================ */
#section-4 img {
  margin: 0 auto; }

/*	- SECTION 4
	#section-4 ___ ENDE
================================================================ */
/*	- PAGE SECTION 5
	#section-5 ___ ANFANG
================================================================ */
#section-5 {
  background: #ccd8c2;
  background: linear-gradient(180deg, #ccd8c2 35%, white 100%); }

#section-5 picture img {
  max-width: 100%;
  width: 100%;
  height: auto; }

#section-5 .cta-content {
  color: #ffffff; }

#section-5 .cta-content p:nth-child(2) {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px; }

#section-5 .cta-content p:nth-child(3) {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  text-align: center; }

@media (min-width: 768px) {
  #section-5 .cta-content p:nth-child(3) {
    text-align: right; } }
#section-5 .cta-content p:nth-child(3) a {
  color: #ffffff; }

/*	- SECTION 5
	#section-5 ___ ENDE
================================================================ */
/*	- PAGE SECTION 8
	#section-8 ___ ANFANG
================================================================ */
#section-8 {
  background-color: #bee2f1; }

#section form {
  margin-top: 15px; }

@media (min-width: 768px) {
  #section form {
    margin-top: 30px; } }
/*	- SECTION 8
	#section-8 ___ ENDE
================================================================ */
[data-accordion="true"] .accordion-headline {
  position: relative;
  color: #000;
  text-transform: uppercase;
  margin-top: 15px; }

.section-content [data-accordion="true"]:before {
  content: ""; }

.section-content [data-accordion="true"] .accordion-headline:after {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
  font-family: 'Font Awesome\ 5 Pro';
  content: '\f078';
  font-size: 1rem;
  color: #000; }

.section-content [data-accordion="true"].active-accordion .accordion-headline:after {
  font-family: 'Font Awesome\ 5 Pro';
  content: '\f077'; }

[data-background="blue"] .section-content [data-accordion="true"].active-accordion .accordion-headline:after {
  color: #00b3e3; }

[data-background="green"] .section-content [data-accordion="true"].active-accordion .accordion-headline:after {
  color: #95d600; }

[data-background="red"] .section-content [data-accordion="true"].active-accordion .accordion-headline:after {
  color: #ff4338; }

.section-content [data-accordion="true"].active-accordion .accordion-headline {
  text-decoration: none;
  padding-left: -15px; }

[data-background="blue"] .accordion-headline {
  color: #00b3e3; }

[data-background="green"] .accordion-headline {
  color: #95d600; }

[data-background="red"] .accordion-headline {
  color: #ff4338; }

.accordion-headline {
  cursor: pointer; }

.accordion-content {
  display: none; }

.cta {
  background-color: #35647e;
  padding: 15px; }

.cta p {
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  text-align: center;
  margin-bottom: 15px; }

@media (min-width: 768px) {
  .cta p {
    text-align: left;
    margin-bottom: 0; } }
/*	MAIN
/*	#site-main ___ ENDE
================================================================ */
/*	FOOTER
/*	#site-footer ___ ANFANG
================================================================ */
#site-footer {
  position: relative;
  font-size: 0.875rem; }

#footer {
  background-color: #35647e;
  padding: 60px 0px;
  color: #ffffff; }

#footer h3 {
  text-transform: none;
  border-bottom: 1px solid #ffffff;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 15px;
  padding-bottom: 5px; }

#footer a {
  color: #ffffff; }

#footer a:hover {
  color: #a6c7d9; }

#site_footer .row .col-sm-4:nth-child(3) h3 {
  margin-top: 30px; }

@media (min-width: 992px) {
  #site_footer .row .col-sm-4:nth-child(3) h3 {
    margin-top: 0; } }
#site_newsletter input {
  color: #35647e; }

#site_newsletter input::-webkit-input-placeholder {
  color: #35647e; }

#site_newsletter input:-moz-placeholder {
  color: #35647e; }

#site_newsletter input::-moz-placeholder {
  color: #35647e; }

#site_newsletter input:-ms-input-placeholder {
  color: #35647e; }

#site_newsletter input[type="submit"] {
  background-color: #2d566c !important;
  color: #ffffff;
  border: 1px solid #2d566c !important; }

#footer_meta {
  height: 55px;
  line-height: 55px;
  text-align: center;
  background-color: #26485a;
  color: #ffffff; }

ul#navigation_footer {
  list-style: none; }

ul#navigation_footer li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  height: 35px;
  line-height: 35px; }

ul#navigation_footer li a:hover {
  color: #a6c7d9; }

/*	FOOTER
/*	#site-footer ___ ENDE
================================================================ */