@charset "UTF-8";
/* CSS Document */
/* Reset */
* {
    padding: 0;
    margin: 0;
}

html {
    font-size: 1em;
    background: #FFFFFF;
}

body {;
    -webkit-text-size-adjust: 100%;
    background: #FFFFFF;
    width: 100%;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 21px;
    color: #000000;
    padding-top: 100px;
}

/* Textauswahl und Links allgemein */
::-moz-selection {
    background: #f1b924;
    color: #FFFFFF;
    text-shadow: none;
}

::selection {
    background: #f1b924;
    color: #FFFFFF;
    text-shadow: none;
}

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

/* Floaten aufheben */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* Allgemeine Formatierungen */
h1 {
    font-size: 30px;
    line-height: 34px;
    padding: 10px 0;
}

h2 {
    font-size: 25px;
    line-height: 29px;
}

table {
    border-collapse: collapse;
}

/* Hilfsklassen */
.tauchauf, .js-aktiv {
    display: none !important;
    line-height: 0px;
}

.grossbuchstaben {
    text-transform: uppercase;
}

.mittig {
    text-align: center;
}

.fett {
    font-weight: bold;
}

.sichtrahmen {
    margin: 0 auto;
}

.abstand60 {
    margin: 60px 0;
}

.abstand-oben {
    padding-top: 25px;
}

.abstand-unten {
    padding-bottom: 25px;
}

.rahmen500 {
    max-width: 500px;
}

.halberzab {
    padding-top: 8px;
}

.schrift22 {
    font-size: 22px;
}

#keinBlock {
    text-align: left;
}

/* Element aus der Flexbox befreien */
.flex-aus {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}

/*++++++++++++++++++++++++++++++++++++++++++*/
/* Farben */
.farbe-weiss {
    color: #FFFFFF;
}

.farbe-schwarz {
    color: #000000;
}

.farbe-dunkelgrau {
    color: #585c68;
}

.farbe-grau {
    color: #a3a4a4;
}

.farbe-hellgrau {
    color: #f2f1ef;
}

.farbe-hellgrau-alt {
    color: #e6e7e9;
}

.farbe-rot, .rot {
    color: #8e1017;
}

.farbe-gold {
    color: #f1b924;
}

.farbe-praxisplus {
    color: #1ba8e0;
}

/* HG-Farben */
.farbe-weiss-hg {
    background-color: #FFFFFF;
}

.farbe-schwarz-hg {
    background-color: #000000;
}

.farbe-dunkelgrau-hg {
    background-color: #585c68;
}

.farbe-grau-hg {
    background-color: #a3a4a4;
}

.farbe-hellgrau-hg {
    background-color: #f2f1ef;
}

.farbe-hellgrau-alt-hg {
    background-color: #e6e7e9;
}

.farbe-rot-hg {
    background-color: #8e1017;
}

.farbe-gold-hg {
    background-color: #f1b924;
}

/*++++++++++++++++++++++++++++++++++++++++++*/
/* Schatten und Verläufe */
.schatten-bilder, .schatten:first-child {
    -moz-box-shadow: 4px 5px 8px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 5px 8px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 4px 5px 8px 0 rgba(0, 0, 0, 0.4);
}

.schatten-innen {
    -moz-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.4) inset;
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.4) inset;
}

.schatten-innen-zart {
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
}

.verlauf {
    background: -moz-linear-gradient(top, rgba(188, 190, 193, 0.7) 0%, rgba(230, 230, 232, 0.7) 40%, rgba(230, 230, 232, 0.7) 60%, rgba(188, 190, 193, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(188, 190, 193, 0.7) 0%, rgba(230, 230, 232, 0.7) 40%, rgba(230, 230, 232, 0.7) 60%, rgba(188, 190, 193, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(188, 190, 193, 0.7) 0%, rgba(230, 230, 232, 0.7) 40%, rgba(230, 230, 232, 0.7) 60%, rgba(188, 190, 193, 0.7) 100%);
}

/*++++++++++++++++++++++++++++++++++++++++++*/
/* Buttons */
.vorherigeStudie {
    color: #8e1017;
    padding: 8px;
    border: 1px solid #8e1017;
    display: table;
    margin: 2px auto;
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
    text-align: center;
}

.button, .buttonZuruck{
    color: #8e1017;
    padding: 8px;
    border: 1px solid #8e1017;
    display: table;
    margin: 2px 0px;
    margin-left: 0;
    margin-right: 0;
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
    text-align: center;

}
/*++++++++++++++++++++++++++++++++++++++++++*/
/* Kopfbereich */
header {
    position: fixed;
    top: 0;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    z-index: 1000;
    height: 100px;
    transition: height .2s ease-out;
}

header .rahmen {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    height: 100%;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

header #stulle {
    width: 45px;
    height: 35px;
    background: url(../img/svgz/icons/sandwich.svgz) center no-repeat;
    align-self: center;
    -webkit-align-self: center;
    cursor: pointer;
    margin-left: 25px;
}

header #logo {
    width: 255px;
    height: 47px;
    align-self: center;
    -webkit-align-self: center;
}

header #lupe {
    width: 37px;
    height: 37px;
    cursor: pointer;
    align-self: center;
    -webkit-align-self: center;
    margin-right: 25px;
}

header #abbruch-suche {
    width: 27px;
    height: 27px;
    margin: 0 25px 7px 10px;
    cursor: pointer;
    align-self: center;
    -webkit-align-self: center;
}

/* Navigation */
header nav {
    width: auto;
    font-size: 16px;
    position: absolute;
    top: 100px;
    left: 15px;
    background: rgba(255, 255, 255, 0.9);
    transition: visibility .2s ease-out;
}

header nav a {
    color: #000000;
    text-decoration: none;
    margin: 10px 70px 10px 40px;
    display: block;
    border-bottom: 2px solid rgba(255, 255, 255, 0.0);
}

header nav a.aktiv, header nav a:hover {
    border-bottom: 2px solid #900D11;
}

header nav hr {
    border: none;
    background: #CCC;
    height: 1px;
}

.sichtrahmen {
    margin: 0 auto;
}

/* zweite Navigationsebene (Kategorien) */
.kategorien-navi {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.kategorien-navi .sichtrahmen {
    width: calc(100% - 40px);
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.kategorien-navi .sichtrahmen::-webkit-scrollbar {
    display: none;
}

.kategorien-navi span, .award-navi span {
    display: inline-block;
    width: 10px;
    margin: 0 5px;
    height: 100%;
    position: absolute;
    top: 0;
}

.kategorien-navi .pfeil-klein-links {
    left: 0;
    background: none;
}

.kategorien-navi .pfeil-klein-rechts {
    right: 0;
    background: none;
}

.kategorien-navi a {
    display: inline-block;
    color: #000000;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 2px 9px;
    white-space: nowrap;
}

.kategorien-navi a.aktiv, .kategorien-navi a:hover {
    color: #8e1017;
}

.kategorien-navi a.einzeilig {
    line-height: 35px;
    vertical-align: text-bottom;
}

/* zweite Navigationsebene (allgemein) */
.zweite-navi {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.zweite-navi .sichtrahmen {
    width: calc(100% - 40px);
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.zweite-navi .sichtrahmen::-webkit-scrollbar {
    display: none;
}

.zweite-navi span {
    display: inline-block;
    width: 10px;
    margin: 0 5px;
    height: 100%;
    position: absolute;
    top: 0;
}

.zweite-navi a {
    display: inline-block;
    color: #000000;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 5px 9px;
    white-space: nowrap;
}

.zweite-navi .pfeil-klein-links {
    left: 0;
    background: none;
}

.zweite-navi .pfeil-klein-rechts {
    right: 0;
    background: none;
}

.zweite-navi a.aktiv, .kategorien-navi a:hover {
    color: #900D11;
}

.zweite-navi .sichtrahmen a.icon-kununu-top {
    display: inline-block;
    width: 18px;
    height: 15px;
    background: url("../img/logos/kununu-TOP-Company-Logo.svgz") center no-repeat;
    margin-bottom: -7px;
    margin-left: 10px;
}

.zweite-navi .sichtrahmen a.icon-kununu-open {
    display: inline-block;
    width: 18px;
    height: 15px;
    background: url("../img/logos/top_company_2024.svg") center no-repeat;
    margin-bottom: -7px;
    margin-right: 10px;
    background-size: contain;
}

/* dritte Navigationsebene (Jahre) */
/* Studien */
.studien-jahres-navi {
    width: 100%;
    max-width: 400px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 10px auto;
}

.studien-jahres-navi .sichtrahmen, .award-navi .sichtrahmen {
    width: calc(100% - 40px);
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.studien-jahres-navi .sichtrahmen::-webkit-scrollbar, .award-navi .sichtrahmen::-webkit-scrollbar {
    display: none;
}

.studien-jahres-navi span {
    display: inline-block;
    width: 10px;
    margin: 0 5px;
    padding: 0;
    height: 100%;
    position: absolute;
    top: 0;
}

.studien-jahres-navi .pfeil-klein-links, .award-navi .pfeil-klein-links {
    left: 0;
    background: url(../img/svgz/icons/doppelpfeil-links.svgz) center no-repeat;
}

.studien-jahres-navi .pfeil-klein-rechts, .award-navi .pfeil-klein-rechts {
    right: 0;
    background: url(../img/svgz/icons/doppelpfeil-rechts.svgz) center no-repeat;
}

.studien-jahres-navi a {
    display: inline-block;
    color: #000000;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 5px 9px;
    white-space: nowrap;
    border-bottom: none;
}

.studien-jahres-navi a.aktiv, .studien-jahres-navi a:hover {
    color: #8e1017;
}

/* zweite Navigationsebene (Awards) */
.award-navi {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.award-navi a {
    display: inline-block;
    color: #000000;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 5px 9px;
    white-space: nowrap;
}

.award-navi a.aktiv, .kategorien-navi a:hover {
    color: #900D11;
}

/* Suchfeld */
.suchfeld {
    width: 100%;
    text-align: center;
    padding: 15px 0 10px;
    background: rgb(238, 238, 238);
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(254, 254, 254, 1) 40%, rgba(254, 254, 254, 1) 60%, rgba(238, 238, 238, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(254, 254, 254, 1) 40%, rgba(254, 254, 254, 1) 60%, rgba(238, 238, 238, 1) 100%);
    position: absolute;
    top: 100px;
    z-index: 900;
}

.suchfeld form {
    display: inline-block;
    margin: 0 auto;
}

.suchfeld #suchTextfeld {
    height: 30px;
    text-align: center;
    float: left;
}

.suchfeld #suchButton {
    background: url(../img/svgz/icons/lupe.svgz) center no-repeat;
    width: 25px;
    height: 25px;
    border: none;
    margin: 4px 0 0 -35px;
    float: left;
    overflow: hidden;
}

.suchfeld .abbruch-text {
    font-size: 15px;
    color: #CCCCCC;
    margin: 8px 0 0 30px;
    display: inline-block;
    cursor: pointer;
}

/* Ergebnisseite */
#suchmaschine h2 {
    margin: 25px;
}

#suchmaschine p {
    margin: 0 0 10px 25px;
}

#suchmaschine .zoom_searchform {
    margin: 0 0 10px 25px;
}

#suchmaschine .searchheading {
    margin-left: 25px;
}

