@font-face {
    font-family: 'FrutigerNextPro-LightCn';
    src: url('fonts/346FF3_0_0.eot');
    src: url('fonts/346FF3_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/346FF3_0_0.woff2') format('woff2'), url('fonts/346FF3_0_0.woff') format('woff'), url('fonts/346FF3_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'FrutigerNextPro-MediumCn';
    src: url('fonts/346FF3_1_0.eot');
    src: url('fonts/346FF3_1_0.eot?#iefix') format('embedded-opentype'), url('fonts/346FF3_1_0.woff2') format('woff2'), url('fonts/346FF3_1_0.woff') format('woff'), url('fonts/346FF3_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'camptonlight';
    src: url('fonts/campton_light-webfont.woff2') format('woff2'),
    url('fonts/campton_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'camptonmedium';
    src: url('fonts/campton_medium-webfont.woff2') format('woff2'),
    url('fonts/campton_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    color: #000;
    background: #FFF;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input,
textarea,
select {
    *font-size: 100%;
}

legend {
    color: #000;
}

a:hover,
a:active,
a:focus {
    outline: 0;
}

#map_canvas img,
.google-maps img {
    max-width: none;
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}

button,
input {
    *overflow: visible;
    line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

.hide-text {
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

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

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.visually-hidden {
    display: none;
    visibility: hidden;
}

body,
* {
    text-rendering: optimizeLegibility;
}

figure {
    margin: 0;
    padding: 0;
}

figcaption {
    margin: 0;
    padding: 0;
}

.mod-menu__sub {
    display: none;
}

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    position: relative;
    z-index: 10;
    height: 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.35s ease-in-out;
}

.collapse.in {
    height: auto;
}

.group.equal {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}


/* #Grid
================================================== */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
}

.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%;
}

.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%;
}

.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%;
}

.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%;
}

.row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%;
}

.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%;
}

.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%;
}

.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%;
}

.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%;
}

.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%;
}

.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%;
}

.row-fluid .offset12 {
    margin-left: 104.25531914893617%;
    *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
    margin-left: 102.12765957446808%;
    *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
    margin-left: 95.74468085106382%;
    *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
    margin-left: 93.61702127659574%;
    *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
    margin-left: 87.23404255319149%;
    *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
    margin-left: 85.1063829787234%;
    *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
    margin-left: 78.72340425531914%;
    *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
    margin-left: 76.59574468085106%;
    *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
    margin-left: 70.2127659574468%;
    *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
    margin-left: 68.08510638297872%;
    *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
    margin-left: 61.70212765957446%;
    *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
    margin-left: 59.574468085106375%;
    *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
    margin-left: 53.191489361702125%;
    *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
    margin-left: 51.063829787234035%;
    *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
    margin-left: 44.68085106382979%;
    *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
    margin-left: 42.5531914893617%;
    *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
    margin-left: 36.170212765957444%;
    *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
    margin-left: 34.04255319148936%;
    *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
    margin-left: 27.659574468085104%;
    *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
    margin-left: 25.53191489361702%;
    *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
    margin-left: 19.148936170212764%;
    *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
    margin-left: 17.02127659574468%;
    *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
    margin-left: 10.638297872340425%;
    *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
    margin-left: 8.51063829787234%;
    *margin-left: 8.404255319148938%;
}

.section-group {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.control-group:before,
.control-group:after,
.form-group:before,
.form-group:after,
.group:before,
.group:after {
    content: "";
    display: table;
}

.control-group:after,
.form-group:after,
.group:after {
    clear: both;
}

.group {
    zoom: 1;
}

.col {
    display: block;
    float: left;
    margin: 0 0 0 4%;
}

.bigdistance .col {
    margin: 0 0 0 8%;
}

.col:first-child {
    margin-left: 0;
}

.col_12_of_12:nth-child(12n+1),
.col_1_of_2:nth-child(2n+1),
.col_1_of_3:nth-child(3n+1),
.col_1_of_4:nth-child(4n+1),
.col_1_of_5:nth-child(5n+1),
.col_1_of_6:nth-child(6n+1),
.col_1_of_7:nth-child(7n+1),
.col_1_of_8:nth-child(8n+1),
.col_1_of_9:nth-child(9n+1),
.col_1_of_10:nth-child(10n+1) {
    clear: both;
    margin-left: 0;
}

.col_2_of_2 {
    width: 100%;
}

.col_1_of_2 {
    width: 48%;
}

.col_3_of_3 {
    width: 100%;
}

.col_2_of_3 {
    width: 65.32%;
}

.col_1_of_3 {
    width: 30.66%;
}

.col_4_of_4 {
    width: 100%;
}

.col_3_of_4 {
    width: 74%;
}

.col_2_of_4 {
    width: 48%;
}

.col_1_of_4 {
    width: 22%;
}

.bigdistance .col_4_of_4 {
    width: 100%;
}

.bigdistance .col_3_of_4 {
    width: 73%;
}

.bigdistance .col_2_of_4 {
    width: 46%;
}

.bigdistance .col_1_of_4 {
    width: 19%;
}


/* #Layout
================================================== */

html {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    overflow-y: scroll;
}

body {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: camptonlight;
    color: rgb(0, 0, 0);
    font-size: 19px;
    line-height: 1.6em;
    font-weight: 400;
    color: rgb(94, 94, 93);
    background-color: #ffffff;
    position: relative;
    overflow-x: hidden;
    counter-reset: step;
    /* Coutner mit dem Namen "step" wird auf 0 gesetzt */
}

#wrapper {
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
    height: auto!important;
    position: relative;
}

