/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url("../src/fonts/roboto-condensed-v19-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../src/fonts/roboto-condensed-v19-latin-regular.eot?#iefix") format("embedded-opentype"), url("../src/fonts/roboto-condensed-v19-latin-regular.woff2") format("woff2"), url("../src/fonts/roboto-condensed-v19-latin-regular.woff") format("woff"), url("../src/fonts/roboto-condensed-v19-latin-regular.ttf") format("truetype"), url("../src/fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url("../src/fonts/roboto-condensed-v19-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../src/fonts/roboto-condensed-v19-latin-700.eot?#iefix") format("embedded-opentype"), url("../src/fonts/roboto-condensed-v19-latin-700.woff2") format("woff2"), url("../src/fonts/roboto-condensed-v19-latin-700.woff") format("woff"), url("../src/fonts/roboto-condensed-v19-latin-700.ttf") format("truetype"), url("../src/fonts/roboto-condensed-v19-latin-700.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}

#__bs_notify__ {
  font-size: 1em !important;
  color: transparent !important;
  opacity: .75;
  height: 1.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1.5em;
  padding: 0 !important;
  top: .5em !important;
  right: .5em !important;
  background-color: #547f0d !important;
  border-radius: 50% !important;
  overflow: hidden;
}

#__bs_notify__:after {
  content: 'BS';
  position: absolute;
  color: #fff;
  top: .1em;
  left: .25em;
  font-size: .8em;
}

body {
  min-width: 320px;
  color: #2d2d2e;
  font-family: 'Roboto Condensed', sans-serif;
}

img,
svg,
video,
iframe {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
}

input,
textarea,
button {
  font-family: inherit;
}

.inner {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 3.5%;
  padding-right: 3.5%;
}

.inner:after {
  content: '';
  display: block;
  clear: both;
}

[v-show],
[v-if] {
  display: none;
}

.component {
  margin-bottom: 3em;
}

.last-component.component-copy-item, .last-component.component-text-teasers {
  margin-bottom: 1em;
}

/***************************
File generated by shrinker.ch
DateTime: 2020-12-22, 12:58:44
File list:
* Hybrid_Downloads_2020-12-02_153907.css
* Hybrid_Stellenangebote_und_Ausbildung_2020-11-23_115925.css
* Hybrid_2020-11-20_130926.css
* Hybrid_News_2020-11-20_132041.css
* Hybrid_Referenzen_Um_2020-11-12_163117.css
* Hybrid_Leistungen_2020-11-20_123217.css
* Hybrid_Home_2020-11-11_134524.css
* Hybrid_Leistungen_Um_2020-09-11_153224.css
* Hybrid_Betonfertigteilwerk_2020-09-11_152856.css
* Hybrid_Ueber_uns_2020-09-11_152419.css
* Hybrid_Unternehmen_2020-09-11_152302.css
* Hybrid_Referenzen_2020-09-11_145145.css
*****************************/
#ueber_uns {
  display: grid;
}

.bottom1 {
  text-align: left;
  background-color: #e3e6f2;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

.bottom1_bg {
  background-color: #e3e6f2;
}

.main_bg {
  width: 100%;
}

h3 {
  color: #002681;
}

@media (min-width: 840px) {
  #ueber_uns {
    z-index: 10;
    grid-template-columns: 60% 30%;
  }
  #ueber_uns_eintrag_1 {
    border-top-color: #000;
    z-index: 10;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  #ueber_uns_eintrag_2 {
    margin-bottom: 15px;
    z-index: 10;
    margin-left: 15px;
    padding-top: 25px;
  }
  .linie_r1 {
    width: 300px;
  }
  .linie_r2 {
    width: 40%;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #ueber_uns {
    grid-template-columns: 95%;
  }
  #ueber_uns_eintrag_1 {
    margin-bottom: 25px;
  }
  .linie_r1 {
    width: 300px;
  }
  .linie_r2 {
    width: 80%;
  }
}