#suchmaschine .summary {
    margin-left: 25px;
}

#suchmaschine .suggestion {
    margin: 0 0 10px 25px;
}

#suchmaschine .suggestion a {
    color: #8E1017;
}

#suchmaschine .sorting {
    margin: 0 0 10px 25px;
}

#suchmaschine .sorting a {
    color: #8E1017;
}

#suchmaschine .result_pagescount {
    margin: 0 0 10px 25px;
}

#suchmaschine .results {
    margin: 0 60px 0 25px;
}

#suchmaschine .result_pages {
    margin: 0 60px 20px 25px;
}

#suchmaschine .result_pages a {
    color: #8E1017;
}

#suchmaschine .result_title a {
    color: #8E1017;
    font-weight: bold;
}

#suchmaschine .context {
    margin: 5px 0 2px 15px;
}

#suchmaschine .infoline {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 10px 15px;
}

/* Startseite */
.topthema {
    width: 100%;
    max-width: 2500px;
    margin: 0 auto 25px auto;
}


.topthema h2 {
    font-size: 32px;
    line-height: 32px;
}

.studien__block {
    padding: 0 0 25px 0;
    margin: 175px 0 0 0;
    background: rgba(255, 255, 255, 0.7);
    display: inline-flex;
    width: 60%;
    transition: width .2s ease-out;
}

.studien__block figure {
    display: inline-block;
}

.studien__block figure .siegel {
    width: 110px;
    height: 179px;
    margin: 50px 0 25px 25px;
}

.studien__block figure .siegel__ntv {
    width: 113px;
    height: auto;
    margin: 50px 0 25px 25px;
}

.studien__block figure .siegel__rund {
    width: 140px;
    height: 140px;
    margin: 50px 0 25px 25px;
}

.studien__block article {
    display: inline-block;
    margin: 25px;
}

.studien__block h2 {
    display: block;
    margin-top: 25px;
}

.studien__block p {
    display: block;
    margin-bottom: 25px;
}

.studien__block ul {
    display: block;
    list-style: decimal;
    list-style-position: inside;
    margin-bottom: 25px;
}

.studien__block a {
    display: block;
}

.studien__block__rahmen {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.studien__doppelblock {
    display: flex;
    flex-direction: row;
}

.studien__doppelblock article {
    display: inline-flex;
    align-items: flex-end;
    margin: 25px;
    width: calc(50% - 50px);
}

.studien__doppelblock div {
    background: rgba(255, 255, 255, 0.7);
    display: inline-block;
    padding: 25px;
    width: 80%;
    margin-top: 250px;
}

.studien__doppelblock div h2 {
    font-size: 26px;
    line-height: 26px;
}

.studien__doppelblock div p {
    margin-bottom: 25px;
}

.studien__viererblock, .studien__viererblock__awards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.studien__viererblock a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(50% - 50px);
    margin: 25px;
}

.studien__viererblock a img {
    width: calc(30% - 25px);
    margin-right: 25px;
}

.studien__viererblock a h2 {
    font-size: 21px;
    line-height: 26px;
}

.studien__viererblock a div {
    width: 70%;
}

.studien__viererblock .monat {
    padding: 2px 0;
}

.studien__viererblock__awards article {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(50% - 20px);
    margin: 10px;
}

.studien__viererblock__awards article a {
    width: 100%;
}

.studien__viererblock__awards article a img {
    display: block;
    height: 300px;
    margin: 0 auto;
}

.studien__viererblock__awards article h2 {
    margin: 5px 0 5px 25px;
}

.studien__viererblock__awards article p {
    margin: 5px 0 15px 25px;
}

/** Awards **/
/* Teaser */
.award-teaser {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.award-teaser img {
    min-width: 0;
    object-fit: cover;
}

.award-teaser img:first-child {
    margin-right: 3px;
}

.award-teaser .doppelpfeil-rechts, .award-teaser .doppelpfeil-rechts-w {
    display: block;
    background: url(../img/svgz/icons/doppelpfeil-rechts.svgz) center no-repeat;
    position: absolute;
    width: 40px;
    height: 23px;
    padding: 8px 0;
    right: 0;
    top: calc(50% - 20px);
    text-indent: -99999px;
    cursor: pointer;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.6);
}

/* Link zur Fotogalerie */
.award-galerie-link {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 40px;
}

/* Award-Kategorien */
#award-kategorien {
    padding-bottom: 25px;
}

#award-kategorien h2 {
    padding: 15px 0;
}

#award-kategorien a {
    color: #8e1017;
    padding: 3px 5px;
    border: 1px solid #8e1017;
    display: inline-block;
    margin: 2px;
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
}

/* Bericht und ... */
.award-zusaetze {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 25px 0;
}

.award-zusaetze .pressebericht {
    margin: 0 auto;
    padding-bottom: 20px;
    max-width: 400px;
    display: inline-flex;
    align-items: center;
}

.award-zusaetze .pressebericht img {
    width: calc(35% - 20px);
    margin-right: 20px;
}

.award-zusaetze .pressebericht p {
    width: 65%;
}



/* Awards-Einzelseiten */
.zinsaward-liste {
    margin: 0 15px 15px 35px;
}

/* ... Tabelle */
.tab-award {
    margin: 0 auto;
    width: 400px;
    border: solid 1px #CCCCCC;
    font-size: 12px;
    line-height: normal;
}

.tab-award th {
    background: #8e1017;
    color: #FFFFFF;
    border: solid 1px #8e1017;
    padding: 8px 3px;
    font-size: 14px;
}

.tab-award td {
    border: none;
    padding: 1px 5px;
    text-align: center;
}

.tab-award td.buendig {
    text-align: left;
}

.tab-award td.grau {
    background: #e6e7e9;
}

.tab-award td.hauptkategorie {
    background: #8e1017;
    color: #FFFFFF;
    padding: 3px 5px;
}

.tab-award a {
    color: #000000;
    text-decoration: underline;
}

.tab-award a.kat {
    text-decoration: none;
}

.mindestbreite {
    min-width: 400px;
}

.tab-award a:hover.kat {
    color: #8e1017;
    text-decoration: none;
}

.tab-award td.tab-award-kat {
    background: #f2f1ef;
    font-weight: bold;
    padding: 5px 0;
}

.award-zusaetze .sternchentext, #servicepreis-kategorien .sternchentext {
    font-size: 10px;
    margin: 3px auto 0;
    line-height: 1em;
    width: 700px;
}

@media (max-width: 750px) {
    .award-zusaetze .sternchentext, #servicepreis-kategorien .sternchentext {
        width: auto;
    }
}

/**/
div.flaeche-100 {
    padding-top: 25px;
}

.flaeche-100 img {
    display: block;
    margin: 40px auto;
    width: 80%;
}

.flaeche-100 h2 {
    max-width: 615px;
    margin: 0 auto;
}

.flaeche-100 p {
    max-width: 615px;
    margin: 0 auto 25px;
}

/**/
.flaeche-70-30 {
    display: flex;
    display: -webkit-flex;
    position: relative;
}

