@font-face {
  font-family: 'Frutiger LT Std 45 Light';
  src: url('Frutiger_LT_Std_45_Light.otf') format('opentype');
}

@font-face {
  font-family: 'Frutiger LT Std 55 Roman';
  src: url('Frutiger_LT_Std_55_Roman.otf') format('opentype');
}

@font-face {
  font-family: 'Frutiger LT Std 65 Bold';
  src: url('Frutiger_LT_Std_65_Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Frutiger LT Std 67 Bold Condensed';
  src: url('Frutiger_LT_Std_67_Bold_Condensed.otf') format('opentype');
}

:root {
  --main-color: #0c2b40;
}

/* NICHT ANFASSEN*/
/*! normalize.min.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
button,
hr,
input {
  overflow: visible
}

progress,
sub,
sup {
  vertical-align: baseline
}

audio,
canvas,
progress,
video {
  display: inline-block
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

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

h1 {
  font-size: 2em;
  margin: .67em 0
}

figure {
  margin: 1em 40px
}

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

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0
}

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

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

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

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

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

button,
select {
  text-transform: none
}

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

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

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

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

textarea {
  overflow: auto
}

[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-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

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

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

/* NICHT ANFASSEN */

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

/*
+-----------------------------------------+
|      Individuelle Formatierungen        |
+-----------------------------------------+
*/

body {
  color: #7c7b7b;
  font: 14px/1.4em 'Frutiger LT Std 45 Light', 'Roboto Condensed', sans-serif;
  text-align: left;
}

hr {
  background-color: #d9d9d8;
  color: #d9d9d8;
  height: 1px;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 20px 0;
}

strong,
b {
  font-weight: 400;
  font-family: 'Frutiger LT Std 55 Roman';
}

ul,
ol {
  margin: 0 0 0 14px;
  padding-left: 0;
  list-style-type: none;
}

ul li ul,
ul li ol,
ol li ol,
ol li ul {
  margin: 3px 0 3px 18px;
}

ul li {
  margin-bottom: 3px;
  position: relative;
}

ul li::before {
  content: "\25A0";
  position: absolute;
  top: -1px;
  left: -13px;
  color: var(--main-color);
}

/*
275a -- heavy vertical bar
● -- 25CF -- BLACK CIRCLE
● -- 26AB -- MEDIUM BLACK CIRCLE
● -- 2022 -- SMALL BLACK CIRCLE

▶ -- 25B6 -- BLACK RIGHT-POINTING TRIANGLE
■ -- 25A0 -- BLACK SQUARE
■ -- 25AA -- BLACK LITTLE SQUARE

← -- 2190 -- Left arrow

→ -- 2192 -- Right arrow

↑ -- 2191 -- Up arrow
↓ -- 2193 -- Down arrow

› -- 203A -- Right single angle quote
‹ -- 2039 -- Left single angle quote


« -- 00AB -- Left double angle quote
» -- 00BB -- Right double angle quoter
*/

a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
}

p+p {
  margin: 1rem 0 0;
}

#title {
  font-size: 28px;
  line-height: 1.3em;
  color: var(--main-color);
  font-family: 'Frutiger LT Std 67 Bold Condensed';
  margin: 5px 0;
}

#head {
  position: relative;
}

#top {
  position: absolute;
  left: 0;
  top: 40%;
}

#logo {
  padding: 20px 4.6%;
}

#logo_pic {
  max-width: 300px;
  max-height: 100px;
}

#headline {
  background: var(--main-color);
  color: #fff;
  font-size: 65px;
  line-height: 1em;
  font-family: 'Frutiger LT Std 67 Bold Condensed';
  display: inline-block;
  padding: 5px 4.6%;
  letter-spacing: 2px;
}

#subline {
  background: var(--main-color);
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  font-weight: bold;
  display: inline-block;
  padding: 5px 4.6%;
  margin-left: 5%;
}

#infobox {
  background: var(--main-color);
  color: #fff;
  padding: 10px 4.6%;
  font-size: 17px;
  font-family: 'Frutiger LT Std 55 Roman';
  text-transform: uppercase;
}

.headline {
  font-size: 19px;
  line-height: 1.3em;
  font-family: 'Frutiger LT Std 67 Bold Condensed';
  color: var(--main-color);
  margin-bottom: 10px;
}

/*
+-----------------------------------------+
|                   IDs                   |
+-----------------------------------------+
*/