.container {
    width: 100%;
    margin: auto;
    max-width: 1400px;
    padding: 0 84px;
    position: relative;
}

#topbar {
    height: 30px;
    width: 100%;
}

#header {
    width: 100%;
    margin: 0 auto 20px auto;
}

#pagecenter {
    min-height: calc(100vh - 60px);
}

#main {
    padding-bottom: 50px;
}

#footer {
    width: 100%;
    padding: 10px 0;
}

#footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.pagelogo {
    max-width: 500px;
    margin: 20px 0 0 0;
}
.pagelogo img {
    max-height: 100px;
    width: auto;
}

@media (max-width: 680px) {
    .pagelogo {
        max-width: calc(100% - 60px);
    }
}

.bgimage_ol {
    position: absolute;
    top: 0;
    left: 0;
}

.bgimage_ur {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 400px;
}
.company_eol .bgimage_ur {
    bottom: 180px;
    width: 220px;
}

@media (max-width: 680px) {
    .bgimage_ol,
    .bgimage_ur {
        display: none;
    }
}


/* #Navigation
================================================== */


/* MAIN Navigation  */

#mainnav {
    width: 100%;
    z-index: 5005;
    min-height: 160px;
    background-color: rgb(255, 255, 255);
}

.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    position: relative;
    top: 20px;
}

.nav li {
    display: inline-block;
    *display: inline;
    margin-left: 14px;
    position: relative;
}

.nav li:first-child {
    margin-left: 0;
}

.nav li a,
.nav li span {
    display: block;
    color: rgb(94, 94, 93);
    text-align: left;
    padding: 5px 0;
    text-decoration: none;
    font-size: 1.222em;
    font-weight: 400;
    font-family: camptonlight;
    text-transform: uppercase;
}

.nav>li a:focus {
    color: rgb(94, 94, 93);
}

.nav>li.active>a,
.nav>li a:hover {
    color: var(--main_color);
}

ul.nav>li>ul.mod-menu__sub {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 5;
    min-width: 130px;
    -webkit-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
    padding: 5px 0px;
    border-top: 5px solid var(--main_color);
    background-color: rgb(242, 242, 242);
    background-color: rgba(242, 242, 242, 1);
    overflow: hidden;
}

.nav li.parent:hover .mod-menu__sub {
    display: block;
}

ul.mod-menu__sub li {
    display: block;
    float: none;
    text-align: left;
    margin: 0 0 0 0;
    position: static;
}

ul.mod-menu__sub li a {
    display: block;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    font-family: camptonlight;
    color: var(--main_color);
    text-align: left;
    text-transform: none;
    padding: 0 10px;
}

ul.mod-menu__sub li>ul.mod-menu__sub li a {
    padding: 0 10px 0 30px;
}

ul.mod-menu__sub li.active,
ul.mod-menu__sub li:hover {
    border-bottom: 0;
}

ul.mod-menu__sub li.active>a,
ul.mod-menu__sub li a:focus,
ul.mod-menu__sub li a:hover {
    background-color: rgb(250, 250, 250);
}

ul.mod-menu__sub>li>ul.mod-menu__sub {
    display: block;
}

.mod-menu__sub .mod-menu__sub {
    background-color: rgb(242, 242, 242);
    background-color: rgba(242, 242, 242, 1);
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 0;
    color: #000;
    background-color: transparent;
    border: 0;
    margin: 0 0 0 0;
    position: absolute;
    top: 30px;
    right: 20px;
}

.navbar .btn-navbar .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    background-color: #000;
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 4px;
}


/* Breadcrumb Navigation  */

.breadcrumb {
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: left;
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
}

.breadcrumb li {
    display: grid;
    grid-template-columns: max-content auto;
}

.breadcrumb li:first-child {
    display: none;
}

.breadcrumb li a,
.breadcrumb li span {
    color: rgb(94, 94, 93);
    font-size: 16px;
    text-transform: unset;
}

.breadcrumb li.active span,
.breadcrumb li a:hover span {
    color: var(--main_color);
    font-size: 16px;
}

.breadcrumb li:before {
    display: grid;
    content: '//';
    margin: 0 10px;
    align-items: center;
}

.breadcrumb li:nth-child(2):before {
    display: none;
}

.nav.nav-tabs {
    top: 0px;
    border-bottom: 1px solid rgb(185, 185, 185);
    margin-bottom: 20px;
}