.flaeche-70-30 article {
    flex: 7;
    -webkit-flex: 7;
    margin: 20px 0 20px 0;
}

.award-flaeche-70-30 article {
    padding: 20px;
}

.flaeche-70-30 article h2 {
    margin: 0 0px;
}

.flaeche-70-30 article p, .flaeche-70-30 article video {
    margin: 0 0px 10px 0px;
}

.flaeche-70-30 figure {
    flex: 3;
    -webkit-flex: 3;
}

.flaeche-70-30 figure img {
    width: 80%;
    margin: 60px auto 0;
    display: block;
}

/* Jahre */
.award-jahres-navi {
    width: 100%;
    max-width: 400px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 10px auto;
}

.award-jahres-navi .sichtrahmen {
    width: calc(100% - 40px);
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.award-jahres-navi .sichtrahmen::-webkit-scrollbar {
    display: none;
}

.award-jahres-navi span {
    display: inline-block;
    width: 10px;
    margin: 0 5px;
    height: 100%;
    position: absolute;
    top: 0;
}

.award-jahres-navi .pfeil-klein-links {
    left: 0;
    background: none;
}

.award-jahres-navi .pfeil-klein-rechts {
    right: 0;
    background: none;
}

.award-jahres-navi a {
    display: inline-block;
    color: #000000;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 5px 9px;
    white-space: nowrap;
}

.award-jahres-navi a.aktiv, .award-jahres-navi a:hover {
    color: #8e1017;
}

/* Galerie */
.award-galerie {
    padding: .5vw;
    font-size: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.award-galerie div {
    display: inline-flex;
    align-items: center;
    width: calc(25% - 40px);
    margin: 15px 15px 15px 25px;
    justify-content: end;
    flex-direction: column;
}

.award-galerie div.gruppenbild {
    width: calc(66% - 40px);
}

.award-galerie div.gruppenbildhoch {
    width: calc(66% - 40px);
    max-height: 400px;
}

.award-galerie div.doppelt {
    width: 600px;
}

.award-galerie div.hochformat {
    width: calc(12.5% - 40px);
}

.award-galerie div img {
    width: 100%;
    height: auto;
}

.award-galerie div p {
    font-size: 14px;
    line-height: 15px;
    color: white;
    background-color: rgba(100, 100, 100, 0.8);
    text-align: center;
    padding: 5px;
    width: calc(100% - 10px);
}

.vollebreite {
    width: 100%;
}

/* Galerie-Videoclips */
.cliplinks video {
    width: 33%;
    float: left;
    margin: 10px 10px 0 10px;
}

.cliprechts video {
    width: 63%;
    margin-top: 150px;
}

.cliphoch video {
    width: 30%;
}

.clip5050 {
    display: block;
    width: 100%;
}

.cliplinks50 {
    display: block;
    width: 48%;
    float: right;
}

.cliprechts50 {
    display: block;
    width: 48%;
}

.cliplinks50 video {
    width: 100%;
    float: right;
    margin: 10px 10px 4px 0;
}

.cliprechts50 video {
    width: 100%;
    margin: 10px 0 1px 10px;
}

.clip5050 span {
    background-color: rgba(100, 100, 100, 0.8);
    padding: 5px;
    color: #FFFFFF;
}

.clip video {
    width: 60%;
}

.clipingalerie video {
    width: 100%;
}

.clip span {
    background-color: rgba(100, 100, 100, 0.8);
    padding: 5px;
    color: #FFFFFF;
    max-width: 200px;
    display: block;
    margin: 0 auto;
}


/* Navigations-Elemente (Pfeile, Jahre und Seiten) */
.nav-links {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    font-size: 12px;
}

.nav-links a {
    text-align: center;
    margin: 3px 0;
}



.pressespiegel__block {
    width: 100%;
    max-width: 1280px;
    margin: 50px auto;
    display: flex;
    flex-flow: nowrap;
}

.pressespiegel__block figure {
    display: inline-block;
}

.pressespiegel__block figure img {
    height: 45px;
}

.pressespiegel__block p {
    display: inline-block;
}

.doppelblock__rahmen {
    width: calc(100% - 50px);
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}

.doppelblock__rahmen article {
    display: inline-block;
    margin: 25px;
    width: calc(50% - 50px);
}

.doppelblock__rahmen article video {
    width: 100%;
}

.doppelblock__rahmen nav {
    display: inline-block;
    margin: 25px;
    width: calc(50% - 50px);
}

.video__teaser h3 {
    margin: 25px 25px 0 25px;
}

.video__teaser p {
    margin: 0 25px 25px 25px;
}

.award__teaser__schmal {
    margin: 25px auto;
    max-width: 850px;
    width: calc(100% - 50px);
}

.award__teaser__schmal figure {
    margin-bottom: 25px;
}

.award__teaser__schmal figure img {
    width: 100%;
}

.award__teaser__schmal h2 {
    margin: 0 85px;
}

.award__teaser__schmal p {
    margin: 0 85px 25px 85px;
}

.award__teaser {
    width: 100%;
    max-width: 1045px;
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
}

.award__teaser article {
    width: 75%;
}

.award__teaser article figure {
    display: inline-block;
    margin: 25px;
}

.award__teaser article figure img {
    display: inline-block;
    height: 40px;
}

.award__teaser article figure img.mitte {
    margin: 0 40px;
}

.award__teaser article h2 {
    margin: 0 25px;
}

.award__teaser article p {
    margin: 0 25px;
    max-width: 680px;
}

.award__teaser .siegel {
    width: calc(25% - 50px);
    margin: 25px;
}

.award__teaser .siegelhoch {
    width: calc(25% - 50px);
    max-width: 160px;
    margin: 25px 25px 25px 50px;
}

.sprechblase span {
    margin: 100px 0 0 50px;
}

.disq__test {
    width: 100%;
    max-width: 1045px;
    margin: 50px auto;
    position: relative;
    display: flex;
}

.disq__test figcaption {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
}

.disq__test figure {
    margin: 0 25px 0 0;
    display: inline-block;
}

.disq__test div {
    display: inline-flex;
    flex-direction: column;
}

.disq__test h2 {
    margin: 60px 0 25px 0;
    display: inline-block;
}

.disq__test p {
    margin: 0;
    display: inline-block;
}

.karriere__teaser {
    width: 100%;
    max-width: 1045px;
    margin: 50px auto;
}

.mission__teaser div {
    width: calc(100% - 50px);
    max-width: 690px;
    margin: 0 auto 50px auto;
    padding-bottom: 35px;
}

.mission__teaser h2 {
    padding: 75px 25px 35px 25px;
}

.mission__teaser p {
    padding: 0 25px 35px 25px;
}

.cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

.cd-fixed-bg.cd-bg-1 {
    background-image: url("../img/teaser/kompass-L.jpg");
}

.cd-bg-2 {
    background-image: url(../img/slider/Bewerbung-Iniativ.jpg);
    padding: 80px 0;
}

.cd-bg-3 {
    background-image: url(../img/mission-servicequalitaet.jpg);
    padding: 32px 0;
    background-size: cover;
}

/** Presse **/
.pm__teaser {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 25px;
}

.pm__teaser a {
    width: calc(50% - 40px);
    margin: 0 15px 15px 25px;
    display: inline-flex;
    align-items: center;
}

.pm__teaser a img {
    width: 50%;
    margin-right: 10px;
}

.pm__teaser a p {
    width: 50%;
}

/* Pressemitteilungen */
.presse-links {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding-top: 25px;
    margin: 0 50px;
}

.presse-links a {
    border-bottom: 1px dotted #000000;
    padding: 2px 25px;
    line-height: 30px;
}

.presse-links a:hover {
    color: #8e1017;
}

.presse-links span {
    padding: 2px 0;
}

/* Navi */
.presse-jahres-navi {
    width: 100%;
    max-width: 400px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 10px auto;
}

.presse-jahres-navi .sichtrahmen {
    width: calc(100% - 40px);
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.presse-jahres-navi .sichtrahmen::-webkit-scrollbar {
    display: none;
}

.presse-jahres-navi span {
    display: inline-block;
    width: 10px;
    margin: 0 5px;
    padding: 0;
    height: 100%;
    position: absolute;
    top: 0;
}

.presse-jahres-navi .pfeil-klein-links {
    left: 0;
    background: url(../img/svgz/icons/doppelpfeil-links.svgz) center no-repeat;
}

.presse-jahres-navi .pfeil-klein-rechts {
    right: 0;
    background: url(../img/svgz/icons/doppelpfeil-rechts.svgz) center no-repeat;
}

.presse-jahres-navi a {
    display: inline-block;
    color: #000000;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 2px 9px;
    white-space: nowrap;
    border-bottom: none;
}

.presse-jahres-navi a.aktiv, .presse-jahres-navi a:hover {
    color: #8e1017;
}

/* Pressespiegel */
.pressespiegel-links {
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-direction: column;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    display: -webkit-flex;
    display: flex;
    margin-top: 10px;
}

.pressespiegel-links .pressespiegel-eintrag{
    display: flex;
    height: auto;
    width: 333px;
    max-width: 33%;
}
.pressespiegel-links .pressespiegel-eintrag .bild-links{
    width: 85px;
    padding-right: 10px;
}

.pressespiegel-links .pressespiegel-eintrag .bild-links img{
    width: 100%;
    min-width: 85px;
}


.pressespiegel-links .unsichtbar {
    display: none;
}

.pressespiegel-links article {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 15px 15px 0 15px;
    padding-bottom: 10px;
    width: 250px;
    height: 300px;
    border-bottom: solid 3px #8e1017;
}

#presseberichteLaden article {
    margin: 15px 15px 0 15px;
    height: auto;
    width: 440px;
}

.pressespiegel-links article h2, #presseberichteLaden article h2 {
    font-size: 17px;
    line-height: 21px;
}

.pressespiegel-links article img, #presseberichteLaden article img {
    margin: 10px 0 10px 0;
}