@media (max-width: 559px) {
  #ueber_uns {
    width: 95%;
  }
  #ueber_uns_eintrag_1 {
    margin-bottom: 25px;
  }
}

#ueber_uns {
  display: grid;
}

.main_bg {
  width: 100%;
}

@media (min-width: 840px) {
  #ueber_uns {
    grid-template-columns: 60% 30%;
  }
  #ueber_uns_eintrag {
    margin-bottom: 15px;
  }
  .jobs {
    width: 65%;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #ueber_uns {
    grid-template-columns: 95%;
  }
  #ueber_uns_eintrag {
    margin-bottom: 15px;
  }
}

@media (max-width: 559px) {
  #ueber_uns {
    width: 95%;
  }
  .main {
    padding-right: 15px;
    padding-left: 15px;
  }
}

#gfooter {
  text-align: left;
  display: grid;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0 10px 0;
}

#leistungen, #p0, #plus0 {
  display: grid;
}

#logo {
  margin-right: 20px;
}

@media (max-width: 619px) {
  #logo {
    width: 4em;
  }
}

#nav a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  width: 260px;
}

#nav .active > a {
  color: #fff;
  background-color: #33519a;
}

#nav img {
  cursor: pointer;
  margin-left: 7px;
}

#nav input[type="checkbox"] + .list0, #nav input[type="checkbox"] + .list1, #nav input[type="checkbox"] + .list, #nav input[type="checkbox"], .desktop {
  display: none;
}

#nav input[type="checkbox"]:checked + .list0, #nav input[type="checkbox"]:checked + .list1, #nav input[type="checkbox"]:checked + .list {
  display: inline;
}

#nav {
  background-color: #fff;
  z-index: 5;
  position: absolute;
  top: 10px;
  left: 20px;
  margin-top: 30px;
}

#navigation {
  text-align: left;
}

.blau {
  color: #002681;
}

.datum {
  font-size: 18px;
  line-height: 34px;
}

.extra_nav {
  font-size: 16px;
  text-decoration: none;
  width: 100%;
  max-width: 1200px;
}

.extra_nav_a {
  font-size: 16px;
  text-decoration: none;
  color: #002681;
  max-width: 1200px;
}

.extra_nav_div {
  font-size: 16px;
  text-decoration: none;
  max-width: 1200px;
}

.footer {
  background-color: #e3e6f2;
  margin-top: 20px;
  width: 100%;
}

.head_subline {
  font-size: 35px;
  margin: .5em 0 0;
  line-height: 1em;
}

.header {
  top: 0;
  left: 0;
  margin-bottom: 1em;
  position: relative;
}

.header img {
  width: 100%;
}

.header_text_box {
  text-decoration: none;
  background-color: #fff;
  opacity: .8;
  text-align: left;
  float: right;
  position: absolute;
  padding: 1em;
  right: 1em;
  bottom: 1em;
}

@media (min-width: 960px) {
  .header_text_box {
    right: 5em;
    bottom: 2em;
    padding: 1.7em;
    width: 555px;
  }
}

.header_text_box h2 {
  margin: 0;
  line-height: .8em;
}

.headline {
  font-size: 75px;
  color: #002681;
  font-weight: bolder;
}

.item0 > a {
  font-size: 20px;
  line-height: 55px;
  padding: 0 8px 0 16px;
}

.item0, .item1, .item2, .item3, .item4 {
  white-space: nowrap;
  display: block;
  border-bottom: 1px dotted #33519a;
}

.item1 > a {
  font-size: 16px;
  background-color: #e3e6f2;
  line-height: 50px;
  padding: 0 8px 0 16px;
}

.item1:last-child, .item2:last-child, .item3:last-child, .item4:last-child {
  border: 0;
}

.item2 > a {
  font-size: 14px;
  line-height: 31px;
  padding: 0 12px 0 18px;
}

.item3 > a {
  font-size: 12px;
  line-height: 27px;
  padding: 0 6px 0 24px;
}

.item4 > a {
  font-size: 12px;
  line-height: 23px;
  padding: 0 0 0 30px;
}