.nav.nav-tabs li {
    background-color: rgb(240, 240, 240);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav.nav-tabs li.active {
    background-color: rgb(243, 244, 244);
}

.nav.nav-tabs li a {
    padding: 5px 15px;
}


/* pagination */

.pagination {}

.pagination li {
    display: inline-block;
    *display: inline;
}

.pagination li .pagenav:hover,
.pagination li .pagenav {
    display: block;
    padding: 5px 10px;
    background-color: rgb(240, 240, 240);
    color: rgb(0, 0, 0);
}

.pagination li a.pagenav:hover {
    background-color: rgb(243, 244, 244);
    color: var(--main_color);
}

.pagination li.pagination-start {}

.pagination li.pagination-prev {}

.pagination li.pagination-next {}

.pagination li.pagination-end {}

.socialmedia_list {
    text-align: right;
}

.socialmedia_list li {
    display: inline-block;
    *display: inline;
    line-height: 20px;
}

.socialmedia_list li a {
    display: block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

.socialmedia_list li a.twitter {
    background-image: url("../images/twitter.gif");
}

.socialmedia_list li a.xing {
    background-image: url("../images/xing.gif");
}

.socialmedia_list li a.facebook {
    background-image: url("../images/facebook.gif");
}

.socialmedia_list li span {
    display: block;
    margin: 0 2px;
    color: rgb(255, 255, 255);
}


/* #Typography
================================================== */

h1,
.h1 {
    font-family: camptonmedium;
    font-size: 2.111em;
    line-height: 1.2em;
    font-weight: 400;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    color: rgb(94, 94, 93);
}

h2,
.h2 {
    font-family: camptonmedium;
    font-size: 1.667em;
    line-height: 1.2em;
    font-weight: 400;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    color: rgb(94, 94, 93);
}

h3,
.h3 {
    font-family: camptonmedium;
    font-size: 1.444em;
    line-height: 1.2em;
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    color: rgb(94, 94, 93);
}

h4,
.h4 {
    font-family: camptonmedium;
    font-size: 1.250em;
    line-height: 1.2em;
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    color: var(--main_color);
}

h6,
.h6 {
    font-family: camptonlight;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    color: var(--main_color);
}

p {
    font-size: 1em;
    line-height: 1.6em;
    margin: 0 0 1em 0;
    font-family: camptonlight;
    color: rgb(94, 94, 93);
}

.hyphens {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


/*
hr {
border-top: 1px dashed rgb(94,94,93);
height: 0;
background: transparent;
margin: 30px 0;
}
*/

hr {
    border: 0;
    height: 5px;
    width: 100%;
    background: transparent url("../images/Strich.png") repeat-x left center;
    margin: 45px 0;
}


/* #Klassen
================================================== */

.page-header {
    margin-bottom: 60px;
}

strong,
.bold {
    font-family: 'camptonmedium';
    font-weight: 400;
}

.typoLight,
.light {
    font-family: 'camptonlight';
    font-weight: 400;
}

.uppercase {
    text-transform: uppercase;
}

.small {
    font-size: 0.875em;
}

.wf_file_size {
    font-size: 0.667em;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.item-image.pull-left {
    margin: 0 30px 20px 0;
}

.nomargin {
    margin-bottom: 0;
}

.background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.text_right {
    text-align: right;
}

.text_center {
    text-align: center;
}

.textpic_big {
    margin: 10px auto 30px auto;
    padding: 0 84px;
}

.roundborder {
    border-radius: 12px;
    border: 1px solid rgb(203, 203, 203);
}

.textLightGrey {
    color: rgb(243, 244, 244);
}

.textGrey {
    color: rgb(94, 94, 93);
}

.textGreen {
    color: var(--main_color);
}

.textBlue {
    color: var(--main_color);
}

.textWhite {
    color: rgb(255, 255, 255);
}

.bgLightGrey {
    background-color: rgb(243, 244, 244);
}

.bgGrey {
    background-color: rgb(94, 94, 93);
}

.bgGreen {
    background-color: var(--main_color);
}

.bgBlue {
    background-color: var(--main_color);
}

.bgWhite {
    background-color: rgb(255, 255, 255);
}

.bgBlue h1,
.bgBlue h2,
.bgBlue h3,
.bgBlue h4,
.bgBlue p,
.bgBlue a,
.bgBlue .readmore,
.bgGreen h1,
.bgGreen h2,
.bgGreen h3,
.bgGreen h4,
.bgGreen p,
.bgGreen a,
.bgGreen .readmore,
.bgGrey h1,
.bgGrey h2,
.bgGrey h3,
.bgGrey h4,
.bgGrey p,
.bgGrey a,
.bgGrey .readmore {
    color: #fff;
}

.column3 {
    column-count: 3;
    padding: 20px 20px 20px 50px !important;
    border-radius: 12px;
    width: 100% !important;
    left: 0 !important;
    column-gap: 40px;
}

.column3 li {
    break-inside: avoid;
}

@media (max-width: 800px) {
    .column3 {
        column-count: 1;
    }
}


/* #Akkordion
================================================== */

.accordion-item {
    padding: 10px 0;
    margin: 10px 0;
    -webkit-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
}

.accordion-content.collapsed {
    height: auto;
    padding: 1px 0;
}

.accordion-headline {
    text-align: left;
    margin: 0 0 0 0;
    padding: 15px 30px;
    font-size: 1.333em;
    line-height: 1.2em;
    cursor: pointer;
    position: relative;
}

.accordion-headline .pfeil_icon {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 5px;
    width: 35px;
    height: 35px;
    background: transparent var(--pfeil) no-repeat center center;
    background-size: 100%;
    transform: rotate(-90deg);
    transition: all 450ms ease-in-out;
}

.accordion-headline.collapsed .pfeil_icon {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 5px;
    width: 35px;
    height: 35px;
    background: transparent var(--pfeil) no-repeat center center;
    background-size: 100%;
    transform: rotate(90deg);
}

.accordion-content hr {
    margin: 20px 0;
}

.accordion-content p {
    padding: 0 30px;
    text-align: left;
}


/* #segemente
================================================== */

.hover {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}


/* startseite home */

.home-links .col {
    margin-bottom: 30px;
}

.home-links figure {
  display: block;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.home-links figure img {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.home-links figcaption {
    position: absolute;
    bottom: -40px;
    height: 100px;
    width: 100%;
    padding: 0px 15px 10px 15px;
    background: rgb(243, 244, 244);
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.home-links figcaption.double {
    height: 140px;
    bottom: -80px;
}

.hover_effect figcaption,
.home-links figure:hover figcaption {
    bottom: 0px;
}

.home-links .title,
.home-links .subtitle {
    display: block;
    font-family: camptonlight;
    font-size: 1.875em;
    line-height: 60px;
    text-align: left;
    font-weight: 400;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    color: rgb(94, 94, 93);
}

.home-links .title {
    font-family: camptonmedium;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.home-links .subtitle {
    font-size: 1.375em;
    color: rgb(94, 94, 93);
    line-height: 30px;
}

.home-links .teaser_icon {
    max-width: 70px;
    position: absolute;
    bottom: 10px;
    right: 15px;
}


/* #Teaser bottom page
================================================== */

.teasergroup .col {
    position: relative;
    overflow: hidden;
    padding: 20px 0 70px 0;
    -webkit-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
    min-height: 220px;
    margin-bottom: 40px;
    background-color: rgb(243, 244, 244);
}

.teaserheadline,
.teasertext,
.teasercaption {
    display: block;
    padding: 0 20px;
    color: var(--main_color);
    font-size: 1em;
}

.teaserheadline {
    font-family: camptonmedium;
    font-size: 1.111em;
}

.teasertext {
    font-family: camptonlight;
}

.teasercaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: camptonmedium;
    background-color: var(--main_color);
    font-size: 1.333em;
}

.leistungenAnzeige .teasercaption {
    font-size: 1em;
}


/* #Unternehmen - Ueber uns
================================================== */

.ueberuns .accordion-headline {
    padding: 20px 20px 20px 140px;
    background-color: transparent;
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 100px;
    overflow: visible;
}

.ueberuns .accordion-headline.service_icon {
    background-image: var(--service_icon);
}

.ueberuns .accordion-headline.teamwork_icon {
    background-image: var(--team_icon);
}

.ueberuns .accordion-headline.qualitaet_icon {
    background-image: var(--quali_icon);
}

.ueberuns .accordion-headline.systeme_icon {
    background-image: var(--system_icon);
}

.ueberuns .accordion-headline.flexi_icon {
    background-image: var(--flexi_icon);
}

.ueberuns .accordion-headline.ausbildung_icon {
    background-image: var(--ausbildung_icon);
}


/* #Unternehmen - Werte
================================================== */

ul.werteliste {
    list-style: none;
    margin: 20px 0;
    padding: 0 0 0 0;
    position: relative;
    left: 35px;
    width: calc(95% - 30px);
}

ul.werteliste li {
    position: relative;
    display: block;
    line-height: 1.6em;
    font-size: 1.222em;
    color: rgb(94, 94, 93);
    text-decoration: none;
    padding: 0 0 0 0;
    margin: 0 0 15px 0;
    font-size: 1em;
    font-family: camptonlight;
    font-weight: 400;
}

ul.werteliste li:before {
    position: absolute;
    left: -35px;
    top: 2px;
    content: "";
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

ul.werteliste li.kontinuitaet:before {
    background-image: var(--werte_pfeil_blau);
}

ul.werteliste li.sebststaendigkeit:before {
    background-image: var(--werte_pfeil_grau);
}

ul.werteliste li.tradition:before {
    background-image: var(--werte_pfeil_blau);
}

ul.werteliste li.verantwortung:before {
    background-image: var(--werte_pfeil_blau);
}

ul.werteliste li.vertrauen:before {
    background-image: var(--werte_pfeil_grau);
}

ul.werteliste li.zusammenarbeit:before {
    background-image: var(--werte_pfeil_grau);
}


/* #Unternehmen - Historie
================================================== */

ul.historieliste {
    list-style: none;
    margin: 20px 0;
    padding: 0 0 0 0;
    position: relative;
    left: 60px;
    width: calc(95% - 30px);
}

ul.historieliste:before {
    position: absolute;
    top: 5px;
    height: calc(100% - 25px);
    width: 8px;
    margin-left: -39px;
    content: "";
    display: block;
    background: rgb(230, 230, 230);
}

ul.historieliste li {
    position: relative;
    line-height: 1.6em;
    color: rgb(94, 94, 93);
    text-decoration: none;
    padding: 0 0 0 20px;
    font-size: 1em;
    font-family: camptonlight;
    font-weight: 400;
    margin: 0 0 30px 0;
    min-height: 60px;
    display: flex;
    align-items: center;
}

ul.historieliste li:before {
    display: block;
    position: absolute;
    left: -60px;
    top: calc(50% - 25px);
    float: left;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    background-color: var(--main_color);
    line-height: 52px;
    text-align: center;
    content: attr(data-label);
}

ul.historieliste li.filler {
    /*margin: 0px 0 0px -42px;*/
    /*padding: 0;*/
    /*line-height: 40px;*/
    /*width: 15px;*/
    /*height: 40px;*/
    /*min-height: 40px;*/
    /*content: "";*/
    /*display: block;*/
    /*background: transparent url("icons/Bubbles.png") no-repeat left top;*/
    display: none;
}

ul.historieliste li.filler:before {
    display: none;
    position: absolute;
    left: -60px;
    top: 50%;
    float: left;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    background-color: var(--main_color);
    line-height: 51px;
    text-align: center;
    content: attr(data-label);
}

ul.historieliste li.y2017:before {
    display: block;
    position: absolute;
    left: -75px;
    top: 50%;
    float: left;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    line-height: 40px;
    text-align: center;
    content: "";
    background-color: transparent;
    background-image: url("icons/25_Jahre_Siegel.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/* #Unternehmen - Team
================================================== */

.teamgroup {}

.teamgroup .col {
    margin-bottom: 30px;
}

.teampic {
    display: block;
    margin: 0 auto 20px auto;
    max-width: 180px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: none;
}

.teamname,
.teamnummer,
.teamposition,
.teammail,
.teamcard {
    display: block;
    line-height: 1.4em;
    text-align: left;
    color: rgb(94, 94, 93);
}

.teamname {
    font-family: camptonmedium;
    margin-bottom: 10px;
}

.teamnummer {}

.teamposition {}

.teammail {}

.teamcard {
    display: none;
    margin-top: 10px;
}

.vcf_icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    content: "";
    background-color: transparent;
    background-image: var(--pfeil);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: rotate(90deg);
}

/* Video Team */
.team_video_group .col {
    margin-bottom: 30px;
}

.team_video_group figure {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.team_video_group figure img {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}


.team_video_group video {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 13px;
    object-fit: cover;
}

.team_video_group figcaption {
    position: absolute;
    bottom: -40px;
    height: 100px;
    width: 100%;
    padding: 0px 15px 10px 15px;
    background: rgb(243, 244, 244);
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.team_video_group figcaption.double {
    height: 120px;
    bottom: -60px;
}

.team_video_group .playing figcaption {
    opacity: 0;
}

.hover_effect figcaption,
.team_video_group figure:hover figcaption {
    bottom: 0;
}

.team_video_group span {
    font-family: camptonmedium;
    display: block;
    line-height: 1.4em;
    text-align: left;
    color: rgb(94, 94, 93);
}

.team_video_group .teamname {
    margin-bottom: 0;
    font-size: 25px;
}

.team_video_group .teamposition {
    font-family: camptonlight;
    font-size: 18px;
}

.team_video_group .teamnummer {
    font-family: camptonlight;
    font-size: 18px;
}

.team_video_group .teammail a {
    font-family: camptonlight;
    font-size: 18px;
    color: rgb(94, 94, 93);
}

.team_video_group .mail_icon {
    max-width: 50px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}


#redim-cookiehint .cookiebuttons a.btn {
    text-decoration: none !important;
    background-image: none !important;
}
#redim-cookiehint .cookiebuttons .btn, #redim-cookiehint .cookiebuttons button {
    display: inline-block;
    margin: 0;
    padding: 10px 10px 10px 20px!important;
    line-height: 20px;
    font-size: 1em;
    font-family: 'camptonmedium';
    font-weight: 400;
    color: rgb(255, 255, 255)!important;
    background-color: var(--main_color)!important;
    cursor: pointer;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
#redim-cookiehint .cookiebuttons .btn:hover {
    background-color: var(--main_color)!important;
}

.home-links figure[data-wf-figure] {
    margin: unset;
}

h1, .h1 {
    font-family: 'CamptonLight';
    font-size: 2.111em;
    line-height: 1.2em;
    font-weight: 400;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    color: rgb(94, 94, 93);
}

h2, .h2 {
    font-family: camptonlight;
    font-size: 1.667em;
    line-height: 1.2em;
    font-weight: 400;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    color: rgb(94, 94, 93);
}

p, .p {
    font-size: 1em;
    line-height: 1.6em;
    margin: 0 0 1em 0;
    font-family: camptonlight;
    color: rgb(94, 94, 93);
}


.home-links .title {
    font-family: camptonlight;
    margin-bottom: 10px;
    text-transform: uppercase;
}


.home-links .subtitle {
    font-size: 1.375em;
    color: rgb(94, 94, 93);
    line-height: 30px;
}


.teasercaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: camptonlight;
    font-size: 1.333em;
}


nav li a, .nav li span {
    display: block;
    color: rgb(94, 94, 93);
    text-align: left;
    padding: 5px 0;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: camptonlight;
    text-transform: uppercase;
}



/* #Produkte
================================================== */

.sublinkgroup img {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-bottom: 10px;
}

.sublinkgroup .col {
    margin-bottom: 30px;
}

.sublinkimage {
    display: block;
    /* margin: 0 auto 20px auto; */
    margin: 0 0 20px 0;
    max-width: 180px;
}

.text_center .sublinkimage {
    margin: 0 auto 20px auto;
}

.sublinkgroup p {
    line-height: 1.4em;
}

.biggerimage .sublinkimage {
    max-width: 100%;
}

.sublinkheadline {
    margin-bottom: 10px;
}

.sublinktext {
    line-height: 1.4em;
}

.crosslink {
    display: block;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s ease-in-out;
    -moz-transition: opacity 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

.crosslink:hover,
.crosslink.active {
    opacity: 1;
}

.legende {
    counter-reset: item;
    column-count: 2;
    column-gap: 80px;
    margin-top: 30px;
    padding: 10px 20px 5px 0;
    border-radius: 12px;
    background: rgb(243, 244, 244);
}

.legende li {
    display: block;
    border-radius: 12px;
    text-align: left;
    margin: 0 10px 15px 15px;
    padding-left: 40px;
    position: relative;
    width: calc(100% - 50px);
    break-inside: avoid;
}

.legende li:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: item;
    /* Counter mit dem Namen "step" wird verwendet */
    content: counter(item);
    /* Die entsprechende Zahl wird ausgegeben */
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: var(--main_color);
    padding: 2px;
    border-radius: 50%;
    color: #fff;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    font-size: 14px;
}

@media (max-width: 680px) {
    .legende li:before {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .legende {
        column-count: 1;
    }
    .legende li:before {
        width: 18px;
        height: 18px;
        font-size: 11px;
    }
}


/* #Service Leistungen
================================================== */

.wf_caption {
    position: relative;
    max-width: 100%!important;
    width: 100%!important;
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.wf_caption .teasercaption {
    padding: 5px 10px;
}

.bigdistance .item-image {
    position: relative;
}

.bigdistance .item-image:after {
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -15px;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: var(--pfeil);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* #Karriere Stellen
================================================== */

.wf_file_icon {
    margin: -2px 8px 0 0;
}


/* #Mediathek Blog Videos
================================================== */

.videopage .col {
    margin-bottom: 30px;
}


/* #Mediathek Blog News Aktuelles
================================================== */

.aktuelles .item-image.pull-left {
    margin: 0 0 0 0;
    float: none;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}


/* #Kontakt
================================================== */

.kontaktgroup {}

.kontaktgroup .col {
    margin-bottom: 30px;
}

.kontaktpic {
    display: block;
    margin: 0 auto 20px auto;
    max-width: 180px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: none;
}

.kontaktname,
.kontaktposition,
.kontaktnummer,
.kontaktmail {
    display: block;
    line-height: 1.4em;
    text-align: left;
    color: rgb(94, 94, 93);
}

.kontaktname {
    font-family: camptonmedium;
    margin-bottom: 10px;
}

.kontaktposition {}

.kontaktnummer {}

.kontaktmail {}

.control-label {
    float: left;
    width: 100px;
    margin-bottom: 10px;
    color: #777;
}

.page_newsletter input {
    border: 0;
    background: #777;
}

.page_newsletter .boxcontent {
    padding: 20px;
    margin-bottom: 20px;
    text-align: left;
}

.page_newsletter h3 {
    color: rgb(169, 0, 0);
    text-transform: none;
    margin-bottom: 30px;
}

.control-label {
    float: left;
    width: 100px;
    margin-bottom: 10px;
    color: #777;
}

.page_newsletter input {
    border: 0;
}


/* #Footer
================================================== */

.mod-languages {
    float: right;
    display: inline-block;
    margin-left: 15px;
}

div.mod-languages li {
    margin-left: 0px;
    margin-right: 0;
}

div.mod-languages li a {
    color: rgb(255, 255, 255);
}

div.mod-languages li a:hover {
    color: rgb(190, 190, 190);
}

div.mod-languages li.lang_divider {
    margin-left: 0px;
    margin-right: 0;
    color: #fff;
}

div.mod-languages li:first-child.lang_divider {
    display: none;
}

/* Start neuer Footer */
.footercontent {
    display: grid;
    grid-template-columns: 0.8fr max-content 1fr;
    grid-gap: 30px;
}
.footer_left {
    grid-column: 1 / 2;
    padding: 0 20px 0 0;
    align-items: center;

    display: grid;
    grid-template-columns: 1fr minmax(auto,6rem);
    grid-template-rows: 1fr 1fr;
    grid-gap: 20px;
}
.footer_line {
    grid-column: 2 / 3;
    width: 1px;
    background-color: #fff;
}
.footer_right {
    grid-column: 3 / 4;
    padding: 0 0 0 20px;
    align-items: center;

    display: grid;
    justify-items: end;
    grid-gap: 20px;
}

.footer_nav {
    grid-column: 1/2;
    grid-row: 1/2;
    margin: 0;
    padding: 0;
}
.footer_copy{
    grid-column: 1/2;
    grid-row: 2/3;
}
.footer_image {
    grid-column: 2/3;
    grid-row: 1/3;
}
.footer_social {

}
.footer_contact {
    grid-row: 2/3;

    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 20px;
}

.footer_nav li {
    margin: 0 10px 0 0;
    padding: 0;
}

.footer_nav li a {
    color: rgb(255, 255, 255);
}

.footer_nav li a:hover {
    color: rgb(243, 244, 244);
}
/* Ende neuer Footer */

.footermenu {
    margin: 0;
    padding: 0;
}

.footermenu li {
    display: inline-block;
    *display: inline;
    margin: 0 10px 0 0;
    padding: 0;
}

.footermenu li a {
    color: rgb(255, 255, 255);
}

.footermenu li a:hover {
    color: rgb(243, 244, 244);
}


/* #Links
================================================== */

a.zurueck {
    float: right;
}

a {
    color: var(--main_color);
    text-decoration: none;
    outline: 0;
}

a:hover {
    color: rgb(94, 94, 93);
    text-decoration: none;
}

a:visited,
a:focus {
    color: inherit;
}

.item-page a {
    color: var(--main_color);
}

.item-page a:hover {
    color: rgb(94, 94, 93);
}

.textlink {
    color: rgb(94, 94, 93);
}

.textlink:hover {
    color: var(--main_color);
}

.maillink {}

.vcflink {}

.btn {
    display: inline-block;
    margin: 0;
    padding: 10px 10px 10px 20px;
    line-height: 20px;
    font-size: 1em;
    font-family: 'camptonmedium';
    font-weight: 400;
    color: rgb(255, 255, 255);
    background-color: var(--main_color);
    cursor: pointer;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.btn:after {
    content: "";
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    background-color: var(--main_color);
    background-image: var(--pfeil);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn:hover {
    color: rgb(255, 255, 255);
}

.btn:hover:after {
    background-image: var(--pfeil_hover);
}

.btn.btn-navbar:after {
    display: none;
}

.readmore {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-size: 1em;
    font-family: 'camptonmedium';
    font-weight: 400;
    color: var(--main_color);
    cursor: pointer;
}

.readmore:after {
    content: "";
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background-color: transparent;
    background-image: var(--pfeil);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.readmore:hover {
    color: rgb(94, 94, 93);
}

.readmore:hover:after {
    background-image: var(--pfeil_hover);
}

.scrollTop {
    display: none;
    width: 40px;
    height: 40px;
    background: var(--main_color) url("../images/buttons.png") no-repeat 0 -90px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    text-indent: -9999px;
    transform: rotate(180deg);
    z-index: 1000;
}

.scrollTop:hover {
    background-color: #777;
}


/* #Listen
================================================== */

ul.pfeil {
    list-style: none;
    margin: 20px 0;
    padding: 0 0 0 0;
    position: relative;
    left: 30px;
    width: calc(95% - 30px);
}

ul.pfeil li {
    display: block;
    line-height: 1.6em;
    text-decoration: none;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    font-size: 1em;
    color: rgb(94, 94, 93);
    font-family: camptonlight;
    font-weight: 400;
}

ul.pfeil li:before {
    position: absolute;
    left: -30px;
    content: "";
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: transparent var(--pfeil_hover) no-repeat center center;
    background-size: 100%;
}

ul.pfeilgruen {
    list-style: none;
    margin: 20px 0;
    padding: 0 0 0 0;
    position: relative;
    left: 30px;
    width: calc(95% - 30px);
}

ul.pfeilgruen li {
    display: block;
    position: relative;
    line-height: 1.6em;
    text-decoration: none;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    font-size: 1em;
    color: rgb(94, 94, 93);
    font-family: camptonlight;
    font-weight: 400;
}

ul.pfeilgruen li:before {
    position: absolute;
    left: -30px;
    content: "";
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    top: 6px;
    background: transparent var(--pfeil) no-repeat center center;
    background-size: 100%;
}

ul.liste {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    position: relative;
    left: 16px;
    width: calc(95% - 16px);
}

.accordion-content ul.liste {
    left: 40px;
}

ul.liste li {
    display: block;
    line-height: 1.6em;
    text-decoration: none;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    font-size: 1em;
    font-family: camptonlight;
    font-weight: 400;
    text-indent: -7px;
    color: rgb(94, 94, 93);
}

ul.liste li:before {
    display: inline-block;
    line-height: 1em;
    font-size: 1em;
    content: "•\a0\a0";
}

.category-reportagen .wf_caption {
    max-width: 50% !important;
    width: 50% !important;
    font-size: 0.85em;
}

.category-reportagen .wf_caption img {
    border-radius: 12px;
}


/* #Responsive Styles
================================================== */

.header-text .mobile-version {
    display: none;
}

@media (max-width: 1300px) {}

@media (max-width: 1200px) {
    body {
        padding-top: 0;
    }
    .home .home-nav-btn {
        display: none;
    }
    .home .navbar-inner {
        overflow: visible;
    }
    .home #navigation {
        right: auto;
        opacity: 1;
    }
    .navbar .container {
        width: auto;
        padding: 0;
    }
    .nav-collapse {
        clear: both;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 0 0;
        padding: 20px 0;
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(200px,auto));
        grid-gap: 20px;
    }
    .nav-collapse .nav>li {
        float: none;
        margin: 0;
        display: block;
    }
    .nav-collapse .nav>.divider-vertical {
        display: none;
    }
    .navbar .nav>.active>a,
    .nav-collapse .nav>li>a,
    .nav-collapse .nav>li>.mod-menu__heading,
    .nav-collapse .mod-menu__sub a {
        padding: 0;
        font-weight: normal;
        color: rgb(73, 73, 72);
        font-size: 16px;
        text-shadow: none;
    }
    .nav-collapse .nav>li>.mod-menu__heading,
    .nav-collapse .nav>li>a {
        text-decoration: underline;
    }
    .nav-collapse .nav>li>.mod-menu__heading:hover,
    .nav-collapse .nav>li>a:hover {
        text-decoration: none;
    }

    .nav-collapse .nav>li>a:before,
    .nav-collapse .mod-menu__sub a:before {
        display: none;
    }
    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
    }
    .nav-collapse .mod-menu__sub li+li a {
        margin-bottom: 2px;
    }
    ul.nav > li > ul.mod-menu__sub {
        display: block;
        position: static;
        top: auto;
        left: auto;
        float: none;
        max-width: none;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        background-color: transparent;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .mod-menu__sub .mod-menu__sub {
        background-color: unset;
    }
    ul.nav > li > ul.mod-menu__sub li a {
        padding-left: 0;
    }
    ul.nav > li > ul.mod-menu__sub li a ul.mod-menu__sub li a {
        padding-left: 10px;
    }

    .nav-collapse .open>.mod-menu__sub {
        display: block;
    }
    .nav-collapse .mod-menu__sub:before,
    .nav-collapse .mod-menu__sub:after {
        display: none;
    }
    .nav-collapse .mod-menu__sub .divider {
        display: none;
    }
    .nav-collapse .nav>li>.mod-menu__sub:before,
    .nav-collapse .nav>li>.mod-menu__sub:after {
        display: none;
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
    }
    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0;
    }
    .nav {
        top: 0;
    }
    .nav-collapse,
    .nav-collapse.collapse {
        height: 0;
        overflow: hidden;
        background-color: rgb(255, 255, 255);
        top: 0;
        padding: 0;
        margin: 0;
        position: relative;
        z-index: 5000;
    }
    .navbar .btn-navbar {
        display: block;
    }
    .navbar-static .navbar-inner {
        padding-right: 10px;
        padding-left: 10px;
    }
    ul.mod-menu__sub {
        display: none;
        position: static;
        top: 100%;
        left: 0;
        z-index: 5;
        min-width: 160px;
        padding: 0 10px 5px 20px;
        border-top: 0px solid var(--main_color);
        background-color: rgb(255, 255, 255);
        background-color: rgba(255, 255, 255, 1);
    }
    ul.nav>li>ul.mod-menu__sub {
        position: relative!important;
    }

    .footercontent {
        display: block;
    }
    .footer_line {
        height: 1px;
        width: 100%;
        margin: 30px 0;
    }
    .footer_nav {
        margin-bottom: 20px;
    }
    .footer_social {
        margin-bottom: 20px;
    }
    .footer_copy {
        margin-bottom: 0;
    }
    .footer_left {
        padding: 0;
        display: block;
    }

    .footer_image img {
        margin: 20px 0;
        max-width: 125px;
    }
    .footer_right {
        padding: 0;
        display: block;
    }
}

@media (min-width: 1201px) {
    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }
}

@media (max-width: 1024px) {
    .sublinkgroup .col_1_of_4,
    .teaser_links .col_1_of_4,
    .teaser_links_home .col_1_of_4 {
        width: 47.9%;
        margin-bottom: 30px;
    }
    .sublinkgroup .col_1_of_4:nth-child(4n+1),
    .teaser_links .col_1_of_4:nth-child(4n+1),
    .teaser_links_home .col_1_of_4:nth-child(4n+1) {
        margin-left: 4%;
        clear: none;
    }
    .sublinkgroup .col_1_of_4:nth-child(2n+1),
    .teaser_links .col_1_of_4:nth-child(2n+1),
    .teaser_links_home .col_1_of_4:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }
    .teaser_links_home .col {
        box-flex: auto;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }
}

@media (max-width: 900px) {
    .col_1_of_2 {
        width: 100%;
        margin-left: 0;
        clear: both;
        margin-bottom: 30px;
    }
    .col_1_of_3:nth-child(3n+1) {
        margin-left: 2%;
        clear: none;
    }
    .col_1_of_3:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }
    .col_1_of_3 {
        width: 48%;
    }
}

@media (max-width: 680px) {
    body {
        font-size: 16px;
    }
    .col_1_of_3 {
        width: 100%;
        margin-left: 0;
        clear: both;
        margin-bottom: 20px;
    }
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 600px) {
    .group.equal {
        display: block;
    }
    .col_1_of_2,
    .col_1_of_3,
    .col_1_of_4,
    .sublinkgroup .col_1_of_4,
    .teaser_links .col_1_of_4,
    .teaser_links_home .col_1_of_4,
    .col_3_of_4 {
        width: 100%!important;
        margin-left: 0;
        clear: both;
        margin-bottom: 20px;
        float: none;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 14px;
    }
}