.pressespiegel-links article a, #presseberichteLaden article a {
    color: #000;
    text-decoration: none;
}

.pressespiegel-links article a:hover, #presseberichteLaden article a:hover {
    color: #8e1017;
}

/** Unternehmens-DISQ-Seiten **/
/* zweite Navigationsebene (Unternehmen, Methoden, Referenzen) */
.unternehmen-navi {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.unternehmen-navi .sichtrahmen {
    width: calc(100% - 40px);
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.unternehmen-navi .sichtrahmen::-webkit-scrollbar {
    display: none;
}

.unternehmen-navi span {
    display: inline-block;
    width: 10px;
    margin: 0 5px;
    height: 100%;
    position: absolute;
    top: 0;
}

.unternehmen-navi .pfeil-klein-links {
    left: 0;
    background: none;
}

.unternehmen-navi .pfeil-klein-rechts {
    right: 0;
    background: none;
}

.unternehmen-navi a {
    display: inline-block;
    color: #000000;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 5px 9px;
    white-space: nowrap;
}

.unternehmen-navi a.aktiv, .unternehmen-navi a:hover {
    color: #900D11;
}

/* Imagefilm */
.imagefilm video {
    width: 100%;
    margin-bottom: -5px;
}

/*Aufklappmenu*/

.aufklappmenu{
    padding-top: 20px;
    padding-bottom: 30px;
}

.aufklappmenu h1 {
    font-size: 17px;
    line-height: 21px;
    margin-top: 10px;
    width: calc(100% - 40px);
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    color: #8e1017;
    text-align: left;

    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.aufklappmenu h1:hover, .aufklappmenu h1.aktiv {
    background-color: #a3a4a4;
    color: #fff;
}

.aufklappbox{
    padding-top: 20px;
    padding-bottom: 20px;
}

.aufklappbox > figure > img{
    width: 100%;
}

.aufklappbox p, .aufklappbox h2 {
    padding: 20px 20px;
}

.aufklappbox ul, .methoden ul, .klima ul {
    padding: 20px 70px;
}

.aufklappbox-abstandrechts60 {
    margin-right: 60px;
}

.aufklappbox .button{
    margin-left: 0;
    margin-right: 0;

}
.aufklappen {
    position: relative;
    background: #f1f1f1;
}



.aufklappzeichen {
    position: absolute;
    background: url(../img/svgz/icons/pfeil-klapp.svgz) no-repeat center;
    width: 16px;
    height: 16px;
    margin: 4px 10px;
    right: 50px;
}

.aufklappzeichen-aktiv {
    position: absolute;
    background: url(../img/svgz/icons/pfeil-klapp-aktiv.svgz) no-repeat center;
    width: 16px;
    height: 16px;
    margin: 4px 10px;
    right: 50px;
}

.kununu {
    padding: 5px 50px;
}

.kununu img {
    display: inline-block;
    width: 20%;
    margin: 0 14%;
}

/*Unternehmen*/
.partner-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.partner-box p {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.partner-box a {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.partner-logo {
    padding: 10px 40px;
    width: calc(100% - 80px);
}

.disq-test {
    margin: 0 20px 20px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.team-rahmen {
    margin: 0 20px;
}

.team-kasten {
    float: left;
    margin: 0 30px 15px 0;
    width: calc(25% - 30px);
}

.team-kasten img {
    width: 100%;
}

.team-kasten p {
    padding: 0;
}

@media (max-width: 801px) {

    .team-rahmen {
        margin: 0 20px;
    }

    .team-kasten {
        width: calc(50% - 30px);
    }

    .aufklappbox .team-kasten p {
        padding: 0;
    }

}


.aufklappbox .team-kasten p {
    text-align: left;
}

/** Einzelstudien-Seiten **/
.einzelstudienblock {
    display: flex;
    flex-direction: row;
}

#studientext {
    width: calc(50% - 50px);
    margin: 0 25px;
    display: inline-block;
}

.brotkrumen {
    font-size: 14px;
    margin: 20px;
    line-height: 18px;
}

#studientext h1 {
    display: block;
    font-size: 21px;
    line-height: 25px;
    background: #8e1017;
    background-color: #8e1017;
    color: #FFF;
    padding: 3px 10px 4px 15px;
    margin: 15px 0 0 0;
}

#studientext h2 {
    padding: 15px;
    font-weight: bold;
}

.absatz-s, .single .einzelstudienblock #main_text p {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px 15px 15px;
}

.absatz-s a, .single .einzelstudienblock #main_text p a {
    color: blue;
    text-decoration: underline;
}


.presse-s {
    display: none;
    font-size: 19px;
    background: #8e1017;
    background-color: #8e1017;
    color: #FFF;
    padding: 3px 10px 0 10px;
    margin: 15px 0 0 15px;
}

.mehrInfos {
    font-size: 16px;
    margin: 20px 15px;
}

.nachOben {
    font-size: 12px;
    text-decoration: none;
    color: #000;
    border: 0;
    width: 100%;
    max-width: 440px;
    margin: 10px 15px 0 15px;
    display: block;
    text-align: right;
}

/* Dokumentation */
.dokumentation {
    margin: 15px;
}

.dokumentation img {
    width: calc(50% - 15px);
    margin-right: 15px;
}

.dokumentation-gesamt {
    margin: 15px;
    display: flex;
    align-items: flex-start;
}

.dokumentation-gesamt .dokumentation-gesamt-rechts {
    width: 60%;
}

.dokumentation-gesamt img {
    width: calc(40% - 15px);
    margin-right: 15px;
}

.dokumentation-award-gesamt {
    margin: 15px;
    display: flex;
    align-items: flex-start;
}

.dokumentation-award-gesamt img {
    width: calc(40% - 15px);
    margin-right: 15px;
}

.button-verlauf {
    padding: 8px;
    width: 309px;
    border: 1px solid #eeeeee;
    display: inline-block;
    margin: 25px 0 10px 0;
    position: relative;
    border-radius: 5px;
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 29%, #d1d1d1 50%, #d1d1d1 82%, #fefefe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 29%, #d1d1d1 50%, #d1d1d1 82%, #fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #e2e2e2 0%, #dbdbdb 29%, #d1d1d1 50%, #d1d1d1 82%, #fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.button-verlauf:hover {
    background: #d1d1d1; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #d1d1d1 0%, #e2e2e2 23%, #dbdbdb 36%, #dbdbdb 75%, #e2e2e2 87%, #d1d1d1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #d1d1d1 0%, #e2e2e2 23%, #dbdbdb 36%, #dbdbdb 75%, #e2e2e2 87%, #d1d1d1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #d1d1d1 0%, #e2e2e2 23%, #dbdbdb 36%, #dbdbdb 75%, #e2e2e2 87%, #d1d1d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#d1d1d1', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.button-verlauf-gelb {
    padding: 8px;
    width: 309px;
    border: 1px solid #f1b823;
    display: inline-block;
    margin: 2px 0 30px 0;
    position: relative;
    border-radius: 5px;
    background: #ecca71; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ecca71 0%, #f1b823 29%, #ecca71 50%, #f1b823 82%, #e7cd88 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ecca71 0%, #f1b823 29%, #ecca71 50%, #f1b823 82%, #e7cd88 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ecca71 0%, #f1b823 29%, #ecca71 50%, #f1b823 82%, #e7cd88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecca71', endColorstr='#e7cd88', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.button-verlauf-gelb:hover {
    background: #ecca71; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ecca71 0%, #f1b823 23%, #f1b823 23%, #f1b823 36%, #ecca71 75%, #f1b823 87%, #e7cd88 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ecca71 0%, #f1b823 23%, #f1b823 23%, #f1b823 36%, #ecca71 75%, #f1b823 87%, #e7cd88 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ecca71 0%, #f1b823 23%, #f1b823 23%, #f1b823 36%, #ecca71 75%, #f1b823 87%, #e7cd88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecca71', endColorstr='#e7cd88', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

/* Ergebnisse */
#ergebnisse {
    width: calc(50% - 50px);
    margin: 0 25px;
    padding-bottom: 25px;
}

.award-zusaetze #ergebnisse {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.award-zusaetze .award-tables-container{
    padding-left: 25px;
    padding-right: 25px;

}


.ergebnisse-s {
    display: block;
    font-size: 21px;
    background: #8e1017;
    background-color: #8e1017;
    color: #FFF;
    padding: 3px 10px 4px 15px;
    margin-top: 15px;
    line-height: 25px;
    font-weight: bold;
    text-transform: uppercase;
}




