@import url("fontawesome-all.min.css");
@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/RobotoCondensed-Regular-2014-webfont.eot?") format("eot"), url("fonts/RobotoCondensed-Regular-2014-webfont.woff2") format("woff2"), url("fonts/RobotoCondensed-Regular-2014-webfont.woff") format("woff"), url("fonts/RobotoCondensed-Regular-2014-webfont.ttf") format("truetype"), url("fonts/RobotoCondensed-Regular-2014-webfont.svg#Roboto_Condensed") format("svg");
}

@font-face {
  font-family: "Roboto Condensed Bold";
  src: url("fonts/RobotoCondensed-Bold-2014-webfont.eot?") format("eot"), url("fonts/RobotoCondensed-Bold-2014-webfont.woff2") format("woff2"), url("fonts/RobotoCondensed-Bold-2014-webfont.woff") format("woff"), url("fonts/RobotoCondensed-Bold-2014-webfont.ttf") format("truetype"), url("fonts/RobotoCondensed-Bold-2014-webfont.svg#Roboto_Condensed_Bold") format("svg");
}

@font-face {
  font-family: "Roboto Condensed Bold Italic";
  src: url("fonts/RobotoCondensed-BoldItalic-2014-webfont.eot?") format("eot"), url("fonts/RobotoCondensed-BoldItalic-2014-webfont.woff2") format("woff2"), url("fonts/RobotoCondensed-BoldItalic-2014-webfont.woff") format("woff"), url("fonts/RobotoCondensed-BoldItalic-2014-webfont.ttf") format("truetype"), url("fonts/RobotoCondensed-BoldItalic-2014-webfont.svg#Roboto_Condensed_Bold_Italic") format("svg");
}

@font-face {
  font-family: "Roboto Condensed Light";
  src: url("fonts/RobotoCondensed-Light-2014-webfont.eot?") format("eot"), url("fonts/RobotoCondensed-Light-2014-webfont.woff2") format("woff2"), url("fonts/RobotoCondensed-Light-2014-webfont.woff") format("woff"), url("fonts/RobotoCondensed-Light-2014-webfont.ttf") format("truetype"), url("fonts/RobotoCondensed-Light-2014-webfont.svg#Roboto_Condensed_Light") format("svg");
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Roboto Condensed';
  text-decoration: none;
  color: #333;
}

a,
a:visited,
a:hover,
a:active {
  color: #333;
  text-decoration: none;
}

.page_container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 3000px;
  padding: 0 150px;
  font-size: 24px;
}

@media screen and (max-width: 3400px) {
  .page_container {
    font-size: 22px;
  }
}

@media screen and (max-width: 3200px) {
  .page_container {
    font-size: 21px;
  }
}

@media screen and (max-width: 3000px) {
  .page_container {
    font-size: 20px;
  }
}

@media screen and (max-width: 2800px) {
  .page_container {
    font-size: 19px;
  }
}

@media screen and (max-width: 2700px) {
  .page_container {
    font-size: 18px;
  }
}

@media screen and (max-width: 2550px) {
  .page_container {
    font-size: 17px;
  }
}

@media screen and (max-width: 2400px) {
  .page_container {
    font-size: 16px;
  }
}

@media screen and (max-width: 2250px) {
  .page_container {
    font-size: 15px;
  }
}

@media screen and (max-width: 2100px) {
  .page_container {
    font-size: 14px;
  }
}

@media screen and (max-width: 1920px) {
  .page_container {
    font-size: 13px;
  }
}

@media screen and (max-width: 1800px) {
  .page_container {
    font-size: 12px;
  }
}

@media screen and (max-width: 1550px) {
  .page_container {
    font-size: 11px;
  }
}

@media screen and (max-width: 1400px) {
  .page_container {
    font-size: 10px;
  }
}

@media screen and (max-width: 1250px) {
  .page_container {
    font-size: 9px;
  }
}

@media screen and (max-width: 1024px) {
  .page_container {
    font-size: 8px;
    padding: 0 30px;
  }
}

@media screen and (max-width: 768px) {
  .page_container {
    padding: 0 20px;
  }
}