#wrapper {
  -moz-box-shadow: 0 0 26px #666;
  -webkit-box-shadow: 0 0 26px #666;
  box-shadow: 0 0 26px #666;
  margin: 0 auto;
  position: relative;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

#content {
  padding: 3% 4.6%;
}

#footer {
  background: var(--main-color);
  color: #fff;
  padding: 3% 4.6%;
  font-family: 'Frutiger LT Std 55 Roman';
}

#flex_siegel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
  align-items: baseline;
}

#flex_siegel img {
  max-width: 150px;
}

#flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-item-left {
  width: 50%;
  padding-right: 4%;
  display: flex;
  flex-direction: column;
}

.flex-item-right {
  width: 50%;
  border-left: 1px solid #fff;
  padding-left: 4%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.flex-item-left2 {
  flex: 1 0 50%;
  hyphens: none;
}

.flex-item-right2 {
  flex: 0 1 33%;
}

.flex-icons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}

#place path {
  fill: #ffffff;
}

#place {
  width: 10px;
}

#case {
  width: 15px;
}

#case path {
  fill: #ffffff;
}

#company {
  margin-bottom: 15px;
}

.shadow {
  -webkit-box-shadow: 5px 5px 8px 1px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 5px 5px 8px 1px rgba(0, 0, 0, 0.48);
  box-shadow: 5px 5px 8px 1px rgba(0, 0, 0, 0.48);
}

#colums {
  -webkit-columns: 200px 3;
  -moz-columns: 200px 3;
  columns: 200px 3;
  text-align: justify;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.left {
  width: 48%;
  float: left;
  position: relative;
}

.right {
  width: 48%;
  float: right;
  position: relative;
}

.clear {
  clear: both;
  height: 0px;
}

#benefit-wrapper {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

#benefit-wrapper>* {
  width: 100%;
  flex: 1 0 245px;
}

#video {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  overflow: auto;
  box-shadow: 3px 5px 10px lightgray;
}

#apply_url {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  min-height: 100px;
}

#apply_url .loewen-apply-text {
  flex-basis: 100%;
  padding-bottom: 20px;
}

.btn {
  background: #fff;
  padding: 15px 35px;
  display: inline-block;
  font-family: 'Frutiger LT Std 67 Bold Condensed';
  color: var(--main-color);
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
}

.ohne_headline {
  padding-top: 35px;
}

#social {
  width: 100%;
  color: white;
  display: flex;
  padding: 10px 0;
  gap: 10px;
}

#social>a {
  display: inline-block;
  height: 42px;
  width: 42px;
  border-radius: 21px;
  margin: 10px 5px;
}

#social img {
  margin: 11px 13px;
}

#social i {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  display: block;
  margin: 11px;
}

#kununu {
  background-color: black;
}

#homepage {
  background-color: gray;
}

#facebook {
  background-color: #316FF6;
}

#instagram {
  background-color: #E1306C;
}

#instagram i {
  width: 28px;
  font-size: 28px;
  line-height: 28px;
  margin: 7px;
}

:is(#infobox, #footer) :is(strong, b) {
  font-family: 'Frutiger LT Std 65 Bold';
}

/* max width auf Wrapper Breite für hyphens */
@media screen and (max-width: 750px) {
  #wrapper {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}

@media screen and (max-width: 600px) {
  .left {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .right {
    float: none;
    width: 100%;
  }

  .no_margin {
    margin-bottom: 0px;
  }

  #flex {
    flex-direction: column;
  }

  #flex_siegel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: baseline;
  }

  .flex-item-left {
    width: 100%;
    order: 2;
    margin-top: 15px;
  }

  .flex-item-right {
    width: 100%;
    text-align: left;
    order: 1;
    padding-left: 0;
    border: none;
  }

  .ohne_headline {
    padding-top: 0;
  }

  #top {
    position: static;
    left: 0;
    top: 40%;
  }

  #headline {
    background: var(--main-color);
    color: #fff;
    font-size: 35px;
    line-height: 1em;
    font-weight: bold;
    display: block;
    padding: 15px 4.6%;
    letter-spacing: 2px;
  }

  #subline {
    background: var(--main-color);
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    font-weight: bold;
    display: block;
    padding: 15px 4.6%;
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .flex-item-left {
    width: 100%;
    order: 2;
  }

  .flex-item-right {
    display: block;
  }

  .flex-item-right2 {
    margin: 15px 0;
  }
}