#ergebnisse .sternchentext {
    font-size: 10px;
    margin: 5px 15px 0 15px;
    line-height: 1em;
}

#presseberichteLaden {
    margin-left: 15px;
}

/* Tabellen-Navigation */
#tabellenNavi {
    margin: 15px 0 0 15px;
}

#tabellenNavi ul {
    list-style: none;
}

#tabellenNavi a {
    text-decoration: underline;
    color: #000;
    font-size: 12px;
    display: block;
}

/* Empfehlungen */
.empfehlungen {
    font-size: 16px;
    margin: 20px 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.empfehlungen p {
    margin: 5px 0 15px 25px;
}

.empfehlungen a {
    width: calc(33% - 40px);
    margin: 0 15px 15px 25px;
    display: inline-flex;
    align-items: center;
}

.empfehlungen a img {
    margin-right: 10px;
    width: 150px;
    height: 90px;
    object-fit: cover;
    object-position: center center;
    min-width: 150px;

}

.empfehlungen .button {
    width: 100%;
    display: block;
    margin: 5px 15px 15px 0;
}

/* Kategorie-Hauptseiten */
.kategorie__links article {
    margin: 0 12%;
    position: relative;
    min-height: 200px;
}

.kategorie__links article h3 {
    margin: 15px 110px 10px 0;
}

.kategorie__links article h4 {
    margin: 10px 110px 10px 0;
}

.kategorie__links article p {
    margin: 0 120px 0 0;
}

.kategorie__links article ul {
    margin: 5px 110px 20px 0;
    list-style: decimal inside;
}

.kategorie__links article a {
    margin: 5px 110px 0 0;
    color: #000000;
    display: block;
}

.kategorie__links article img {
    margin: 15px 0 10px 0;
    width: 100px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.kategorie__hr {
    margin: 20px;
    background: #F5F5F5;
    background-color: #F5F5F5;
    color: #F5F5F5;
    border: 1px solid;
}

.kategorie__nO {
    font-size: 12px;
    text-decoration: none;
    color: #000;
}


.klimaneutral a {
    background: rgba(255, 255, 255, 0.7);
    display: inline-block;
    padding: 25px;
    width: 100%;
    margin-top: 250px;
}

.sprechblase {
    background: url("../img/banner/banner-sprechblase-quer.svgz") left no-repeat;
    background-size: cover;
    min-height: 240px;
}

.karriere {
    background-image: url(../img/teaser/Bewerbung-Iniativ.jpg);
    padding: 90px 0;
    background-size: cover;
}

/* Begriffs-Wolke */
#popular {
    padding: 30px;
    line-height: 40px;
}

#popular h3 {
    font-size: 32px;
    margin-bottom: 15px;
}

#popular .schrift-sehrgr {
    font-size: 34px;
}

#popular .schrift-gr {
    font-size: 30px;
}

#popular .schrift-med {
    font-size: 26px;
}

#popular .schrift-kl {
    font-size: 22px;
}

/* Carousel */
.multimedia_perspective_carousel.black .iconOver {
    width: 0;
    height: 0;
}

.carousel {
    width: calc(100% - 50px);
    margin: 25px;
}

.carousel a {
    width: 100%;
}

.carousel img {
    display: block;
    height: 300px;
    margin: 0 auto;
}

.carousel h2 {
    margin: 0 25px;
}

.carousel p {
    margin: 0 25px 10px 25px;
}

/* Kontaktstreifen */
#kontaktstreifen-jubi {
    position: fixed;
    top: 111px;
    right: -64px;
    z-index: 1001;
    width: 223px;
    height: 95px;
    background: url(../img/kontaktstreifen/icon-jubilaeum.svgz) center no-repeat;
}

#kontaktstreifen {
    position: fixed;
    top: 310px;
    right: -69px;
    z-index: 1001;
    width: 173px;
    height: 45px;
    background: url(../img/kontaktstreifen/icon-kontakt.svgz) center no-repeat;
    cursor: pointer;
}

#kontaktstreifen-big {
    position: fixed;
    top: 310px;
    right: -10px;
    z-index: 1001;
    width: 263px;
    height: 45px;
    background: url(../img/kontaktstreifen/icon-kontakt-full.svgz) center no-repeat;
    cursor: pointer;
}

.verschwinde-kontaktstreifen {
    display: none;
}

#kontaktstreifen-big p {
    position: fixed;
    top: 310px;
    right: 5px;
    text-align: center;
}



#kontaktstreifen-fb {
    position: fixed;
    top: 370px;
    z-index: 1001;
    right: -9px;
    width: 56px;
    height: 50px;
    background: url(../img/sidebar2023/Facebook.svg) center no-repeat;
    cursor: pointer;
    background-size: contain;
}




#kontaktstreifen-tw {
    position: fixed;
    top: 430px;
    z-index: 1001;
    background: url(../img/sidebar2023/Twitter.svg) center no-repeat;
    cursor: pointer;
    right: -9px;
    width: 56px;
    height: 50px;
    background-size: contain;
}

#kontaktstreifen-li {
    position: fixed;
    top: 490px;
    z-index: 1001;
    background: url(../img/sidebar2023/Linkedin.svg) center no-repeat;
    cursor: pointer;
    right: -9px;
    width: 56px;
    height: 50px;
    background-size: contain;
}


#kontaktstreifen-in {
    position: fixed;
    top: 550px;
    z-index: 1001;
    background: url(../img/sidebar2023/Instagram.svg) center no-repeat;
    cursor: pointer;
    right: -9px;
    width: 56px;
    height: 50px;
    background-size: contain;
}


#kontaktstreifen-klimaicon {
    position: fixed;
    top: 250px;
    right: -5px;
    z-index: 1001;
    width: 45px;
    height: 45px;
    background: url(../img/kontaktstreifen/icon-klimaneutral.svg) center no-repeat;
}

/* Füllseiten (AGB...) */
.fuellseiten h2, .fuellseiten h3, .fuellseiten p {
    margin: 10px 50px 20px 50px;
}

.fuellseiten ul {
    margin: 10px 50px 20px 65px;
}

/** Footer **/
footer {
    padding-bottom: 25px;
}

footer address {
    font-size: 12px;
    font-style: normal;
    padding: 15px 0;
}

footer address span {
    padding: 0 10px;
}

footer nav {
    display: block;
    margin: 0 auto;
    max-width: 1000px;
}

footer nav a {
    margin: 0 10px;
    float: left;
}

footer nav a.icon-klima {
    display: block;
    width: 35px;
    height: 33px;
    background: url(../img/logos/icon-klima.svg) center no-repeat;
    float: left;
    margin-left: -2px;
    margin-right: -10px;
}

footer nav a.icon-baum {
    display: block;
    width: 79px;
    height: 44px;
    background: url("../img/logos/BAUM_Logo_RGB_mit_Schutzzone.svgz") center no-repeat;
    float: left;
    margin: -4px 0 0 25px;
}

footer nav a.icon-kununu-open {
    display: block;
    width: 48px;
    height: 31px;
    background: url("../img/logos/top_company_2024.svg") center no-repeat;
    float: left;
    background-size: contain;
}

footer nav a.icon-fb {
    display: block;
    width: 23px;
    height: 23px;
    background: url(../img/svgz/icons/icon-fb.svgz);
    float: left;
    margin-top: -2px;
}

footer nav a.icon-instagram {
    display: block;
    width: 23px;
    height: 23px;
    background: url("../img/svgz/icons/instagram.jpg");
    float: left;
    margin-top: -2px;
}

footer nav a.icon-twitter-x {
    display: block;
    width: 23px;
    height: 23px;
    background: url("../img/svgz/icons/twitter.jpg");
    float: left;
    margin-top: -2px;
}

footer nav a.icon-twitter {
    display: block;
    width: 23px;
    height: 23px;
    background: url(../img/svgz/icons/icon-twitter.svgz);
    float: left;
    margin-top: -2px;
}

footer nav a.icon-linkedin {
    display: block;
    width: 23px;
    height: 23px;
    background: url(../img/svgz/icons/icon-linkedin.svgz);
    float: left;
    margin-top: -2px;
}

/* Kununu */
.kununu {
    padding: 5px 50px;
}

.kununu img {
    display: inline-block;
    width: 20%;
    margin: 0 14%;
}

/* Bilder überblenden */
.ueberblender {
    position: relative;
    min-height: 50vh;
    overflow: hidden;
}

.ueberblender img {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
}

.ueberblender img:last-child {
    opacity: 0;
    -webkit-animation: ueberblenderAnimation 10s infinite;
    -moz-animation: ueberblenderAnimation 10s infinite;
    -o-animation: ueberblenderAnimation 10s infinite;
    animation: ueberblenderAnimation 10s infinite;
}