@media screen and (max-width: 640px) {
  .page_container {
    padding: 0 10px;
  }
}

.page_container .content h1 {
  margin-bottom: 20px;
  font-size: 3em;
  font-family: 'Roboto Condensed Bold';
}

.page_container .content h2 {
  margin-bottom: 15px;
  font-size: 2.5em;
  font-family: 'Roboto Condensed Bold';
}

.page_container .content h3 {
  margin-bottom: 10px;
  font-size: 2em;
  font-family: 'Roboto Condensed Bold';
}

.page_container .content h4 {
  margin-bottom: 10px;
  font-size: 2em;
}

.page_container .content p {
  font-size: 1.5em;
  margin-bottom: 10px;
}

.page_container .content ul {
  font-size: 1.5em;
}

.page_container .content ul li {
  margin-left: 24px;
}

section.top_img img {
  width: 100%;
}

section.full_width .page_container {
  padding: 0;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .desktop {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mobile {
    display: none;
  }
}

.top_slider {
  position: relative;
  background: transparent;
  margin-top: 60px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1920px) {
  .top_slider {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}

.top_slider .front {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 7% 1fr 11.25% 11.25% 11.25% 11.25% 1fr 7%;
      grid-template-columns: 7% 1fr 11.25% 11.25% 11.25% 11.25% 1fr 7%;
  -ms-grid-rows: 1fr 1fr 3fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 3fr 1fr 1fr;
  font-size: 0.9em;
}

@media screen and (max-width: 768px) {
  .top_slider .front {
    -ms-grid-columns: 7% 1fr 15% 11.25% 11.25% 15% 1fr 7%;
        grid-template-columns: 7% 1fr 15% 11.25% 11.25% 15% 1fr 7%;
    -ms-grid-rows: 1.5fr 1fr 3fr 1fr 1.5fr;
        grid-template-rows: 1.5fr 1fr 3fr 1fr 1.5fr;
  }
}

.top_slider .front .center {
  -ms-grid-column: 3;
  -ms-grid-column-span: 4;
  grid-column: 3 / 7;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1 / 6;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(120deg, #4697D3, #4697D3 50%, #61B12F 50%, #61B12F);
  padding: 4%;
  -webkit-box-shadow: 0 0 15px #333;
          box-shadow: 0 0 15px #333;
  border: 1px solid black;
  z-index: 20;
}

@media screen and (max-width: 480px) {
  .top_slider .front .center {
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    grid-column: 2 / 8;
  }
}

.top_slider .front .center .slider {
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.top_slider .front .left.top {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  z-index: 30;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -ms-grid-column-align: start;
      justify-self: start;
  font-size: 3em;
}

@media screen and (max-width: 768px) {
  .top_slider .front .left.top {
    font-size: 4.5em;
  }
}

@media screen and (max-width: 550px) {
  .top_slider .front .left.top {
    font-size: 4em;
  }
}

.top_slider .front .left.top i {
  margin-right: 10px;
  color: #ff5613;
}

.top_slider .front .left.bottom {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / 4;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5 / 6;
}

.top_slider .front .left.intermediate {
  background-color: #4697D3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
  opacity: 0.6;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  z-index: 0;
}

.top_slider .front .left.intermediate.top {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  border-top-left-radius: 100vh;
}

.top_slider .front .left.intermediate.bottom {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4 / 5;
  border-bottom-left-radius: 100vh;
}

.top_slider .front .left.middle {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
  opacity: 0.95;
}

.top_slider .front .left.middle.total {
  -webkit-box-shadow: 0 0 15px #444;
          box-shadow: 0 0 15px #444;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
  z-index: 5;
}

.top_slider .front .left.middle.inner {
  background-color: #4697D3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  z-index: 10;
}

.top_slider .front .left.middle.outer {
  background-color: #4697D3;
  z-index: 10;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 480px) {
  .top_slider .front .left.middle.outer a {
    display: none;
  }
}

.top_slider .front .left.middle.outer a .icon {
  color: #4697D3;
}

.top_slider .front .right.top {
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
  grid-column: 6 / 8;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  z-index: 30;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -ms-grid-column-align: end;
      justify-self: end;
  font-size: 3em;
}

@media screen and (max-width: 768px) {
  .top_slider .front .right.top {
    font-size: 4.5em;
  }
}

@media screen and (max-width: 550px) {
  .top_slider .front .right.top {
    font-size: 4em;
  }
}

.top_slider .front .right.top i {
  margin-left: 10px;
  color: #ff5613;
}

@media screen and (max-width: 768px) {
  .top_slider .front .right.top i {
    cursor: pointer;
  }
}

.top_slider .front .right.bottom {
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
  grid-column: 6 / 8;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5 / 6;
}

.top_slider .front .right.intermediate {
  background-color: #61B12F;
  -ms-grid-column: 6;
  -ms-grid-column-span: 3;
  grid-column: 6 / 9;
  opacity: 0.6;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  z-index: 0;
}

.top_slider .front .right.intermediate.top {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  border-top-right-radius: 100vh;
}

.top_slider .front .right.intermediate.bottom {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4 / 5;
  border-bottom-right-radius: 100vh;
}

.top_slider .front .right.middle {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
  opacity: 0.95;
}

.top_slider .front .right.middle.total {
  -ms-grid-column: 6;
  -ms-grid-column-span: 3;
  grid-column: 6 / 9;
  -webkit-box-shadow: 0 0 15px #444;
          box-shadow: 0 0 15px #444;
  z-index: 5;
}

.top_slider .front .right.middle.inner {
  background-color: #61B12F;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-column: 6 / 7;
  z-index: 10;
}

.top_slider .front .right.middle.outer {
  background-color: #61B12F;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7 / 9;
  z-index: 10;
}

@media screen and (max-width: 480px) {
  .top_slider .front .right.middle.outer a {
    display: none;
  }
}

.top_slider .front .right.middle.outer a .icon {
  color: #61B12F;
}

.top_slider .front .outer {
  z-index: 10;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr 1fr;
      grid-template-columns: 1fr 2fr 1fr;
}

@media screen and (max-width: 768px) {
  .top_slider .front .outer {
    -ms-grid-columns: 1fr 3fr 1fr;
        grid-template-columns: 1fr 3fr 1fr;
  }
}

.top_slider .front .outer .round_container {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 /3;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 0;
  padding-bottom: 100%;
  background-color: white;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 15px #333;
          box-shadow: 0 0 15px #333;
}

.top_slider .front .outer .round_container .round_menu {
  padding-top: 15%;
  color: #4697D3;
  font-size: 11em;
  font-family: 'Roboto Condensed Bold';
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
      grid-template-areas: "icon"
 "label";
}

@media screen and (max-width: 1640px) {
  .top_slider .front .outer .round_container .round_menu {
    font-size: 10em;
  }
}

@media screen and (max-width: 1140px) {
  .top_slider .front .outer .round_container .round_menu {
    font-size: 9em;
  }
}

@media screen and (max-width: 900px) {
  .top_slider .front .outer .round_container .round_menu {
    font-size: 8em;
  }
}

@media screen and (max-width: 768px) {
  .top_slider .front .outer .round_container .round_menu {
    padding-top: 20%;
  }
}

@media screen and (max-width: 650px) {
  .top_slider .front .outer .round_container .round_menu {
    font-size: 7em;
  }
}

@media screen and (max-width: 600px) {
  .top_slider .front .outer .round_container .round_menu {
    font-size: 6em;
  }
}

.top_slider .front .outer .round_container .round_menu .label {
  padding-top: 5%;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: label;
  font-size: 0.2em;
  text-align: center;
  font-weight: 700;
}

@media screen and (max-width: 1640px) {
  .top_slider .front .outer .round_container .round_menu .label {
    padding-top: 4%;
  }
}

@media screen and (max-width: 1140px) {
  .top_slider .front .outer .round_container .round_menu .label {
    padding-top: 3%;
  }
}

@media screen and (max-width: 900px) {
  .top_slider .front .outer .round_container .round_menu .label {
    padding-top: 2%;
  }
}

@media screen and (max-width: 768px) {
  .top_slider .front .outer .round_container .round_menu .label {
    display: none;
  }
}

.top_slider .front .outer .round_container .round_menu .icon {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: icon;
}

.brand_headline .logo {
  text-align: center;
  margin-bottom: 20px;
}

.brand_headline .logo img {
  height: 190px;
}

@media screen and (max-width: 2300px) {
  .brand_headline .logo img {
    height: 170px;
  }
}

@media screen and (max-width: 2100px) {
  .brand_headline .logo img {
    height: 155px;
  }
}

@media screen and (max-width: 1920px) {
  .brand_headline .logo img {
    height: 150px;
  }
}

@media screen and (max-width: 1800px) {
  .brand_headline .logo img {
    height: 130px;
  }
}

@media screen and (max-width: 1650px) {
  .brand_headline .logo img {
    height: 110px;
  }
}

@media screen and (max-width: 1550px) {
  .brand_headline .logo img {
    height: 100px;
  }
}

@media screen and (max-width: 1400px) {
  .brand_headline .logo img {
    height: 90px;
  }
}

@media screen and (max-width: 1250px) {
  .brand_headline .logo img {
    height: 80px;
  }
}

@media screen and (max-width: 1024px) {
  .brand_headline .logo img {
    height: 70px;
  }
}

@media screen and (max-width: 768px) {
  .brand_headline .logo img {
    height: 60px;
  }
}

@media screen and (max-width: 650px) {
  .brand_headline .logo img {
    height: 50px;
  }
}

.brand_headline .logo img:first-child {
  margin-right: 100px;
}

@media screen and (max-width: 2300px) {
  .brand_headline .logo img:first-child {
    margin-right: 90px;
  }
}

@media screen and (max-width: 1800px) {
  .brand_headline .logo img:first-child {
    margin-right: 80px;
  }
}

@media screen and (max-width: 1550px) {
  .brand_headline .logo img:first-child {
    margin-right: 70px;
  }
}

@media screen and (max-width: 1400px) {
  .brand_headline .logo img:first-child {
    margin-right: 60px;
  }
}

@media screen and (max-width: 1250px) {
  .brand_headline .logo img:first-child {
    margin-right: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .brand_headline .logo img:first-child {
    margin-right: 40px;
  }
}

@media screen and (max-width: 768px) {
  .brand_headline .logo img:first-child {
    margin-right: 40px;
  }
}

@media screen and (max-width: 650px) {
  .brand_headline .logo img:first-child {
    margin-right: 30px;
  }
}

.brand_headline .claim {
  font-size: 7em;
  text-align: center;
  margin-bottom: 80px;
}

@media screen and (max-width: 1920px) {
  .brand_headline .claim {
    font-size: 5.5em;
  }
}

@media screen and (max-width: 1024px) {
  .brand_headline .claim {
    font-size: 4em;
  }
}

.brand_headline .claim p {
  font-family: 'Roboto Condensed Bold Italic';
}

.catalogues .list {
  padding-top: 40px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 10fr 1fr;
      grid-template-columns: 1fr 1fr 10fr 1fr;
      grid-template-areas: "left item01 label01 right"
 "left item02 label02 right"
 "left item03 label03 right";
  gap: 50px;
  font-size: 2em;
}

.catalogues .list .item-01 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: item01;
}

.catalogues .list .item-02 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: item02;
}

.catalogues .list .item-03 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: item03;
}

.catalogues .list .label-01 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: label01;
}

.catalogues .list .label-02 {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: label02;
}

.catalogues .list .label-03 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: label03;
}

.catalogues .list .border {
  -ms-grid-column-align: end;
      justify-self: end;
}

.footer .spacer img {
  width: 100%;
}

.footer .content {
  padding: 20px 0 40px;
  display: -ms-grid;
  display: grid;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  justify-items: center;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-areas: "impressum copyright mail datenschutz";
  font-family: 'Roboto Condensed Bold';
  font-size: 1.3em;
}

.footer .content .impressum {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: impressum;
}

.footer .content .copyright {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: copyright;
}

.footer .content .mail {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: mail;
}

.footer .content .datenschutz {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: datenschutz;
}

.header_menu {
  height: 100px;
  padding: 10px 0;
}

.header_menu img {
  height: 75px;
}