.lei_img {
  width: 100%;
  height: auto;
  max-width: 600px;
  min-width: 160px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.linie_r1 {
  background-color: #172a6d;
  position: absolute;
  width: 280px;
  height: 4px;
  border: 0;
  margin-top: 4px;
}

.linie_r2 {
  background-color: #172a6d;
  position: absolute;
  width: 29%;
  height: 4px;
  right: 0;
  border: 0;
  margin-top: 4px;
}

.list0 img {
  vertical-align: middle;
  background-color: #fff;
  padding: 10px 8px 10px 0;
}

.list1 img + a {
  background-color: #fff;
  padding-top: 7px;
  padding-bottom: 6px;
  padding-left: 7px;
}

.logo {
  text-align: right;
  width: 100%;
  margin: 25px auto 25px auto;
}

.main {
  text-align: left;
  max-width: 1200px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding: 10px 15px 25px 15px;
}

.td1 {
  border-bottom: 2px solid #fff;
  margin-top: 4px;
  margin-bottom: 4px;
}

.tf2 {
  background-color: #fff;
  width: 120px;
  border: 1px solid #fff;
  padding-left: 5px;
}

.tfr {
  line-height: 20px;
}

.ttd {
  background-color: #d6d6d6;
  line-height: 30px;
}

A {
  text-decoration: none;
  color: #4a4a4a;
  line-height: 25px;
}

DIV, P, TD, TH, UL, LI {
  font-size: 18px;
  color: #4a4a4a;
  line-height: 24px;
}

h1, h2 {
  font-size: 34px;
  color: #002681;
  line-height: 1.1em;
}

@media (min-width: 620px) {
  h1, h2 {
    font-size: 48px;
  }
}

h1 {
  margin-top: 0;
}

H2 {
  font-size: 26px;
  color: #002681;
  display: inline;
  line-height: 1em;
}

@media (min-width: 620px) {
  H2 {
    font-size: 40px;
  }
}

H4 {
  font-size: 20px;
  text-transform: uppercase;
  color: #002681;
}

H5 {
  font-size: 18px;
  color: #002681;
  font-weight: bold;
}

H6 {
  font-size: 30px;
  color: #002681;
  font-weight: bold;
}

UL {
  padding-left: 1em;
}

@media (min-width: 840px) {
  #gfooter1, #gfooter2 {
    padding-right: 15px;
  }
  #gfooter {
    grid-template-columns: auto auto auto;
  }
  #header {
    text-align: center;
    z-index: 0;
    position: absolute;
    width: 100%;
    top: 297px;
    left: 0;
  }
  #leistungen {
    grid-template-columns: 48% 48%;
  }
  #leistungengeintrag {
    margin-right: 7px;
    margin-bottom: 15px;
    margin-left: 7px;
  }
  #p0 {
    margin: 0;
    grid-template-columns: auto 5px auto 5px auto 5px auto;
  }
  #p4, #p8, #p12, #p16 {
    height: 5px;
    margin: 0;
    grid-column: 1 / 8;
  }
  #plus0 {
    grid-template-columns: auto 10px auto;
  }
  #plus2 {
    height: 5px;
    grid-column: 1 / 4;
  }
  .plus_img {
    width: 100%;
    height: auto;
    padding-left: 15px;
  }
  .ref_img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #gfooter1, #gfooter2 {
    padding-right: 15px;
  }
  #gfooter {
    grid-template-columns: auto auto;
  }
  #header {
    z-index: 0;
    position: absolute;
    width: 100%;
    top: 335px;
    left: 0;
  }
  #leistungen {
    grid-template-columns: 50% 50%;
  }
  #leistungeneintrag {
    margin-bottom: 15px;
  }
  #p0 {
    grid-template-columns: auto 5px auto;
  }
  #p2, #p4, #p6, #p8, #p10, #p12 {
    grid-column: 1 / 4;
    height: 5px;
  }
  .head_subline {
    font-size: 30px;
  }
  .headline {
    font-size: 63px;
    color: #002681;
    font-weight: bold;
  }
  .linie_r1 {
    width: 180px;
  }
  .plus_img {
    width: 100%;
    height: auto;
    padding-left: 15px;
  }
  .ref_img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 559px) {
  #gfooter {
    grid-template-columns: auto;
  }
  #header {
    z-index: 0;
    position: absolute;
    width: 100%;
    top: 283px;
    left: 0;
  }
  #leistungen {
    width: 100%;
  }
  #leistungeneintrag {
    margin-bottom: 15px;
  }
  #p0 {
    display: block;
  }
  #p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12 {
    height: 5px;
    grid-column: 1 / 4;
  }
  .head_subline {
    font-size: 20px;
  }
  .headline {
    font-size: 35px;
    color: #002681;
    font-weight: bold;
    line-height: 20px;
  }
  .linie_r1 {
    width: 330px;
  }
  .linie_r2 {
    width: 80%;
  }
  .plus_img, .ref_img {
    width: 100%;
    height: auto;
  }
  DIV, P, TD, TH, UL, LI {
    font-size: 18px;
  }
}