@keyframes ueberblenderAnimation {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes ueberblenderAnimation {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes ueberblenderAnimation {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ueberblenderAnimation {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* Animation */
@keyframes scrollAni {
    0% {
        margin-left: 300px;
    }
    100% {
        margin-left: 0;
    }
}

@-o-keyframes scrollAni {
    0% {
        margin-left: 300px;
    }
    100% {
        margin-left: 0;
    }
}

@-moz-keyframes scrollAni {
    0% {
        margin-left: 300px;
    }
    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes scrollAni {
    0% {
        margin-left: 300px;
    }
    100% {
        margin-left: 0;
    }
}

/* !!!!!!!!!!!!! */
/* Media Queries */

@media (max-width: 1250px) {
    .dokumentation-gesamt img{
        display: block;
        width: calc(50% - 15px);
    }

    .dokumentation-award-gesamt, .dokumentation-gesamt {
        display: block;
        width: 100%;
    }

    .dokumentation-gesamt .dokumentation-gesamt-rechts {
        width: 100%;
    }


}

@media (max-width: 961px) {
    .studien__block {
        width: 80%;
    }

    .studien__doppelblock {
        flex-direction: column;
    }

    .studien__doppelblock article {
        width: calc(100% - 50px);
    }

    .studien__doppelblock div h2 {
        margin-top: 15px;
    }

    .doppelblock__rahmen {
        flex-direction: column;
    }

    .doppelblock__rahmen article, .doppelblock__rahmen nav, .carousel {
        width: calc(100% - 50px);
    }

    .bild100Pro {
        width: 100%;
    }

    .ueberblender {
        min-height: 50vh;
    }

    .award-galerie div {
        width: calc(33% - 40px);
    }

    .award-galerie div.hochformat {
        width: calc(22.5% - 40px);
    }
}

@media (max-width: 945px) {
    .tauchauf-dok {
        display: inherit !important;
    }

    .verschwinde-dok {
        display: none;
    }


}

@media (max-width: 941px) {

    .pm__teaser a {
        width: calc(100% - 40px);
    }

    /** Einzelstudien-Seiten **/
    .einzelstudienblock {
        flex-direction: column;
    }

    #studientext, #ergebnisse {
        width: calc(100% - 50px);
    }

    #ergebnisse .sternchentext {
        margin: 3px 15px 15px 15px;
        max-width: 450px;
    }

    #tabellenNavi {
        margin: 15px 0 15px 15px;
    }


    /* zweite Navigationsebene (scrollbar) */
    .kategorien-navi span {
        cursor: pointer;
    }

    .kategorien-navi .pfeil-klein-links {
        background: url(../img/svgz/icons/doppelpfeil-links.svgz) center no-repeat;
    }

    .kategorien-navi .pfeil-klein-rechts {
        background: url(../img/svgz/icons/doppelpfeil-rechts.svgz) center no-repeat;
    }

    /* Animation für die mobilen Ansichten*/
    .kategorien-navi a:first-child {
        margin-left: 300px;
        -webkit-animation: scrollAni 1s forwards ease-in;
        -moz-animation: scrollAni 1s forwards ease-in;
        -o-animation: scrollAni 1s forwards ease-in;
        animation: scrollAni 1s forwards ease-in;
    }

    /* Viererblock */
    .studien__viererblock, .studien__viererblock__awards {
        flex-direction: column;
    }

    .studien__viererblock a {
        width: calc(80% - 50px);
        margin: 25px auto;
    }

    .studien__viererblock__awards article {
        width: calc(100% - 20px);
        margin: 10px auto;
    }

    .empfehlungen a {
        width: calc(50% - 40px);
    }

    /* Footer */
    footer nav a {
        float: none;
        display: block;
        margin: 10px;
    }

    .socialicons {
        display: inline-block;
        margin-top: 20px
    }

    .kununu {
        display: inline-block;
        padding: 0;
        margin-left: 15px;
    }

    footer nav a.icon-baum {
        margin-left: 0;
    }

    footer nav a.icon-klima {
        margin-left: 0;
        margin-right: 15px;
    }

    /* Kununu */
    .kununu img {
        display: inline-block;
        width: 40%;
        margin: 0 4%;
    }

    /* Sitemap */
    .sitemapblock {
        width: calc(100% - 117px);
    }

    /* Kontaktstreifen */
    #kontaktstreifen-jubi {
        top: 103px;
        width: 213px;
        height: 85px;
    }

    /* Footer */
    footer nav a {
        float: none;
        display: block;
        margin: 10px;
    }

    .socialicons {
        display: inline-block;
        margin-top: 20px
    }

    .kununu {
        display: inline-block;
        padding: 0;
        margin-left: 15px;
    }

    footer nav a.icon-baum {
        margin-left: 5px;
    }
}

@media (max-width: 851px) {
    .pressespiegel-links a {
        width: calc(50% - 40px);
    }

    .award-galerie div {
        width: calc(50% - 40px);
    }

    .award__teaser {
        flex-direction: column;
    }

    .award__teaser article {
        width: 100%;
    }

    .award__teaser .siegel {
        margin: 25px auto;
        width: calc(50% - 50px);
    }

    .award__teaser .siegelhoch {
        margin: 25px;
        width: calc(50% - 50px);
        max-width: 150px;
    }

    .sprechblase {
        background: url("../img/banner/banner-sprechblase-hoch.svgz") left no-repeat;
        background-size: cover;
    }

    .sprechblase span {
        margin: 0 0 0 25px;
    }

    .cd-fixed-bg.cd-bg-1 {
        background-image: url("../img/teaser/kompass-S.jpg");
    }

    .award-galerie div.hochformat {
        width: calc(24.5% - 40px);
    }
}

@media (max-width: 801px) {
    .flaeche-100 h2 {
        margin: 0 15px;
    }

    .flaeche-100 p {
        margin: 15px;
    }

    .flaeche-100 img {
        width: 95%;
        margin: 40px 2.5%;
    }

    .flaeche-70-30 {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .flaeche-70-30 figure img {
        margin: 0 auto 20px;
        width: 50%;
    }

    .flaeche-70-30 figcaption {
        margin-top: 20px;
    }


    .studien__block {
        width: 100%;
        background: none;
        flex-direction: column;
        align-items: center;
        margin-top: 25px;
    }

    .studien__block figure .siegel {
        margin: 180px 0 0 0;
    }

    .studien__block figure .siegel__ntv {
        margin: 180px 0 0 0;
    }

    .studien__block article {
        margin-top: 0;
    }

    .topthema {
        margin-bottom: 0;
    }

    .studien__doppelblock article {
        width: calc(100% - 50px);
        margin-bottom: 0;
    }

    .studien__doppelblock article div {
        width: calc(100% - 50px);
        margin-top: 240px;
        padding-top: 0;
    }

    .studien__viererblock a {
        width: calc(100% - 50px);
    }

    .award__teaser__schmal h2 {
        margin: 0 25px;
    }

    .award__teaser__schmal p {
        margin: 0 25px 25px 25px;
    }

    .award__teaser__schmal h2 {
        margin: 0 25px;
    }

    .award__teaser__schmal p {
        margin: 0 25px 25px 25px;
    }

    .disq__test {
        flex-direction: column;
        padding-bottom: 25px;
    }

    .disq__test h2 {
        margin: 25px;
    }

    .disq__test p {
        margin: 0 25px;
    }

    .tauchauf {
        display: inherit !important;
    }

    .verschwinde {
        display: none;
    }

    body {
        font-size: 16px;
        cursor: pointer;
    }

    h1 {
        font-size: 22px;
        line-height: 26px;
    }

    h2 {
        font-size: 19px;
        line-height: 23px;
    }

    /* Wolke */
    #popular {
        width: calc(100% - 60px);
        padding: 20px 30px;
        line-height: 30px;
    }

    #popular .schrift-sehrgr {
        font-size: 25px;
    }

    #popular .schrift-gr {
        font-size: 22px;
    }

    #popular .schrift-med {
        font-size: 19px;
    }

    #popular .schrift-kl {
        font-size: 16px;
    }

    .ueberblender {
        min-height: 50vh;
    }
}

