@charset "UTF-8";
@font-face {
  font-family: "fontello";
  src: url("/data/webfonts/fontello.eot?27027990");
  src: url("/data/webfonts/fontello.eot?27027990#iefix") format("embedded-opentype"), url("/data/webfonts/fontello.woff?27027990") format("woff"), url("/data/webfonts/fontello.ttf?27027990") format("truetype"), url("/data/webfonts/fontello.svg?27027990#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-display: swap;
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 300;
  src: url("/data/webfonts/host-grotesk-v4-latin-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 400;
  src: url("/data/webfonts/host-grotesk-v4-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 500;
  src: url("/data/webfonts/host-grotesk-v4-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 600;
  src: url("/data/webfonts/host-grotesk-v4-latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 700;
  src: url("/data/webfonts/host-grotesk-v4-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 800;
  src: url("/data/webfonts/host-grotesk-v4-latin-800.woff2") format("woff2");
}
/*########## nur für Beta ########### */
.helper {
  background: red;
  text-align: center;
  color: #fff;
}
/*########## /nur für Beta ########### */
/* Variablen deklarieren */
:root {
  --black: #000000;
  --grey: #EFEFF0;
  --orange: #FF6E0A;
  --colortop: transparent;
  --colorbottom: transparent;
}
/* 
HTML Tags
Bootstrap Mod 
custom designs 
Header
Navigation
Content
WOW fadeInUp
Videobox 
parallax
Formular
Footer
*/
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body {
  background-position: center 0;
  background-image: url(/bilder/grafik/knibblBG-hell.gif);
  font-size: 1.12rem;
  font-family: "Host Grotesk";
  color: var(--orange);
  font-weight: 400;
  margin: 0;
  line-height: 2.1rem;
}
p {
  font-size: 3.2em;
  line-height: 4.5rem;
  font-weight: 600;
  color: var(--orange);
}
h1, h2, h3 {
  font-weight: 400;
  font-size: 3.5em;
}
h1 {
  color: var(--orange);
}
h2 {
  font-weight: 700;
  color: var(--orange);
}
h3 {
  margin-bottom: 0.25em;
  color: var(--orange);
}
.small {
  font-size: 1rem;
  color: black;
  line-height: 1.4rem;
}
a {
  line-height: 1rem;
  color: var(--black);
  text-decoration: none;
}
a.button {
  display: block;
  font-size: 5rem;
  background: var(--orange);
  color: #FFF !important;
  text-decoration: none;
  border: none;
  font-weight: 700;
  margin: 0 auto !important;
  text-align: center;
  padding: 10rem 0;
}
a.button:after {
  border-bottom: none;
  font-family: fontello;
  content: "";
  font-weight: 100;
  font-size: 3rem;
  transition: margin-left 0.3s ease;
  margin-left: 1em;
}
a.button:hover:after {
  margin-left: 1.4em;
}
::selection {
  background: var(--orange);
  color: #FFF;
  text-shadow: none;
}
::-moz-selection {
  background: var(--orange);
  color: #FFF;
  text-shadow: none;
}
.orangeBG {
  background: var(--orange);
  color: #FFF;
  padding: 0 3rem;
}
.orangeBG p {
  color: #FFF;
  font-weight: 700;
  line-height: 3.4rem;
  font-size: 2.8rem;
}
.orangeBG a {
  color: #FFF;
  font-weight: 700;
  line-height: 3.4rem;
  font-size: 2.9rem;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
img.dontfit {
  width: unset;
  height: auto;
}
.hyphened {
  -webkit-hyphens: auto;
  -webkit-hyphenate-character: "‐";
  -webkit-hyphenate-limit-after: 1;
  -webkit-hyphenate-limit-before: 3;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.breadcrumb li .icon {
  color: grey;
}
/*########## Bootstrap Mod ########### */
.col, .col-12, .col-1, .col-2, .col-11, .col-3, .col-4, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-12, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-12, .col-md-3, .col-md-4, .col-md-6, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-12, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-12, .col-xl-3, .col-xl-4, .col-xl-6, .col-xl-9, .col-xl-auto {
  border-bottom: 60px solid var(--colorbottom) !important;
  border-top: 60px solid var(--colortop) !important;
}
.breadcrumbB {
  border-bottom: 30px solid var(--colorbottom) !important;
  border-top: 30px solid var(--colortop) !important;
}
.container {
  max-width: 1500px;
}
.mitAbstandA {
  padding: 0;
  margin: 0;
}
.mitAbstandB {
  padding: 0;
}
.container-fluid .row.headbild {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/*########## navigation ########### */
.navigation .col-md-4 {
  text-align: center;
  border-bottom: 0 !important;
}
.navigation a {
  color: var(--orange);
  font-size: 2.3rem;
  font-weight: 700;
  border-bottom: none;
}
.navigation a:hover {
  color: black;
}
.navigation a:after {
  display: block;
  content: "";
  border-bottom: none;
}
/*########## custom designs ########### */
.ausgeblendet {
  display: none;
}
.clear {
  clear: both;
}
.nurPhone, .nurMobile {
  display: none;
}
.topzero {
  border-top: none !important;
}
.bottomzero {
  border-bottom: none !important;
}
.topbottomzero {
  border-top: none !important;
  border-bottom: none !important;
}
.white, .white p {
  color: #FFF;
}
.speciallist ul li {
  background: url("/data/images/list-item.svg") no-repeat 0 0;
  padding-left: 50px;
  margin-left: 0px;
  margin-bottom: 15px;
  min-height: 30px;
  list-style: none;
}
.speciallist ul {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}
/* ########### Header ########### */
.container-fluid.Sliderbilder, .container-fluid.Sliderbilder .col-sm-12, .container-fluid.Headbild, .container-fluid.Headbild .col-sm-12 {
  padding-right: 0px;
  padding-left: 0px;
}
.Logo {
  transition: all 0.3s;
  margin-top: 30px;
  margin-bottom: 30px;
}
/* ########### Content ########### */
.specialanchor {
  display: block;
  background: transparent;
  width: 20px;
  height: 20px;
  position: relative;
  top: -250px;
}
svg.contentlogo {
  display: block;
  width: 730px;
  margin: auto;
  margin-top: 200px;
  margin-bottom: 200px;
}
.Padding-Left {
  padding-left: 20%;
}
/* ########### Footer ########### */
.footer {
  margin-top: 5rem;
}
.Fuss_ende {
  text-align: center !important;
  font-size: 13px;
}
#stickyButton {
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 10000;
  background: transparent;
  border: 1px solid var(--orange);
}