#ueber_uns {
  display: grid;
}

.bottom1 {
  text-align: left;
  background-color: #e3e6f2;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 15px 30px 15px;
}

.bottom1_bg {
  background-color: #e3e6f2;
}

.main_bg {
  width: 100%;
}

@media (min-width: 840px) {
  #ueber_uns {
    grid-template-columns: 60% 30%;
  }
  #ueber_uns_eintrag_1 {
    border-top-color: #000;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .linie_r1 {
    width: 300px;
  }
  .linie_r2 {
    width: 40%;
  }
  #ueber_uns_eintrag_2 {
    margin-bottom: 15px;
    margin-left: 15px;
    padding-top: 25px;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #ueber_uns {
    grid-template-columns: 95%;
  }
  #ueber_uns_eintrag_1 {
    margin-bottom: 25px;
  }
  .linie_r1 {
    width: 300px;
  }
  .linie_r2 {
    width: 80%;
  }
}

@media (max-width: 559px) {
  #ueber_uns {
    width: 95%;
  }
  #ueber_uns_eintrag_1 {
    margin-bottom: 25px;
  }
}

#ref_img {
  width: 100%;
  height: auto;
}

#ueber_uns {
  display: grid;
}

.bottom1 {
  text-align: left;
  background-color: #fff;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px;
}

.bottom1_bg {
  margin-bottom: 30px;
}

.component-text-teasers {
  width: 100%;
  text-align: left;
  background-color: #e3e6f2;
  margin-right: auto;
  margin-left: auto;
}

img.lupe:hover {
  z-index: 50;
  -webkit-transform: scale(2, 2);
      -ms-transform: scale(2, 2);
          transform: scale(2, 2);
}

img.lupe {
  z-index: 50;
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  -o-transition: transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s;
}

@media (min-width: 840px) {
  #ueber_uns {
    grid-template-columns: 65% 35%;
  }
  #ueber_uns_eintrag {
    margin-right: 7px;
    margin-bottom: 15px;
    margin-left: 7px;
  }
  #p0 {
    grid-template-columns: auto auto;
  }
  #p2, #p4, #p6, #p8, #p10, #p12 {
    height: 0;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #p0 {
    grid-template-columns: auto auto;
  }
  #p2, #p4, #p6, #p8, #p10, #p12 {
    height: 0;
  }
  #ueber_uns {
    grid-template-columns: 50% 50%;
  }
  #ueber_uns_eintrag {
    margin-right: 7px;
    margin-bottom: 15px;
    margin-left: 7px;
  }
}

@media (max-width: 559px) {
  #ueber_uns {
    width: 100%;
  }
}

#leistungen {
  display: grid;
}

.bottom1 {
  text-align: left;
  background-color: #e3e6f2;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 15px 15px 15px;
}

.bottom1_bg {
  background-color: #e3e6f2;
  max-width: 100%;
}