@media (max-width: 651px) {
    .pressespiegel-links a {
        width: calc(100% - 40px);
    }

    .award-galerie div {
        width: calc(100% - 40px);
    }

    .award-galerie div.hochformat {
        width: 60%;
        margin: 0 auto;
    }

    .fuellseiten h2, .fuellseiten h3, .fuellseiten p {
        margin: 10px 20px 20px 20px;
    }

    .fuellseiten ul {
        margin: 10px 20px 20px 35px;
    }

    p, h1, h2, a, ul, figcaption, table {
        hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
    }

    .studien__block figure .siegel {
        margin: 130px 0 0 0;
    }

    .studien__block figure .siegel__ntv {
        margin: 130px 0 0 0;
    }

    .award__teaser article figure img {
        height: 35px;
    }

    .award__teaser .siegelhoch {
        max-width: 120px;
    }

    /* Kategorie-Hauptseiten */
    .kategorie__links article {
        margin: 0 50px;
    }

    .kategorie__links article h3 {
        margin-right: 0;
    }

    .kategorie__links article h4 {
        margin-right: 0;
    }

    .kategorie__links article p {
        margin-right: 0;
    }

    .kategorie__links article ul {
        margin-right: 0;
    }

    .kategorie__links article a {
        margin-right: 0;
    }

    .kategorie__links article img {
        position: inherit;
    }

    /* Suchfeld */
    .suchfeld form {
        position: relative;
    }

    .suchfeld #suchTextfeld {
        float: none;
        width: 100%;
    }

    .suchfeld #suchButton {
        margin: 0;
        float: none;
        overflow: none;
        position: absolute;
        top: 10px;
        right: 12px;
    }

    .suchfeld .abbruch-text {
        display: none;
    }

    /* Kontaktstreifen */
    #kontaktstreifen-jubi {
        width: 203px;
        height: 75px;
    }

    #kontaktstreifen {
        top: 280px;
    }

    #kontaktstreifen-big {
        top: 280px;
    }

    #kontaktstreifen-big p {
        top: 280px;
    }

    #kontaktstreifen-fb {
        top: 340px;
    }

    #kontaktstreifen-tw {
        top: 400px;
    }

    #kontaktstreifen-li {
        top: 460px;
    }

    #kontaktstreifen-in {
        top: 520px;
    }

    #kontaktstreifen-klimaicon {
        top: 220px;
    }

    /* zweite Navigationsebene (Presse) */
    .zweite-navi span {
        cursor: pointer;
    }

    .zweite-navi .pfeil-klein-links {
        background: url(../img/svgz/icons/doppelpfeil-links.svgz) center no-repeat;
    }

    .zweite-navi .pfeil-klein-rechts {
        background: url(../img/svgz/icons/doppelpfeil-rechts.svgz) center no-repeat;
    }

    /* Animation für die mobilen Ansichten*/
    .zweite-navi a:first-child {
        margin-left: 300px;
        -webkit-animation: scrollAni 1s forwards ease-in;
        -moz-animation: scrollAni 1s forwards ease-in;
        -o-animation: scrollAni 1s forwards ease-in;
        animation: scrollAni 1s forwards ease-in;
    }

    .empfehlungen a {
        width: calc(100% - 40px);
    }

    .award__teaser article h2 {
        margin: 0 40px 0 25px;
    }
}

@media (max-width: 580px) {
    .disq__test figure img {
        width: 100%;
    }
}

@media (max-width: 561px) {
    .award__teaser article figure img {
        height: 30px;
    }
}

@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    /* Kontaktstreifen */
    #kontaktstreifen {
        top: 72px;
    }

    #kontaktstreifen-big {
        top: 72px;
    }

    #kontaktstreifen-big p {
        top: 72px;
    }

    #kontaktstreifen-fb {
        top: 127px;
    }

    #kontaktstreifen-tw {
        top: 182px;
    }
}

@media (max-width: 561px) {
    .award__teaser article figure img {
        height: 25px;
    }

    #popular {
        line-height: 25px;
    }

    header #stulle {
        margin-left: 3px;
    }

    header #lupe {
        margin-right: 3px;
    }

    .ueberblender {
        min-height: 50vh;
    }


}

@media (max-width: 501px) {
    .cd-fixed-bg {
        background-attachment: local;
    }

    .award__teaser article figure {
        margin-bottom: 10px;
    }

    .award__teaser article figure img {
        height: 25px;
    }

    .award__teaser article figure img.mitte {
        margin: 0 15px;
    }

    .award__teaser .siegel {
        margin: 10px auto;
    }

    .ergebnisse-s {
        margin: 15px 0 0 15px;
    }

    /* Kununu */
    .kununu img {
        display: inline-block;
        width: 70%;
        margin: 0 14% 20px;
    }
}



@media (max-width: 401px) {
    .kategorie__links article {
        margin: 0 20px;
    }

    /* ... Tabelle */
    .award-zusaetze .pressebericht img {
        width: 100%;
    }

    .tab-award {
        width: 100%;
    }

    .mindestbreite {
        min-width: 100%;
    }
}


.banner-kondolenz {
    display: flex;

    padding-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

.banner-kondolenz img {
    width: 130px;
    height: auto;
}

@media (max-width: 651px) {
    .banner-kondolenz {
        display: block;
    }

    .banner-kondolenz {
        text-align: center;
    }

    .banner-kondolenz p {
        text-align: left;
    }

}

body.layout_bridge, body.layout_bridge #header {
    background: #EEEEEE;
}

body.layout_bridge header .rahmen {
    max-width: 960px;
    background: #fff;
}

body.layout_bridge.press_game header .rahmen {
    max-width: 1024px;
}

body.layout_bridge header #hauptnavi {
    z-index: 1000;
}


body.layout_bridge header .suchfeld {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}

body.layout_bridge.press_game header .suchfeld {
    max-width: 1024px;
}

body.layout_bridge footer {
    max-width: 960px;
    margin: auto;
}

body.layout_bridge.press_game footer {
    max-width: 1024px;
}

body.layout_bridge .studien__block__rahmen {
    max-width: 960px;
    background: #fff;
    padding-bottom: 40px;
}

body.layout_bridge.press_game .studien__block__rahmen {
    max-width: 1024px;
}

body.layout_bridge .kategorien-navi, body.layout_bridge .zweite-navi {
    max-width: 960px;
}

body.layout_bridge.press_game .kategorien-navi, body.layout_bridge.press_game .zweite-navi {
    max-width: 1024px;
}

div.faq figure img {
    max-width: 100%;
}

.small-padder {
    display: block;
    height: 15px;
    width: 100%;
}

.m-rl-20 {
    margin-left: 20px;
    margin-right: 20px;
}


body .module .small-padder {
    display: block;
    height: 10px;
    width: 100%;
}

body img {
    height: auto;
}

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