@media (min-width: 840px) {
  #leistungen {
    grid-template-columns: 50% 50%;
  }
  #leistungengeintrag {
    margin-right: 7px;
    margin-bottom: 15px;
    margin-left: 7px;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #leistungen {
    grid-template-columns: 50% 50%;
  }
  #leistungeneintrag {
    margin-right: 7px;
    margin-bottom: 15px;
    margin-left: 7px;
  }
}

@media (max-width: 559px) {
  #leistungen {
    width: 100%;
  }
}

#home {
  display: grid;
}

.bottom1 {
  text-align: left;
  background-color: #fff;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px;
}

.bottom3_bg {
  margin-top: 40px;
  margin-bottom: 20px;
}

.bottom4 {
  text-align: left;
  background-color: #fff;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 15px 40px 15px;
}

.linie_r1 {
  background-color: #172a6d;
  position: absolute;
  width: 280px;
  height: 4px;
  border: 0;
  margin-top: 4px;
}

.linie_r2 {
  background-color: #172a6d;
  position: absolute;
  width: 32%;
  height: 4px;
  right: 0;
  border: 0;
  margin-top: 4px;
}

.main {
  padding-top: 40px;
  padding-right: 15px;
  padding-left: 15px;
}

.main_bg {
  width: 100%;
}

@media (min-width: 840px) {
  #home {
    grid-template-columns: 65% 35%;
  }
  #homeeintrag_1 {
    margin-right: 15px;
    margin-bottom: 15px;
  }
  #homeeintrag_2 {
    z-index: 5;
    margin-bottom: 15px;
    margin-left: 15px;
  }
  #p0 {
    grid-template-columns: auto auto auto auto;
  }
  #p4, #p8, #p12, #p16 {
    height: 0;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #home {
    grid-template-columns: 65% 35%;
  }
  #homeeintrag_1, #homeeintrag_2 {
    margin-right: 7px;
    margin-bottom: 15px;
    margin-left: 7px;
  }
  #p0 {
    grid-template-columns: auto auto;
  }
  #p2, #p4, #p6, #p8, #p10, #p12 {
    height: 0;
  }
  .bottom1, .bottom2, .bottom4 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .linie_r1 {
    width: 180px;
  }
}

@media (max-width: 559px) {
  #home {
    width: 100%;
  }
  #homeeintrag_1 {
    margin-bottom: 30px;
  }
  .bottom2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .linie_r1 {
    width: 330px;
  }
  .linie_r2 {
    width: 80%;
  }
}

#leistungen {
  display: grid;
}

.bottom1 {
  text-align: left;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 15px 15px 15px;
}

.bottom1_bg {
  max-width: 100%;
  margin-bottom: 35px;
}

@media (min-width: 840px) {
  #leistungen {
    grid-template-columns: 50% 50%;
  }
  #leistungengeintrag {
    margin-right: 7px;
    margin-bottom: 15px;
    margin-left: 7px;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #leistungen {
    grid-template-columns: 50% 50%;
  }
  #leistungeneintrag {
    margin-right: 7px;
    margin-bottom: 15px;
    margin-left: 7px;
  }
}

@media (max-width: 559px) {
  #leistungen {
    width: 100%;
  }
}

#ueber_uns {
  display: grid;
}

.main_bg {
  width: 100%;
}

@media (min-width: 840px) {
  #ueber_uns {
    grid-template-columns: 60% 30%;
  }
  #ueber_uns_eintrag_1 {
    border-top-color: #000;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  #ueber_uns_eintrag_2 {
    margin-bottom: 15px;
    margin-left: 15px;
    padding-top: 25px;
  }
  .linie_r2 {
    width: 40%;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #ueber_uns {
    grid-template-columns: 95%;
  }
  #ueber_uns_eintrag_1 {
    margin-bottom: 25px;
  }
  .linie_r1 {
    width: 300px;
  }
  .linie_r2 {
    width: 80%;
  }
}

@media (max-width: 559px) {
  #ueber_uns {
    width: 95%;
  }
  #ueber_uns_eintrag_1 {
    margin-bottom: 25px;
  }
}

#ueber_uns {
  display: grid;
}

.bottom1 {
  text-align: left;
  background-color: #e3e6f2;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 15px 30px 15px;
}

.bottom1_bg {
  background-color: #e3e6f2;
}

.main_bg {
  width: 100%;
}

@media (min-width: 840px) {
  #ueber_uns {
    grid-template-columns: 60% 30%;
  }
  #ueber_uns_eintrag_1 {
    border-top-color: #000;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .linie_r1 {
    width: 300px;
  }
  .linie_r2 {
    width: 40%;
  }
  #ueber_uns_eintrag_2 {
    margin-bottom: 15px;
    margin-left: 15px;
    padding-top: 25px;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #ueber_uns {
    grid-template-columns: 95%;
  }
  #ueber_uns_eintrag_1 {
    margin-bottom: 25px;
  }
  .linie_r1 {
    width: 300px;
  }
  .linie_r2 {
    width: 80%;
  }
}

@media (max-width: 559px) {
  #ueber_uns {
    width: 95%;
  }
  #ueber_uns_eintrag_1 {
    margin-bottom: 25px;
  }
}

#ueber_uns {
  display: grid;
}

.main_bg {
  width: 100%;
}

@media (min-width: 840px) {
  #ueber_uns {
    grid-template-columns: 60% 30%;
  }
  #ueber_uns_eintrag {
    margin-bottom: 15px;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #ueber_uns {
    grid-template-columns: 95%;
  }
  #ueber_uns_eintrag {
    margin-bottom: 15px;
  }
}

@media (max-width: 559px) {
  #ueber_uns {
    width: 95%;
  }
}

#ueber_uns {
  display: grid;
}

.bottom1 {
  text-align: left;
  background-color: #fff;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px;
}

.bottom1_bg {
  margin-bottom: 30px;
}

@media (min-width: 840px) {
  #ueber_uns {
    grid-template-columns: 65% 35%;
  }
  #ueber_uns_eintrag {
    margin-right: 7px;
    margin-bottom: 15px;
    margin-left: 7px;
  }
  #p0 {
    grid-template-columns: auto auto;
  }
  #p2, #p4, #p6, #p8, #p10, #p12 {
    height: 0;
  }
}

@media (min-width: 560px) and (max-width: 839px) {
  #p0 {
    grid-template-columns: auto auto;
  }
  #p2, #p4, #p6, #p8, #p10, #p12 {
    height: 0;
  }
  #ueber_uns {
    grid-template-columns: 50% 50%;
  }
  #ueber_uns_eintrag {
    margin-right: 7px;
    margin-bottom: 15px;
    margin-left: 7px;
  }
}

@media (max-width: 559px) {
  #ueber_uns {
    width: 100%;
  }
}

.component-stage img {
  width: 100%;
}

.nav-toggler {
  width: 2em;
  display: block;
}

.nav-toggler .line {
  height: 6px;
  width: 100%;
  display: block;
  margin-bottom: 5px;
  background-color: #002681;
  border-radius: 3px;
}

.nav-toggler .line1 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-toggler .line3 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.component-big-teasers h2 {
  text-transform: none;
}

.component-big-teasers p {
  padding-right: 1em;
}

.component-text-teasers {
  padding: 2em 0 1em;
}

.component-text-teasers .links {
  margin-top: 2em;
}

@media (min-width: 620px) {
  .component-text-teasers .links {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}

.component-text-teasers .links li {
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2em;
  margin-bottom: 1em;
  color: #002681;
  margin-right: 1em;
}

.component-text-teasers .links li a {
  color: inherit;
}

.component-text-teasers h2 {
  text-transform: none;
}

.hr1,
.hrr1 {
  position: absolute;
  background-color: #172a6d;
  height: 4px;
  width: 100%;
  border: none;
  margin-top: 8px;
}

.hr2,
.hrr2 {
  position: absolute;
  background-color: #172a6d;
  height: 4px;
  width: 27%;
  border: none;
  left: 0px;
  margin-top: 8px;
}

.hrr2 {
  left: auto;
  right: -25vw;
  width: 50vw;
}

@media (max-width: 619px) {
  .hrr2 {
    width: 90vw;
  }
}

@media (min-width: 1200px) {
  .hrr2 {
    right: -35vw;
  }
}

@media (min-width: 2200px) {
  .hrr2 {
    width: 50vw;
    right: -35vw;
  }
}

@media (min-width: 620px) {
  .columns-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 65%;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 5%;
}

.has-image .col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 35%;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
}