body .module .studien__block__rahmen {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

body .module figure {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

body .module h1, body .module h2, body .module h3, body .module h4, body .module h5, body .module h6, body .module p {
    margin: 0;
    padding: 10px 20px 10px 20px;
}

body .module p {
    text-align: justify;
}

@media (max-width: 651px) {
    body .module h1, body .module h2, body .module h3, body .module h4, body .module h5, body .module h6, body .module p {
        margin: 0;
        padding: 10px 20px 10px 20px;
    }
}

body .module .seperator {
    display: block;
    height: 20px;
}


body .module .breite100prozent {
    width: 100%;
    height: auto;
}

body .module .breite70prozent {
    width: 70%;
    height: auto;
    max-width: 310px;
}

body .module .breite50prozent {
    width: 50%;
    height: auto;
    max-width: 310px;
}

body .module .breite40Prozent {
    width: 40%;
    height: auto;
    max-width: 310px;
}

body .module .breite30Prozent {
    width: 30%;
    height: auto;
    max-width: 310px;
}

@media (max-width: 651px) {

    body .module .breite70prozent {
        width: 60%;
    }

    body .module .breite50prozent {
        width: 60%;
    }

    body .module .breite40Prozent {
        width: 60%;
    }

    body .module .breite30Prozent {
        width: 60%;
    }

}


@media (max-width: 500px) {

    body .module .breite70prozent {
        width: 80%;
    }

    body .module .breite50prozent {
        width: 80%;
    }

    body .module .breite40Prozent {
        width: 80%;
    }

    body .module .breite30Prozent {
        width: 80%;
    }

}


/* Moorteaser */
body .module.teaser_background_download .moorteaser div {
    width: calc(100% - 50px);
    max-width: 690px;
    margin: 0 auto 0px auto;
    padding-bottom: 35px;
}

body .module.teaser_background_download .moorteaser p {
    padding: 0 25px 35px 25px;
}

body .module.teaser_background_download .cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

body .module.teaser_background_download .cd-fixed-bg.cd-bg-4 {
    background-image: url("../img/moorbild.jpg");
}

body .module.teaser_background_download .moorteaser .mittig {
    text-align: center;
}

body .module.image figure {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

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



body .module.oneline_download .button {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
}

body .module.centered_video {
    text-align: left;
}

body .module.centered_video .clip{
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 652px) {

    body .module.press_contact .presse-kasten {
        display: flex;
        display: -webkit-flex;
    }

    body .module.press_contact .presse-kasten p {
        align-self: center;
        -webkit-align-self: center;
    }

    body .module.press_contact p {
        padding-right: 50px;
    }

    body .module.press_contact img {
        padding-left: 50px;
    }

}

@media (max-width: 651px) {


    body .module.press_contact .presse-kasten {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    body .module.press_contact .presse-kasten p {
        align-self: baseline;
        -webkit-align-self: baseline;
    }

    body .module.press_contact .presse-kasten img {
        align-self: baseline;
        -webkit-align-self: baseline;
        padding-left: 20px;
    }
}


body .module.divider hr {
    background: #8E1017;
    border: 0;
    height: 2px;
    margin-left: 20px;
    margin-right: 20px;
}


/* Formular (Journalisten-Service) */

#kontaktformular {
    border: 1px solid #900d11;
}

.form-label {
    background: #900d11;
    color: #ffffff;
    margin-bottom: 25px !important;
    margin-top: 0px !important;
}

.form-text span {
    width: 225px;
    display: inline-block;
}

.form-text input {
    width: 330px;
    margin-bottom: 10px;
}


.form-absatz {
    margin-bottom: 20px;
}

.form-boxen input {
    margin: 0 10px 5px 7px;
}

.form-boxen-links {
    float: left;
}

.form-boxen-rechts {
    float: right;
    margin-right: 10px;
}

#form-radio, #form-radio2 {
    width: 20px;
    margin-right: 15px;
}

.form-button {
    background: #900d11;
    color: #ffffff;
    padding: 5px 20px;
    width: 55px;
    margin-bottom: 30px;
    display: block;
    text-decoration: none;
}

.form-antwort {
    padding: 0px 20px 40px 20px;
}

.form-unsichtbar {
    display: none;
}

@media (max-width: 680px) {

    #kontaktformular {
        margin-left: 20px;
        margin-right: 20px;
    }


    .form-text input, .form-text span {
        width: 90%;
    }

    .form-boxen-links {
        float: none;
    }

    .form-boxen-rechts {
        float: none;
        margin-right: 0;
    }
}


body .module.press_images .clearfix {
    margin-left: 20px;
}

body .module.press_images p {
    padding: 0 !important;
}


@media (max-width: 801px) {
    body .module.press_images .team-rahmen {
        margin: 0 20px;
    }

    body .module.press_images .team-kasten {
        width: calc(50% - 30px);
    }


}


body .module.press_download img {
    max-width: 400px;
    padding-left: 20px;
    padding-right: 20px;
}


body .module.small_image_middle_download_links a{
    padding-left: 20px;
    padding-right: 20px;
}

body.search .search_page {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

body.search .search_page .search_form {
    margin-top: 20px;
    margin-bottom: 20px;

}

body.search .search_page .search_result_info {
    margin-bottom: 20px;
}

body.search .search_page .search_result_entry {
    margin-bottom: 10px;
}

body.search .search_page .search_result_entry h4 {
    color: #900d11;
    margin-bottom: 10px;
}

/* Sitemap */
.sitemapdiv {
    padding-bottom: 25px;
}

.sitemapdiv h2 {
    padding: 0 0 0 20px;
}

.sitemapdiv h4 {
    padding: 20px 0 0 20px;
}

.sitemapdiv p.fliesstext {
    padding-left: 20px;
}

.sitemapdiv p.fliesstext a {
    color: #8e1017;
}

.sitemapblock {
    float: left;
    min-height: 30px;
    padding-left: 20px;
    margin-right: 70px;
    width: calc(33.33% - 117px);
}

.sitemapblock h3 {
    font-size: 15px;
    margin-top: 5px;
}

.sitemapblock h3 a {
    color: #000;
    border: 0;
    text-decoration: none;
}

.sitemapblock h3 a:hover {
    color: #8e1017;
}

.sitemapblock ul {
    font-size: 12px;
    list-style-image: url("../img/pfeil.png");
    float: left;
    padding-left: 20px;
    margin-bottom: 20px;
}

.sitemapblock ul li {
    margin: 2px 0;
}

.sitemapblock ul li a {
    color: #000;
    border: 0;
    text-decoration: none;
}

.sitemapblock ul li a:hover {
    color: #8e1017;
}

@media (max-width: 941px) {

    .sitemapblock {
        width: calc(100% - 117px);
    }
}


.aufklappbox img.referenzen-logo {
    display: block;
    margin: 30px auto 0 auto;
    max-width: 100px;
}

.referenzen {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding-top: 25px;
    margin: 0 20px;
    text-align: left;
}

.referenzen-abstand h2, .referenzen-abstand p {
    margin: 10px 20px 20px 20px;
}

.aufklappmenu .referenzen a {
    border-bottom: 1px dotted #000000;
    padding: 2px 25px;
}

/* Tabellen-Navigation */
#tabellenNavi{margin:15px 0 0 15px;}
#tabellenNavi ul{list-style:none;}
#tabellenNavi a{text-decoration:underline;color:#000;font-size:12px;display:block;}
.servicepreistab{border-collapse:collapse;font-size:10px;font-family:Arial;margin:0 auto;margin-bottom:15px;}
.innopreistab{border-collapse:collapse;font-size:10px;font-family:Arial;margin:20px;float:left;}
.fairnesspreistab{border-collapse:collapse;font-size:10px;font-family:Arial;margin:20px 20px 5px 20px;float:left;}
.servicepreistab th,.innopreistab th,.fairnesspreistab th{background:#FFF;background-color:#FFF;border-style:solid;border-color:black;border-width:1px;padding:5px 3px;}
.servicepreistab td,.innopreistab td,.fairnesspreistab td{background:#FFF;background-color:#FFF;border-style:solid;border-color:black;border-width:1px;line-height:12px;}
.servicepreistab .unternehmen,.innopreistab .unternehmen,.fairnesspreistab .unternehmen{background:#CCC;background-color:#CCC;font-weight:bold;padding:5px 10px;}
.servicepreistab .highlight,.innopreistab .highlight,.fairnesspreistab .highlight{background:#EEE;background-color:#EEE;text-align:left;padding:0 10px;}
.servicepreistab .rot,.innopreistab .rot,.fairnesspreistab .rot{background:#8e1017;background-color:#8e1017;color:#FFFFFF}
.fairnesspreistab .textblock{padding:0 5px;}
.durchgestrichen{text-decoration:line-through;}



/* PM-Teaser */
.pmTeaser{width:calc(33.33% - 1px);float:left;margin-right:1px;}
.pmTeaser:last-child{width:33.33%;float:left;margin:0;position:relative;}
.pmTeaser:last-child img,.pmTeaser img{width:100%;display:block;}
.pmTeaser a{margin-top:100px;margin:0 10px 0 5px;display:block;}


@media(max-width:441px){
    /* PM-Teaser */
    .pmTeaser{width:100%;float:none;margin-right:0;}
    .pmTeaser:last-child{width:100%;float:none;margin:0;position:relative;}
    .pmTeaser img,.pmTeaser:last-child img{width:100%;height:100%;display:block;}
    .pmTeaser a{margin-top:100px;margin:0 10px 0 5px;display:block;}
    /* Kununu */
}


.swiper {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 420px;
}

.content-padder{
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 680px) {

    .content-padder{
        padding-left: 0px;
        padding-right: 0px;
    }
}



 .modules.full-content-image{
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 50vh;
 }

 .modules.full-content-video{
     padding-top: 30px;
     padding-bottom: 30px;
     background: #8e1017;
     padding-left: 20px;
     padding-right: 20px;
     margin-left: -20px;
     margin-right: -20px;
 }

.modules.full-content-video h2{
    margin-bottom: 10px;
}


.modules.full-content-video p{
    margin-bottom: 10px;
}

.company{
    padding-left: 20px;
    padding-right: 20px;
}

.company .kununu img {
    margin-left: 0;
    margin-right: 0;
}

.presse-tippspiel{
    padding-top: 30px;
    padding-bottom: 30px;
    margin: auto;
    max-width: 1024px;
}


/* Woocommerce Base */

div.woocommerce{
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 40px !important;
}

.woocommerce .woocommerce-error {
    margin-right: 0;
    margin-left: 0;
}

/* Woocommerce Checkout */

.woocommerce-checkout h3{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}

.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout form .form-row select{
    padding: 10px;
}

.woocommerce-checkout .select2-container .select2-selection--single {
    height: 40px;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.woocommerce-checkout form .form-row textarea {
    height: 10em;
}


.woocommerce-checkout table.shop_table {
    border-radius: 0;
}

.woocommerce-checkout #add_payment_method #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods{
    border-radius: 0;
}


.woocommerce-checkout #payment {
    border-radius: 0;
}

.woocommerce-checkout button.alt {
    padding: 8px;
    width: 309px;
    border: 1px solid #f1b823;
    display: inline-block;
    margin: 2px 0 30px 0;
    position: relative;
    border-radius: 5px;
    background: #ecca71;
    background: -moz-linear-gradient(-45deg, #ecca71 0%, #f1b823 29%, #ecca71 50%, #f1b823 82%, #e7cd88 100%);
    background: -webkit-linear-gradient(-45deg, #ecca71 0%, #f1b823 29%, #ecca71 50%, #f1b823 82%, #e7cd88 100%);
    background: linear-gradient(135deg, #ecca71 0%, #f1b823 29%, #ecca71 50%, #f1b823 82%, #e7cd88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecca71', endColorstr='#e7cd88', GradientType=1);
    font-weight: normal;
    color: #000 !important;
}

.woocommerce-checkout button.alt:hover {
    background: #ecca71;
    background: -moz-linear-gradient(-45deg, #ecca71 0%, #f1b823 23%, #f1b823 23%, #f1b823 36%, #ecca71 75%, #f1b823 87%, #e7cd88 100%);
    background: -webkit-linear-gradient(-45deg, #ecca71 0%, #f1b823 23%, #f1b823 23%, #f1b823 36%, #ecca71 75%, #f1b823 87%, #e7cd88 100%);
    background: linear-gradient(135deg, #ecca71 0%, #f1b823 23%, #f1b823 23%, #f1b823 36%, #ecca71 75%, #f1b823 87%, #e7cd88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecca71', endColorstr='#e7cd88', GradientType=1);
}

/* Woocommerce Order Received Page   */
.woocommerce-order-received p.woocommerce-thankyou-order-received{
    padding-bottom: 50px;
    padding-top: 30px;
}

.woocommerce-order-received ul.order_details li{
    margin-bottom: 15px;
    float: none;
}

.woocommerce-order-received h2{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}

.woocommerce-order-received .woocommerce-customer-details address {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}