.has-image .col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.component-download img {
  width: 300px;
}

.component-references h1 {
  display: block;
  text-transform: none;
}

.component-references .inner:after {
  content: '';
  display: block;
  clear: both;
}

.references {
  clear: both;
}

@media (min-width: 620px) {
  .references {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.references .reference {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

@media (max-width: 619px) {
  .references .reference {
    display: block;
    margin-bottom: .3em;
  }
}

@media (min-width: 960px) {
  .references .reference {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}

.reference {
  position: relative;
}

.reference .text {
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  padding: 8px;
  color: #002681;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1em;
}

.color-default {
  background-color: #fff;
}

.color-lightblue {
  background-color: #e3e6f2;
}

.component-columns {
  overflow-x: hidden;
}

.component-columns .inner {
  padding-top: 3em;
}

.component-columns .inner .inner {
  padding: 0;
}

.component-references-categories {
  overflow-x: hidden;
}

.component-references-categories h2 {
  margin-bottom: 0;
}

.component-references-categories h3 {
  font-size: 2em;
  display: block;
  margin: 0;
}

.component-references-categories .references {
  margin-bottom: 2.5em;
}

.headline-subborders {
  position: relative;
}

.headline-subborders .hrr1 {
  width: 200px;
}

.headline-subborders .hrr2 {
  right: auto;
  left: -50vw;
}

.underlined h2 {
  position: relative;
  padding-bottom: .2em;
}

.underlined h2:after {
  position: absolute;
  content: '';
  background-color: #002681;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
}

.underlined h2:before {
  position: absolute;
  content: '';
  background-color: #002681;
  height: 5px;
  bottom: 0;
  width: 50em;
  right: 0;
}

@media (min-width: 1200px) {
  .underlined h2:before {
    left: calc(-50vw + 34rem);
    width: calc(50vw - 34rem);
  }
}

.headline-wrapper {
  margin-bottom: 1em;
}

.col-2 h3 {
  margin: 0;
  text-transform: uppercase;
  position: relative;
  padding-bottom: .3em;
}

.col-2 h3:after {
  position: absolute;
  content: '';
  background-color: #172a6d;
  width: 100%;
  height: 4px;
  bottom: 0;
  left: 0;
}

.col-2 h3:before {
  position: absolute;
  content: '';
  background-color: #172a6d;
  height: 4px;
  bottom: 0;
  width: 50em;
  left: 0;
}

@media (min-width: 1200px) {
  .col-2 h3:before {
    width: calc(50vw - 5rem);
    right: calc(-50vw + 5rem);
  }
}

.col-2 .component-text {
  margin-bottom: 2em;
}

.component-text li,
.component-text strong {
  color: #002681;
}

.first-component.color- {
  padding-top: 3em;
}

.component-news {
  border-bottom: 1px solid rgba(45, 45, 46, 0.5);
  margin-bottom: 2em;
  padding-bottom: 1em;
}

.component-news:last-child {
  border-bottom: 0;
}

.component-news h3 {
  text-transform: uppercase;
  margin: 0;
  padding-top: 0;
  margin-bottom: 1em;
}

.to-top-button {
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 5;
}

.google-map {
  min-height: 300px;
}

@media (min-width: 960px) {
  .google-map {
    min-height: 500px;
  }
}

.component-jobs .job {
  padding: 1em 0 2em;
  border-top: 1px solid rgba(23, 42, 109, 0.25);
}

.component-jobs .job:last-child {
  border-bottom: 1px solid rgba(23, 42, 109, 0.25);
}