/*
Theme Name: abakus 2018
Theme URI: https://www.re7consulting.com
Author: re7consulting
Author URI: https://www.re7consulting.com
Description: Template für aba-abakus.de
Version: 2.3.4
Text Domain: abakus
*/

@import url("/vendor/css/main.css");


@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/roboto-condensed-v25-latin-300.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../img/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/roboto-condensed-v25-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../img/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/roboto-condensed-v25-latin-700.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../img/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

html { overflow-y:scroll; }
body {
	font-family:'Roboto Condensed', sans-serif;
	background:#fff;
	-webkit-font-smoothing:antialiased;
}

* {
	margin:0;
	padding:0;
	border:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
*:focus { outline:none; }

.outerWrap {
	width:100%;
	text-align:center;
	margin:0 auto;
	background:#fff;
}
.innerWrap { width:1600px; margin:0 auto; }

.clearfix:after {
    visibility:hidden;
    display:block;
    content:"";
    clear:both;
    height:0;
}
* html .clearfix { zoom:1; }
*:first-child+html .clearfix { zoom:1; }


/* HEADER */
header {
    width:100%;
    height:85px;
    position:fixed;
    top:0;
    left:0;
    z-index:9999 !important;
    background:#ffffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

header, header * {
    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out;
}

header a.logo {
    display:block;
    width:205px;
    /*width: 150px;*/
    height:85px;
    float:left;
    background:url("/img/abakus.svg") no-repeat center center;
    /*background:url("assets/images/abakus-25.png") no-repeat center center;*/
    background-size:auto 60px;
}

header nav {
    float:right;
}
header nav > ul {
    list-style:none;
    float:left;
}
header nav > ul > li {
    float:left;
    position:relative;
    overflow:hidden;
}
header nav > ul > li > a {
    display:block;
    height:85px;
    padding:0 22px;
    font-size:16px;
    font-weight:400;
    color:#444;
    line-height:84px;
    text-decoration:none;
    overflow:hidden;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
header nav > ul > li:before {
    display:block;
    width:100%;
    height:3px;
    content:"";
    position:absolute;
    bottom:-3px;
    left:0;
    background:#d64541;
    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out;
}
header nav > ul > li:hover > a,
header nav > ul > li.current-menu-item > a,
header nav > ul > li.current-menu-ancestor > a {
    color:#d64541;
}
header nav > ul > li:hover {
    overflow:visible;
}
header nav > ul > li:hover > ul {
    display:block;
}
header nav > ul > li:hover:before,
header nav > ul > li.current-menu-item:before,
header nav > ul > li.current-menu-ancestor:before {
    bottom:0;
}
header nav > ul > li.menu-item-has-children > a:after {
    display:inline-block;
    content:"";
    width:0;
    height:0;
    vertical-align:middle;
    margin:-1px 0 0 10px;
    border-top:4px solid #b7b7b7;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
header nav > ul > li.menu-item-has-children:hover > a:after {
    border-top:4px solid #d64541;
}
header nav > ul > li > ul {
    list-style:none;
    display:none;
    min-width:100%;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    border:1px solid #bfbfbf;
    border-top:0;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05);
}
header nav > ul > li > ul > li {
    display:block;
    border-bottom:1px solid #dadada;
}
header nav > ul > li > ul > li:last-child {
    border-bottom:0;
}
header nav > ul > li > ul > li > a {
    display:block;
    font-size:15px;
    font-weight:400;
    color:#6a6a6a;
    line-height:22px;
    text-decoration:none;
    padding:8px 15px;
    white-space:nowrap;
}
header nav > ul > li > ul > li:last-child > a {
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
header nav > ul > li > ul > li > a:hover,
header nav > ul > li > ul > li.current-menu-item > a,
header nav > ul > li > ul > li.current-menu-ancestor > a {
    color:#444;
    background:#f8f8f8;
}

header nav > ul > li > ul > li > ul {
    display:block;
    background:#fff;
    border-top:1px dotted #dadada;
}
header nav > ul > li > ul > li > ul > li {
    display:block;
    border-bottom:1px dotted #dadada;
}
header nav > ul > li > ul > li > ul > li:last-child {
    border-bottom:0;
}
header nav > ul > li > ul > li > ul > li > a {
    display:block;
    font-size:15px;
    font-weight:400;
    color:#6a6a6a;
    line-height:22px;
    text-decoration:none;
    padding:8px 15px;
    white-space:nowrap;
}
header nav > ul > li > ul > li > ul > li > a:before {
    content:"»";
    margin-right:10px;
}
header nav > ul > li > ul > li > ul > li > a:hover,
header nav > ul > li > ul > li > ul > li.current-menu-item > a {
    color:#444;
    background:#f8f8f8;
}


header nav > ul.lang > li > a {
    line-height:81px;
    padding-right:0;
}
header nav > ul.lang > li > a:before,
header nav > ul.lang > li > ul > li > a:before {
    display:inline-block;
    content:"";
    width:24px;
    height:16px;
    position:static;
    bottom:auto;
    left:auto;
    vertical-align:middle;
    background:url('../img/lang.png') no-repeat center top;
    background-size:24px auto;
}
header nav > ul.lang > li > ul > li {
    text-align:center;
}
header nav > ul.lang > li > ul > li > a:before {
    display:block;
    margin:0 auto;
}
header nav > ul.lang > li a[data-lang="de"]:before { background-position:0 0; }
header nav > ul.lang > li a[data-lang="pl"]:before { background-position:0 -16px; }
header nav > ul.lang > li a[data-lang="ro"]:before { background-position:0 -32px; }
header nav > ul.lang > li a[data-lang="hu"]:before { background-position:0 -48px; }
header nav > ul.lang > li a[data-lang="bg"]:before { background-position:0 -64px; }

header nav > a.button {
    float:left;
    padding:10px 14px !important;
    margin:22px 22px 0 22px;
}

header a.responsive-menu {
    display:none;
    position:absolute;
    top:12px;
    left:12px;
}


/* - SCROLL */
header.scroll {
    height:65px;
    z-index:99;
}
header.scroll a.logo {
    /*width:136px;*/
    width:102px;
    height:65px;
    background-size:auto 30px;
}
header.scroll nav > ul > li > a {
    height:65px;
    line-height:64px;
}
header.scroll nav > ul.lang > li > a {
    line-height:60px;
}

header.scroll nav > a.button {
    margin-top:12px;
}


/* - WP */
body.admin-bar header {
    top:32px;
}


/* FRONTPAGE */


/* - FRONTPAGE-SLIDER */
#frontpage-slider .mobile {
    display:none;
    position: relative;
    overflow: hidden;
}
#frontpage-slider .mobile img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#frontpage-slider .mobile .mobile-text {
    position: relative;
    z-index: 2;
    padding: 60px 20px 20px;
}
#frontpage-slider .mobile .mobile-text * {
    text-align: center;
}
#frontpage-slider .mobile .mobile-text h2 {
    margin-bottom: 0;
}
.ms-slide-info {
    position:absolute !important;
    bottom:110px;
    left:0;
}
.ms-slide-info .ms-info {
    width:1600px;
    margin:0 auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.ms-slide-info .ms-info p {
    width:655px;
    font-size:25px;
    font-weight:300;
    color:#686767;
    line-height:33px;
    text-align:left;
    margin-bottom:10px;
}
.ms-slide-info .ms-info p:last-child {
    margin-bottom:0;
}
.ms-slide-info .ms-info p b,
.ms-slide-info .ms-info p strong {
    font-size:40px;
    font-weight:400;
    line-height:48px;
    color:#d64541;
}


/* - FRONTPAGE-FORM */
#frontpage-form {
    position:relative;
    margin-top:-60px;
    z-index:10;
    background:transparent;
}
#frontpage-form .wrap {
    margin:0 -15px;
}
#frontpage-form .form-wrap {
    display:table;
    width:100%;
    height:100%;
    table-layout:fixed;
    border-spacing:15px;
}
#frontpage-form .field {
    display:table-cell;
    height:85px;
    vertical-align:middle;
    position:relative;
    padding:0 25px 0 64px;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.05);
}
#frontpage-form .field.city-diameter {
    padding-right:0;
}
#frontpage-form .field input[type="text"] {
    width:100%;
    height:49px;
    font-size:22px;
    font-weight:400;
    color:#444;
    line-height:22px;
    padding:0 78px 0 5px;
    border-bottom:2px dotted #dddddd;
}
#frontpage-form .field a {
    position:absolute;
    top:35px;
    right:25px;
    font-size:14px;
    font-weight:300;
    color:#dedede;
    line-height:14px;
    vertical-align:middle;
    text-decoration:none;
}
#frontpage-form .field a:before {
    display:inline-block;
    content:"";
    width:10px;
    height:10px;
    vertical-align:middle;
    margin:-2px 8px 0 0;
    background:url('../img/icon-form-delete@2x.png') no-repeat center center;
    background-size:auto 10px;
}
#frontpage-form .field.title {
    background:url('../img/icon-stichwort.svg') no-repeat left 15px center #fff;
    background-size:auto 35px;
}
#frontpage-form .field.city-diameter {
    background:url('../img/icon-einsatzort.svg') no-repeat left 22px center #fff;
    background-size:auto 35px;
}
#frontpage-form .field .city-diameter-wrap {
    display:table;
    width:100%;
    height:100%;
    table-layout:fixed;
    border-spacing:0;
}
#frontpage-form .field .city {
    display:table-cell;
    height:100%;
    vertical-align:middle;
    position:relative;
    padding-right:25px;
}

#frontpage-form .field .diameter {
    display:table-cell;
    width:128px;
    height:100%;
    vertical-align:middle;
    position:relative;
    border-left:1px solid #dadada;
}
#frontpage-form .field .diameter > label {
    font-size:14px;
    font-weight:300;
    color:#b8b8b8;
    line-height:14px;
    position:absolute;
    bottom:18px;
    left:24px;
}
#frontpage-form .field .diameter > .selectric-wrapper > .selectric {
    width:100%;
    height:83px;
    border:0;
    background:transparent;
}
#frontpage-form .field .diameter > .selectric-wrapper > .selectric > .label {
    height:83px;
    line-height:70px;
    font-size:22px;
    font-weight:400;
    color:#444;
    text-align:left;
    margin:0 38px 0 23px;
}
#frontpage-form .field .diameter > .selectric-wrapper > .selectric > .button {
    width:46px;
    height:83px;
    line-height:83px;
    background:transparent;
}
#frontpage-form .field .diameter > .selectric-wrapper > .selectric .button:after {
    top:6px;
    border:5px solid transparent;
    border-top-color:#dadada;
}
#frontpage-form .field .diameter > .selectric-wrapper > .selectric-items {
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
#frontpage-form .field .diameter > .selectric-wrapper > .selectric-items li {
    font-size:18px;
    font-weight:300;
    color:#666;
    line-height:20px;
    text-align:left;
    padding:10px 5px 10px 24px;
}
#frontpage-form .field .diameter > .selectric-wrapper > .selectric-items li:hover,
#frontpage-form .field .diameter > .selectric-wrapper > .selectric-items li.highlighted {
    background:#d0d0d0;
}

#frontpage-form .field.submit {
    width:150px;
    padding:0;
    background:#d64541;
    border:0;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
#frontpage-form .field.submit:hover {
    background:#444;
}
#frontpage-form .field.submit input {
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px;
    cursor:pointer;
    background:url('../img/icon-form-submit@2x.png') no-repeat center center transparent;
    background-size:29px 29px;
    border:0;
    -webkit-appearance:none;
}

#frontpage-form .extended .left {
    float:left;
    text-align:left;
}
#frontpage-form .extended .right {
    float:right;
    padding-right:165px;
}
#frontpage-form .extended .right p {
    font-size:15px;
    font-weight:300;
    color:#6a6a6a;
    line-height:35px;
    text-align:right;
}
#frontpage-form .extended .right p a {
    font-weight:400;
    color:#444;
    text-decoration:none;
    padding:0 2px;
    border-bottom:1px dotted #444;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
#frontpage-form .extended .right p a:hover {
    color:#d64541;
    border-bottom:1px dotted #d64541;
}

#frontpage-form .extended .extended-container {
    display:none;
    padding:25px 25px 5px 25px;
    margin:15px 0 0;
    position:relative;
    background:#f8f8f8;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#frontpage-form .extended .extended-container:before {
    display:block;
    content:"";
    width:12px;
    height:12px;
    position:absolute;
    top:-7px;
    left:20px;
    z-index:1;
    background:#f8f8f8;
    border-left:1px solid #dadada;
    border-top:1px solid #dadada;
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
#frontpage-form .extended .extended-container .filter {
    float:left;
    padding:0 20px 20px 0;
}
#frontpage-form .extended .extended-container .filter:last-child {
    padding-right:0;
}
#frontpage-form .extended .extended-container .filter > .selectric-wrapper > .selectric {
    width:100%;
    height:45px;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#frontpage-form .extended .extended-container .filter > .selectric-wrapper > .selectric > .label {
    height:45px;
    line-height:43px;
    font-size:16px;
    font-weight:300;
    color:#444;
    text-align:left;
    margin:0 35px 0 20px;
}
#frontpage-form .extended .extended-container .filter > .selectric-wrapper > .selectric > .button {
    width:35px;
    height:43px;
    line-height:43px;
    background:transparent;
}
#frontpage-form .extended .extended-container .filter > .selectric-wrapper > .selectric .button:after {
    top:6px;
    border:5px solid transparent;
    border-top-color:#dadada;
}
#frontpage-form .extended .extended-container .filter > .selectric-wrapper > .selectric-items {
    width:auto !important;
    min-width:100%;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
#frontpage-form .extended .extended-container .filter > .selectric-wrapper > .selectric-items li {
    font-size:16px;
    font-weight:300;
    color:#666;
    line-height:20px;
    text-align:left;
    white-space:nowrap;
    padding:10px 20px 10px 20px;
}
#frontpage-form .extended .extended-container .filter > .selectric-wrapper > .selectric-items li:hover,
#frontpage-form .extended .extended-container .filter > .selectric-wrapper > .selectric-items li.highlighted {
    background:#d0d0d0;
}


/* - FRONTPAGE-FOCUS */
#frontpage-focus {
    padding:38px 0;
}
#frontpage-focus .certificates {
    float:left;
}
#frontpage-focus .certificates ul {
    list-style:none;
}
#frontpage-focus .certificates li {
    float:left;
    margin-right:10px;
}
#frontpage-focus .certificates li:last-child {
    margin-right:0;
}
#frontpage-focus .certificates li a {
    display:block;
    height:72px;
    text-decoration:none;
}
#frontpage-focus .certificates li:last-child a {
    height: 82px;
}
#frontpage-focus .certificates li img {
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    opacity:0.8;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
#frontpage-focus .certificates:hover li img {
    opacity:1;
    -webkit-filter:grayscale(0%);
    filter:grayscale(0%);
}

#frontpage-focus .spot {
    float:right;
}
#frontpage-focus .spot a {
    display:block;
    width:300px;
    height:72px;
    text-decoration:none;
    background:#dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
#frontpage-focus .spot a:hover {
    box-shadow:0 8px 24px rgba(0,0,0,0.25);
    -webkit-transform:translate3d(0, -3px, 0);
    -ms-transform:translate3d(0, -3px, 0);
    transform:translate3d(0, -3px, 0);
}


/* - FRONTPAGE-GALERIE */
#frontpage-galerie {
    padding:25px 0 60px;
    overflow:hidden;
    background:#fff;
}
#frontpage-galerie h2 {
    font-size:28px;
    font-weight:400;
    color:#6a6a6a;
    line-height:34px;
    text-align:left;
    margin-bottom:30px;
}


/* - FRONTPAGE-JOBS */
#frontpage-jobs {
    padding:65px 0 0;
    position:relative;
    background:#f1f1f1;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
}
#frontpage-jobs:after {
    display:block;
    content:"";
    width:100%;
    height:186px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
    background:url('../img/frontpage-jobs-gradient.png') repeat-x center bottom;
}
#frontpage-jobs .innerWrap > h2 {
    font-size:28px;
    font-weight:400;
    color:#6a6a6a;
    line-height:34px;
    text-align:center;
    margin-bottom:38px;
}
#frontpage-jobs .innerWrap > h2 span {
    font-weight:700;
    color:#444;
    padding:0 2px;
    border-bottom:2px dotted #444;
}
#frontpage-jobs .innerWrap > a.button {
    position:relative;
    z-index:2;
    margin-top:-125px;
}

#frontpage-jobs #tms-app {
    width:1173px;
    margin:0 auto;
}


/* - FRONTPAGE-KACHELN */
.frontpage-kacheln {
    padding:65px 0 60px;
    overflow:hidden;
}
.frontpage-kacheln h2 {
    font-size:28px;
    font-weight:400;
    color:#6a6a6a;
    line-height:34px;
    text-align:center;
    margin-bottom:30px;
}
.kacheln {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
}

.kacheln.slider {
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.kacheln.slider::-webkit-scrollbar {
     display: none
}
.kachel {
    width: calc(25% - (10px * 3 / 4));
    flex: 0 0 auto;
    padding: 10px 0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.kachel a {
    display:block;
    width:100%;
    height: 100%;
    background:#ffffff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
	overflow:hidden;
    text-decoration: none;
    border: 1px solid #dadada;
}
.kachel .image {
    display:block;
    width:100%;
    height:0;
    padding-bottom:76.53%;
    position:relative;
    overflow: hidden;
}
.kachel .image img,
.kachel .image svg {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: 1;
    transition: all .2s ease-in-out;
}
.kachel .image:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #222222;
    mix-blend-mode: difference;
}
.kachel .label {
    width:100%;
    font-size:20px;
    font-weight:400;
    color:#222222;
    line-height:1.2;
    padding:45px 30px 30px;
    text-align: center;
    position: relative;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
.kachel .label:after {
    display: block;
    content: "";
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m15,7h-6V1c0-.55-.45-1-1-1s-1,.45-1,1v6H1c-.55,0-1,.45-1,1s.45,1,1,1h6v6c0,.55.45,1,1,1s1-.45,1-1v-6h6c.55,0,1-.45,1-1s-.45-1-1-1Z" fill="%23ffffff"/></svg>') #d64541 no-repeat center center;
    background-size: auto 18px;
    position: absolute;
    top: -24px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%);
    transition: all .2s;
}
.kachel:hover .image img {
    transform: scale(1.04);
}
.kachel:hover .label:after {
    background-color: #2b2b2b;
}

.kacheln_scrollbar {
    display: none;
    width: 100%;
    height: 3px;
    margin: 10px 0 0;
    background-color: #efefef;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.kacheln_scrollbar span {
    display: block;
    width: 0;
    height: 100%;
    background: #cdcdcd;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    transition: width .2s;
}


.frontpage-kacheln .extend {
    text-align:left;
    margin-top:35px;
}
.frontpage-kacheln .extend p {
    display:inline-block;
    font-size:15px;
    font-weight:400;
    color:#222;
    margin:0 10px 10px 0;
}
.frontpage-kacheln .extend ul {
    display:inline-block;
    list-style:none;
    padding:0;
    margin:0;
}
.frontpage-kacheln .extend li {
    display:inline-block;
    margin:0 10px 10px 0;
}
.frontpage-kacheln .extend li:last-child {
    margin-right:0;
}
.frontpage-kacheln .extend li a {
    font-size:15px;
    font-weight:400;
    color:#444;
    text-decoration:none;
    border-bottom:1px dotted #444;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
.frontpage-kacheln .extend li a:hover {
    color:#d64541;
    border-bottom:1px dotted #d64541;
}


/* - FRONTPAGE-NEWS & NEWS-ARCHIVE */
#news .wrap {
    padding:35px 0 32px;
}
#news .wrap h2 {
    font-size:28px;
    font-weight:400;
    color:#d64541;
    line-height:34px;
    text-align:left;
    margin-bottom:25px;
}
#news .beitraege,
#news-archive .beitraege {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
    margin:0 0 35px;
}
#news .beitrag,
#news-archive .beitrag {
    flex: 0 0 auto;
    width: calc(33.33% - (10px * 2 / 3));
    padding: 0;
    text-align: left;
    border: 1px solid #dadada;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#news .beitrag a.beitrag-inner,
#news-archive .beitrag a.beitrag-inner {
    display:block;
    width:100%;
    height: 100%;
    text-decoration:none;
    position: relative;
    padding-bottom: 100px;
}
#news .beitrag .image,
#news-archive .beitrag .image {
    display:block;
    width:100%;
    height:0;
    margin-bottom:25px;
    padding-bottom:51.44%;
    background-color:#dadada;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
#news .beitrag h4,
#news-archive .beitrag h4 {
    font-size:20px;
    font-weight:400;
    color:#444;
    line-height:26px;
    text-align:left;
    margin: 0 25px 5px;
}
#news .beitrag .date,
#news-archive .beitrag .date {
    font-size:15px;
    font-weight:400;
    color:#888888;
    text-align:left;
    line-height:22px;
    margin: 0 25px 15px;
}
#news .beitrag .excerpt,
#news-archive .beitrag .excerpt {
    font-size:16px;
    font-weight:400;
    color:#888888;
    text-align:justify;
    line-height:24px;
    margin: 0 25px;
}

#news .beitrag a.beitrag-inner:after,
#news-archive .beitrag a.beitrag-inner:after {
    display: block;
    content: "";
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="14"><path fill="none" fill-rule="evenodd" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 7h16M11 1l6 6-6 6"></path></svg>') #d64541 no-repeat center center;
    background-size: 18px auto;
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 9;
    transition: all .2s;
}

#news .beitrag a.beitrag-inner:hover:after,
#news-archive .beitrag a.beitrag-inner:hover:after {
    background-color: #2b2b2b;
}


/* - FRONTPAGE-CTA */
#frontpage-cta {
    background:#f0f0f0;
    border-top:1px solid #dadada;
    border-bottom:1px solid #dadada;
}
#frontpage-cta .innerWrap {
    overflow:hidden;
}
#frontpage-cta .wrap {
    margin:0 -50px;
}
#frontpage-cta .cta-wrap {
    display:table;
    width:100%;
    height:100%;
    table-layout:fixed;
    border-spacing:50px;
}
#frontpage-cta .cta {
    display:table-cell;
    width:33.33%;
    height:100%;
    padding:35px;
    vertical-align:middle;
    position:relative;
    overflow:hidden;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#frontpage-cta .cta.personalsuche,
#frontpage-cta .cta.mitarbeiter-werben {
    background:#d64541;
}
#frontpage-cta .cta.personalsuche img,
#frontpage-cta .cta.personalsuche svg,
#frontpage-cta .cta.mitarbeiter-werben img,
#frontpage-cta .cta.mitarbeiter-werben svg {
    display:block;
    position:absolute;
    bottom:-30px;
    right:-17px;
    z-index:1;
    width:299px;
    height:293px;
}
#frontpage-cta .cta.mitarbeiter-werben img,
#frontpage-cta .cta.mitarbeiter-werben svg {
    width:380px;
    height:239px;
    right:-36px;
}
#frontpage-cta .cta.mitarbeiter-werben img path,
#frontpage-cta .cta.mitarbeiter-werben svg path {
    fill:#c5403c !important;
}
#frontpage-cta .cta.personalsuche svg .b870b9c4-d6a0-486b-99fc-aa81e5b5b45f,
#frontpage-cta .cta.personalsuche svg .\34 e0a72ca-8efe-48f9-bd1d-f2bebefbe4b7{
    stroke:#c5403c;
}
#frontpage-cta .cta.personalsuche h4,
#frontpage-cta .cta.mitarbeiter-werben h4 {
    font-size:28px;
    font-weight:400;
    color:#fff;
    line-height:34px;
    text-align:center;
    position:relative;
    z-index:2;
    margin-bottom:18px;
}
#frontpage-cta .cta.personalsuche p,
#frontpage-cta .cta.mitarbeiter-werben p {
    font-size:17px;
    font-weight:300;
    color:#fff;
    line-height:23px;
    position:relative;
    z-index:2;
}
#frontpage-cta .cta a.button {
    margin-top:35px;
    position:relative;
    z-index:2;
}
#frontpage-cta .cta.aba-akademie {
    background:#fff;
    border:1px solid #dadada;
}
#frontpage-cta .cta.aba-akademie img {
    display:block;
    margin:0 auto 35px;
}
#frontpage-cta .cta.aba-akademie p {
    font-size:17px;
    font-weight:300;
    color:#444;
    line-height:23px;
}

#frontpage-cta .cta.personalsuche .wrap {
    margin:20px -15px 0;
    position:relative;
    z-index:2;
}
#frontpage-cta .cta.personalsuche .form-wrap {
    display:table;
    width:100%;
    height:100%;
    table-layout:fixed;
    border-spacing:10px;
}
#frontpage-cta .cta.personalsuche .field {
    display:table-cell;
    height:85px;
    vertical-align:middle;
    position:relative;
    padding:0 15px;
    background:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.05);
}
#frontpage-cta .cta.personalsuche .field.submit {
    width:85px;
    padding:0;
    background:#444;
    border:0;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
#frontpage-cta .cta.personalsuche .field.submit:hover {
    background:#222;
}
#frontpage-cta .cta.personalsuche .field.submit input {
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px;
    cursor:pointer;
    background:url('../img/icon-form-submit@2x.png') no-repeat center center transparent;
    background-size:29px 29px;
    border:0;
    -webkit-appearance:none;
}
#frontpage-cta .cta.personalsuche .field input[type="text"] {
    width:100%;
    height:49px;
    font-size:22px;
    font-weight:400;
    color:#444;
    line-height:22px;
    padding:0 78px 0 5px;
    border-bottom:2px dotted #dddddd;
}
#frontpage-cta .cta.personalsuche .field a {
    position:absolute;
    top:35px;
    right:25px;
    font-size:14px;
    font-weight:300;
    color:#dedede;
    line-height:14px;
    vertical-align:middle;
    text-decoration:none;
    margin:0;
}
#frontpage-cta .cta.personalsuche .field a:before {
    display:inline-block;
    content:"";
    width:10px;
    height:10px;
    vertical-align:middle;
    margin:-2px 8px 0 0;
    background:url('../img/icon-form-delete@2x.png') no-repeat center center;
    background-size:auto 10px;
}


/* - FRONTPAGE-TEXT */
.frontpage-text .content-column h2,
.frontpage-text .content-column h3 {
    font-size:22px;
    color:#444;
}
.frontpage-text .text p {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
}

.frontpage-text .text-1 {
    padding:35px 35px 32px;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.frontpage-text .text-2 {
    padding:65px 0 50px;
}

.frontpage-text .text-1 .content-column.two_third > div {
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:50px;
    -moz-column-gap:50px;
    column-gap:50px;
}
.frontpage-text .text-3 .content-column.full_width {
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
    -webkit-column-gap:50px;
    -moz-column-gap:50px;
    column-gap:50px;
}


/* FOOTER */
footer {
    padding:45px 0;
    background:#f8f8f8;
    border-top:1px solid #dadada;
}
footer .left {
    float:left;
    margin-right:100px;
}
footer .left a.logo {
    display:block;
    width:205px;
    height:60px;
    background:url("/img/abakus.svg") no-repeat center center;
    background-size:auto 60px;
}
footer .left .social-links {
    margin-top:110px;
}
footer .left .social-links ul {
    list-style:none;
}
footer .left .social-links ul li {
    float:left;
    margin-right:3px;
}
footer .left .social-links ul li a {
    display:block;
    width:45px;
    height:45px;
    line-height:44px;
    vertical-align:middle;
    text-align:center;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
footer .left .social-links ul li a img,
footer .left .social-links ul li a svg {
    display:inline-block;
    width:auto;
    height:17px;
    vertical-align:middle;
}
footer .left .social-links ul li a svg path,
footer .left .social-links ul li a svg rect {
    fill:#fff
}
footer .left .social-links ul li a.facebook { background:#507cbe; }
footer .left .social-links ul li a.google { background:#c0392b; }
footer .left .social-links ul li a.kununu { background:#99c613; }
footer .left .social-links ul li a.indeed { background:#1497ff; }
footer .left .social-links ul li a.linkedin { background:#90cadd; }
footer .left .social-links ul li a.xing { background:#009090; }
footer .left .social-links ul li a.instagram { background:#517fa4; }
footer .left .social-links ul li a.facebook:hover { background:#466ba3; }
footer .left .social-links ul li a.google:hover { background:#a03024; }
footer .left .social-links ul li a.kununu:hover { background:#7a9e0f; }
footer .left .social-links ul li a.indeed:hover { background:#107bd1; }
footer .left .social-links ul li a.linkedin:hover { background:#7caebd; }
footer .left .social-links ul li a.xing:hover { background:#097a7a; }
footer .left .social-links ul li a.instagram:hover { background:#486f8e; }

footer .left .cookies {
    margin:15px 0 0;
}

footer .left #footer-law {
    display:none;
    margin-top:35px;
}
footer .left #footer-law ul {
    list-style:none;
}
footer .left #footer-law li {
    display:inline-block;
    margin:0 10px;
}
footer .left #footer-law a {
    text-decoration:none;
    font-size:16px;
    font-weight:400;
    color:#444;
}

footer .right {
    overflow:hidden;
}
footer .right nav {
    float:right;
}
footer .right nav > ul {
    list-style:none;
}
footer .right nav > ul > li {
    float:left;
    margin-right:100px;
}
footer .right nav > ul > li:last-child {
    margin-right:0;
}
footer .right nav > ul > li > a {
    font-size:28px;
    font-weight:400;
    color:#444;
    line-height:34px;
    text-align:left;
    text-decoration:none;
}
footer .right nav > ul > li > ul {
    list-style:none;
}
footer .right nav > ul > li > ul > li {
    float:left;
    margin-right:60px;
}
footer .right nav > ul > li > ul > li:last-child {
    margin-right:0;
}
footer .right nav > ul > li > ul > li > a {
    display:none;
}
footer .right nav > ul > li > ul > li > ul {
    display:block;
    max-width:160px;
    list-style:none;
    margin-top:20px;
}
footer .right nav > ul > li > ul > li > ul > li {
    margin-bottom:8px;
}
footer .right nav > ul > li > ul > li > ul > li:last-child {
    margin-bottom:0;
}
footer .right nav > ul > li > ul > li > ul > li a {
    font-size:15px;
    font-weight:400;
    color:#888;
    line-height:22px;
    text-decoration:none;
}


/* SUBPAGE */

/* - SUBPAGE-TEXT */
.subpage-text .innerWrap {
    padding:65px 0;
}

.subpage-text.has-sidebar aside {
    width:385px;
    float:right;
    margin-left:50px;
}
.subpage-text.has-sidebar .text {
    overflow:hidden;
}
.subpage-text.has-sidebar h1 {
    margin-bottom:35px;
}
.subpage-text.has-sidebar .text-box {
    text-align:left;
    padding:35px;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.subpage-text.has-sidebar .text-box.text-box-more {
    margin-top:25px;
}

.subpage-text .wpcf7 form h2:first-of-type {
    margin-top:0;
}
.subpage-text .wpcf7 .row.last-row {
    margin-bottom:0;
}


/* NEWS-ARCHIVE */
#news-archive .innerWrap {
    padding:65px 0;
}
#news-archive .wrap h1 {
    font-size:28px;
    font-weight:400;
    color:#d64541;
    line-height:34px;
    text-align:left;
    margin:0 0 15px;
}
#news-archive .wrap h1 + .text {
    margin:0 0 35px;
}

#news-archive .categories {
    text-align:left;
    margin-bottom:25px;
}
#news-archive .categories p {
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
    font-weight:400;
    margin-right:10px;
}
#news-archive .categories p.back {
    margin-right:25px;
}
#news-archive .categories p a {
    font-size:14px;
    font-weight:300;
    color:#939393;
    text-decoration:none;
}
#news-archive .categories p a:hover {
    color:#d64541;
}
#news-archive .categories p a img,
#news-archive .categories p a svg {
    width:auto;
    height:100%;
    max-height:9px;
    max-width:20px;
    margin-right:5px;
    fill:#939393;
}
#news-archive .categories p a:hover svg {
    fill:#d64541;
}
#news-archive .categories ul {
    display:inline-block;
    vertical-align:middle;
    list-style:none;
    padding:0;
    margin:0;
}
#news-archive .categories ul li {
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}
#news-archive .categories ul li:last-child {
    margin-right:0;
}
#news-archive .categories ul li a {
    text-decoration:none;
}
#news-archive .categories ul li a.current {
    background:#eaeaea;
}

#news-archive .wrap aside {
    width:385px;
    float:right;
    margin-left:40px;
}

#news-archive .no-news {
    overflow:hidden;
}
#news-archive .no-news p {
    text-align:left;
}


/* PAGINATION */
.pagination {
    text-align:right;
    margin-top:15px;
}
.pagination .page-numbers {
    display:inline-block;
    font-size:15px;
    font-weight:400;
    color:#6a6a6a;
    line-height:20px;
    text-decoration:none;
    padding:8px 15px;
    margin-right:4px;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:not(.dots):hover {
    background:#f8f8f8;
}
.pagination .page-numbers.dots {
    background:transparent;
    border:0;
}
.pagination .page-numbers.next {
    margin-right:0;
}


/* NEWS-DETAIL */
#news-detail {
    position:relative;
    padding-bottom:65px;
}
#news-detail:after {
    display:block;
    content:"";
    width:100%;
    height:250px;
    position:absolute;
    top:85px;
    left:0;
    z-index:1;
    background:#f1f1f1;
    border-bottom:1px solid #e9e9e9;
}
#news-detail .innerWrap {
    position:relative;
    text-align:left;
    z-index:2;
    padding:50px 0 0;
}

#news-detail .text-wrap > a {
    font-size:14px;
    font-weight:300;
    color:#939393;
    text-decoration:none;
}
#news-detail .text-wrap > a:hover {
    color:#d64541;
}
#news-detail .text-wrap > a svg {
    width:auto;
    height:100%;
    max-height:9px;
    max-width:20px;
    margin-right:5px;
    fill:#939393;
}
#news-detail .text-wrap > a:hover svg {
    fill:#d64541;
}
#news-detail .text-wrap {
    overflow:hidden;
}
#news-detail .text {
    padding:20px;
    margin:35px 0 0;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#news-detail .text h1 {
    margin-top:0;
}
#news-detail aside {
    width:385px;
    float:right;
    margin:52px 0 0 50px;
}
#news-detail aside > a {
    display:block;
    margin-bottom:25px;
}


/* GESCHÄFTSSTELLE */
#geschaeftsstelle-intro {
    position:relative;
    padding-bottom:65px;
}
#geschaeftsstelle-intro:after {
    display:block;
    content:"";
    width:100%;
    height:300px;
    position:absolute;
    top:85px;
    left:0;
    z-index:1;
    background:#f1f1f1;
    border-bottom:1px solid #e9e9e9;
}
#geschaeftsstelle-intro .innerWrap {
    position:relative;
    text-align:left;
    z-index:2;
}
#geschaeftsstelle-intro .image-contact-wrap {
    display:table;
    width:100%;
    table-layout:fixed;
    position:relative;
    top:50px;
    margin-bottom:70px;
}
#geschaeftsstelle-intro .image-contact-wrap .image {
    display:table-cell;
    height:100%;
    vertical-align:top;
    padding:20px;
    position:relative;
    background-color:#fff;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left bottom;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#geschaeftsstelle-intro .image-contact-wrap .image-label {
    font-size:32px;
    font-weight:400;
    color:#d64541;
    line-height:32px;
    padding:25px;
    position:absolute;
    bottom:0;
    left:0;
}
#geschaeftsstelle-intro .image-contact-wrap .space {
    display:table-cell;
    height:100%;
    vertical-align:top;
    width:50px;
}
#geschaeftsstelle-intro .image-contact-wrap aside {
    display:table-cell;
    width:385px;
    height:100%;
    vertical-align:top;
    padding:20px;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

#geschaeftsstelle-intro .intro .text-wrap > a {
    font-size:14px;
    font-weight:300;
    color:#939393;
    text-decoration:none;
}
#geschaeftsstelle-intro .intro .text-wrap > a:hover {
    color:#d64541;
}
#geschaeftsstelle-intro .intro .text-wrap > a svg {
    width:auto;
    height:100%;
    max-height:9px;
    max-width:20px;
    margin-right:5px;
    fill:#939393;
}
#geschaeftsstelle-intro .intro .text-wrap > a:hover svg {
    fill:#d64541;
}
#geschaeftsstelle-intro .intro .text-wrap {
    overflow:hidden;
}
#geschaeftsstelle-intro .intro .text {
    padding:20px;
    margin:35px 0 0;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#geschaeftsstelle-intro .intro .text h1 {
    margin-top:0;
}
#geschaeftsstelle-intro .intro aside {
    width:385px;
    float:right;
    margin:5px 0 0 50px;
}
#geschaeftsstelle-intro .intro aside .text {
    margin-top:0;
}
#geschaeftsstelle-intro .intro aside > a {
    display:block;
    margin-bottom:25px;
}


/* SIDEBAR */
aside .logo {
    text-align:left;
    margin-bottom:35px;
}
aside .logo img {
    display:block;
    max-width:95%;
    max-height:50px;
}

aside .image {
    width:100%;
    height:0;
    padding-bottom:51.44%;
    margin-bottom:25px;
    background-color:#dadada;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

aside .contact {
    font-size:17px;
    font-weight:400;
    color:#444;
    line-height:26px;
    text-align:left;
}
aside .contact p {
    margin-bottom:10px;
}
aside .contact p:last-child {
    margin-bottom:0;
}
aside .contact a {
    text-decoration:none;
    color:#000;
    border-bottom:1px dotted #000;
}

aside .block {
    padding:20px;
    margin-bottom:25px;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
aside .block.text {
    margin-top:0 !important;
}
aside .block > h4 {
    font-size:18px;
    font-weight:400;
    color:#444;
    line-height:22px;
    text-align:center;
    margin-bottom:20px;
}

aside .contact h4 {
    text-align:left;
}

aside .certificates ul {
    list-style:none;
    text-align:center;
}
aside .certificates li {
    display:inline-block;
    margin:0 10px 10px 0;
}
aside .certificates li.break {
    display:block;
    margin:0;
}
aside .certificates li:last-child {
    margin-right:0;
}
aside .certificates li a {
    display:block;
    height:72px;
    text-decoration:none;
}
aside .certificates li a.h-88{
    height:88px;
}
aside .certificates li a.h-68{
    height:68px;
}
aside .certificates li img {
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
aside.certificates:hover li img {
    opacity:1;
    filter:grayscale(0%);
}
aside .certificates li img[src*="tuev-scc-bremen"] {
    max-height: calc(100% + 10px);
    margin-bottom: 10px;
}

aside .social-media ul {
    list-style:none;
    text-align:center;
}
aside .social-media li {
    display:inline-block;
    vertical-align:top;
    margin-right:3px;
}
aside .social-media a {
    display:block;
    width:44px;
    height:44px;
    line-height:43px;
    text-align:center;
    background:#444;
    overflow:hidden;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
aside .social-media a svg,
aside .social-media a img {
    display:inline-block;
    width:auto;
    height:17px;
    vertical-align:middle;
}
aside .social-media a svg path,
aside .social-media a svg rect {
    fill:#fff
}
aside .social-media a.facebook { background:#507cbe; }
aside .social-media a.google { background:#c0392b; }
aside .social-media a.kununu { background:#99c613; }
aside .social-media a.indeed { background:#1497ff; }
aside .social-media a.linkedin { background:#90cadd; }
aside .social-media a.xing { background:#009090; }
aside .social-media a.instagram { background:#517fa4; }
aside .social-media a.facebook:hover { background:#466ba3; }
aside .social-media a.google:hover { background:#a03024; }
aside .social-media a.kununu:hover { background:#7a9e0f; }
aside .social-media a.indeed:hover { background:#107bd1; }
aside .social-media a.linkedin:hover { background:#7caebd; }
aside .social-media a.xing:hover { background:#097a7a; }
aside .social-media a.instagram:hover { background:#486f8e; }


#geschaeftsstelle-jobs {
    padding:65px 0 35px;
    background:#f1f1f1;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
}
#geschaeftsstelle-jobs h2 {
    font-size:28px;
    font-weight:400;
    color:#6a6a6a;
    line-height:34px;
    text-align:center;
    margin-bottom:38px;
}
#geschaeftsstelle-jobs h2 span {
    font-weight:700;
    color:#444;
    padding:0 2px;
    border-bottom:2px dotted #444;
}


#geschaeftsstelle-galerie {
    padding:60px 0 15px;
    overflow:hidden;
    background:#fff;
}
#geschaeftsstelle-galerie h2 {
    font-size:28px;
    font-weight:400;
    color:#6a6a6a;
    line-height:34px;
    text-align:center;
    margin-bottom:30px;
}

#geschaeftsstelle-vorteile {
    padding:65px 0 0;
}
#geschaeftsstelle-vorteile .innerWrap {
    overflow:hidden;
}
#geschaeftsstelle-vorteile .vorteile {
    margin:0 -10px;
}
#geschaeftsstelle-vorteile .wrap {
    display:table;
    width:100%;
    table-layout:fixed;
    border-spacing:10px;
}
#geschaeftsstelle-vorteile .left {
    display:table-cell;
    width:50%;
    height:100%;
    vertical-align:top;
    padding:20px;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#geschaeftsstelle-vorteile .right {
    display:table-cell;
    width:50%;
    height:100%;
    vertical-align:top;
    padding:20px;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#geschaeftsstelle-vorteile h3 {
    color:#d64541;
    margin-bottom:30px;
}


#geschaeftsstelle-subtext-1 {
    padding:10px 0 75px;
}
#geschaeftsstelle-subtext-2 {
    padding:65px 0;
}
#geschaeftsstelle-subtext-1 .text h2,
#geschaeftsstelle-subtext-1 .text h3,
#geschaeftsstelle-subtext-2 .text h2,
#geschaeftsstelle-subtext-2 .text h3 {
    font-size:22px;
}
#geschaeftsstelle-subtext-1 .text p,
#geschaeftsstelle-subtext-2 .text p {
    break-inside:avoid-column;
    -webkit-column-break-inside:avoid;
}


/* GESCHÄFTSSTELLEN */
#geschaeftsstellen-uebersicht {
    padding-top:0;
}


/* FACHKRAEFTE */

/* - GALERIE */
#fachkraefte-galerie {
    padding:60px 0 65px;
    overflow:hidden;
    background:#f1f1f1;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
}
#fachkraefte-galerie h2 {
    font-size:28px;
    font-weight:400;
    color:#6a6a6a;
    line-height:34px;
    text-align:center;
    margin-bottom:30px;
}

/* - UEBERSICHT */
#fachkraefte-uebersicht {
    padding:60px 0;
}
#fachkraefte-uebersicht h2 {
    font-size:28px;
    font-weight:400;
    color:#d64541;
    line-height:34px;
    text-align:left;
    margin-bottom:30px;
}
#fachkraefte-uebersicht .fachabteilungen {}
#fachkraefte-uebersicht .fachabteilungen .fachabteilung {
    display:table;
    width:100%;
    margin-bottom:25px;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
     -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
#fachkraefte-uebersicht .fachabteilungen .fachabteilung:last-child {
    margin-bottom:0;
}
#fachkraefte-uebersicht .fachabteilungen .fachabteilung:hover {
    box-shadow:0 8px 24px rgba(0,0,0,0.25);
    -webkit-transform:translate3d(0, -3px, 0);
    -ms-transform:translate3d(0, -3px, 0);
    transform:translate3d(0, -3px, 0);
}
#fachkraefte-uebersicht .fachabteilungen .fachabteilung .image {
    display:table-cell;
    vertical-align:top;
    width:20%;
    max-width:300px;
    height:100%;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    background-color:#dedede;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
#fachkraefte-uebersicht .fachabteilungen .fachabteilung .image a {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
#fachkraefte-uebersicht .fachabteilungen .fachabteilung .description {
    display:table-cell;
    vertical-align:top;
    padding:20px;
    text-align:left;
    position:relative;
}
#fachkraefte-uebersicht .fachabteilungen .fachabteilung .description > a:not(.button) {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
#fachkraefte-uebersicht .fachabteilungen .fachabteilung .description h4 {
    font-size:24px;
    font-weight:400;
    color:#444;
    line-height:30px;
    text-align:left;
    margin-bottom:15px;
}
#fachkraefte-uebersicht .fachabteilungen .fachabteilung .description p {
    text-align:left;
    margin-bottom:25px;
}
#fachkraefte-uebersicht .fachabteilungen .fachabteilung .description a.button {
    padding:10px 14px !important;
}

/* - TEXT 1 */
#fachkraefte-subtext-1 {
    padding:60px 0 0;
}


/* MULTILINGUAL */

/* - TEXT 1 */
#multilingual-subtext-1 {
    padding:60px 0;
}


/* FACHBEREICHE */
#fachbereiche-uebersicht .innerWrap {
    padding-bottom:0;
}


/* ABA-AKADEMIE */
#aba-akademie .schulungen-wrap {
    margin:25px -10px 0;
}
#aba-akademie .schulungen {
    display:table;
    width:100%;
    vertical-align:top;
    border-spacing:10px;
}
#aba-akademie .schulungen .schulung {
    display:table-cell;
    width:33.33%;
    padding:25px;
    vertical-align:top;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#aba-akademie .schulungen .schulung img {
    display:block;
    margin:0 auto 25px;
}
#aba-akademie .schulungen .schulung h3 {
    text-align:center;
    color:#d64541;
}
#aba-akademie .schulungen .schulung h4 {
    color:#d64541;
}
#aba-akademie .schulungen .schulung .intro {
    margin-bottom:35px;
}


/* CONTENT-KACHELN */
.content-kacheln-wrap {
    overflow:hidden;
    margin:25px 0 0;
}
.content-kacheln {
    text-align:left;
    margin:0 -10px;
}
.content-kacheln .content-kachel {
    display:inline-block;
    width:33%;
    vertical-align:top;
    padding:0 10px;
    background:#fff;
    margin-bottom:20px;
}
.content-kacheln .content-kachel.empty {
    border:0;
}
.content-kacheln .content-kachel .image {
    width:100%;
    height:150px;
    position:relative;
    overflow:hidden;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.content-kacheln .content-kachel .image img {
    display:block;
    width:auto;
    height:auto;
    max-width:90%;
    max-height:90%;
    position:absolute;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
    margin:auto;
}
.content-kacheln .content-kachel .text {
    margin:20px 0 50px;
}
.content-kacheln .content-kachel h4 {
    color:#d64541;
}


/* WIKI-ENTRIES */
.wiki-entries {
    margin:50px 0 0;
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
    -webkit-column-gap:50px;
    -moz-column-gap:50px;
    column-gap:50px;
}
.wiki-entries .entry {
    display:inline-block;
    width:100%;
    margin:0 0 30px;
}
.wiki-entries .entry > h3 {
    font-size:28px;
    font-weight:400;
    color:#d64541;
    line-height:34px;
    text-align:left;
    margin-bottom:20px;
}
.wiki-entries .entry > ul {
    list-style:none;
    padding:0;
    margin:0;
}
.wiki-entries .entry > ul li {
    margin:0 0 5px;
}
.wiki-entries .entry > ul li a {
    display:block;
    width:100%;
    padding:10px 20px;
    font-size:17px;
    font-weight:400;
    color:#444;
    line-height:26px;
    text-align:left;
    text-decoration:none;
    background:#f0f0f0;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.wiki-entries .entry > ul li a:hover {
    background:#eaeaea;
}


/* AÜG-REFORM */
.aueg-table {
    display:table;
    width:100%;
    background:#f0f0f0;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.aueg-table > div {
    display:table-cell;
    padding:25px;
    vertical-align:top;
}
.aueg-table .book {
    padding:25px 35px 0 25px;
}
.aueg-table .book img {
    display:block;
    width:auto;
    max-height:350px;
}

.aueg-table .wpcf7 {
    padding:0;
    border:0;
}
.aueg-table .wpcf7 .row {
    margin:0 0 10px;
}
.aueg-table .wpcf7 .row .column {
    width:100%;
}
.aueg-table .wpcf7 .row.checks {
    margin:20px 0;
}
.aueg-table .wpcf7 input[type="text"],
.aueg-table .wpcf7 input[type="tel"],
.aueg-table .wpcf7 input[type="email"],
.aueg-table .wpcf7 input[type="date"] {
    max-width:350px;
    margin:0;
}

.aueg-table .wpcf7 p:last-of-type {
    margin-bottom:0;
}


/* ERFOLGSGESCHICHTEN */
#erfolgsgeschichten-uebersicht .innerWrap {
    padding-bottom:0;
}


/* STANDARD-PAGE */
#standard-page {
    position:relative;
}
#standard-page .innerWrap {
    position:relative;
    z-index:2;
}
#standard-page:after {
    display:block;
    content:"";
    width:100%;
    height:250px;
    position:absolute;
    top:85px;
    left:0;
    z-index:1;
    background:#f1f1f1;
    border-bottom:1px solid #e9e9e9;
}


/* AGB */
body.page-id-316 .text-box ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
body.page-id-316 .text-box ul li {
	display:block;
	width:100%;
    margin-bottom:0;
	border-bottom:1px solid #dadada;
}
body.page-id-316 .text-box ul li a {
	display:block;
	width:100%;
    font-size:16px;
    font-weight:400;
    color:#444;
    line-height:24px;
	padding:10px 10px 10px 42px;
    position:relative;
	text-align:left;
    border:0;
}
body.page-id-316 .text-box ul li a:hover {
    border-bottom:0;
    background-color:#eaeaea;
}
body.page-id-316 .text-box ul li a:before {
	display:inline-block;
	content:"";
	width:24px;
	height:32px;
	vertical-align:middle;
    position:absolute;
    top:6px;
    left:7px;
	background:url('../img/icon-pdf.png') no-repeat left center;
}


/* CD */

/* - TEXT */
.text {
    font-size:17px;
    font-weight:400;
    color:#444;
    line-height:26px;
}
.text p {
    text-align:justify;
    margin-bottom:25px;
}
.text ul,
.text ol {
    padding-left:18px;
    margin-bottom:25px;
}
.text li {
    text-align:left;
    margin-bottom:5px;
}

.text a:not(.button):not(.no-highlight):not([ng-href]):not(._brlbs-btn-cookie-preference) {
    color:#000;
    text-decoration:none;
    border-bottom:1px dotted #000;
}

.text h1 {
    font-size:32px;
    font-weight:400;
    color:#d64541;
    line-height:34px;
    text-align:left;
    margin:0 0 20px;
}
.text h2 {
    font-size:25px;
    font-weight:400;
    color:#d64541;
    line-height:34px;
    text-align:left;
    margin:0 0 20px;
}
.text h3 {
    font-size:22px;
    font-weight:400;
    color:#222;
    line-height:34px;
    text-align:left;
    margin:0 0 20px;
}
.text h4 {
    font-size:19px;
    font-weight:400;
    color:#222;
    line-height:28px;
    text-align:left;
    margin:0 0 20px;
}
.text h5 {
    font-size:18px;
    font-weight:400;
    color:#222;
    line-height:26px;
    text-align:left;
    margin:0 0 20px;
}
.text h6 {
    font-size:16px;
    font-weight:700;
    color:#222;
    line-height:22px;
    text-align:left;
    margin:0 0 20px;
}
.text p + h2, .text p + h3, .text p + h4, .text p + h5, .text p + h6,
.text ul + h2, .text ul + h3, .text ul + h4, .text ul + h5, .text ul + h6,
.text ol + h2, .text ol + h3, .text ol + h4, .text ol + h5, .text ol + h6,
.text div + h2, .text div + h3, .text div + h4, .text div + h5, .text div + h6,
.text script + h2, .text script + h3, .text script + h4, .text script + h5, .text script + h6 {
    margin-top:45px;
}

.text b,
.text strong {
	font-weight:700;
}

.text img {
	max-width:100%;
	height:auto;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.text *:not(div):last-child {
	margin-bottom:0;
}

.text .content-column {
    margin-bottom:25px;
}

.text hr {
    margin-bottom:25px;
    border-top:1px dashed #dadada;
}


/* - BUTTONS */
.button {
    display:inline-block;
    font-family:'Roboto Condensed', sans-serif;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    white-space:normal;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-appearance:none;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}

.button.red {
    font-size:15px;
    font-weight:400;
    color:#fff;
    line-height:18px;
    padding:14px 35px 13px;
    background:#d64541;
}
.button.red:hover,
.button.red.active {
    background:#444;
}

.button.dark {
    font-size:15px;
    font-weight:400;
    color:#fff;
    line-height:18px;
    padding:14px 35px 13px;
    background:#444;
}
.button.dark:hover,
.button.dark.active {
    background:#222;
}

.button.white {
    font-size:15px;
    font-weight:400;
    color:#d64541;
    line-height:18px;
    padding:14px 35px 13px;
    background:#fff;
}
.button.white:hover,
.button.white.active {
    background:#dadada;
}

.button.light {
    font-size:15px;
    font-weight:300;
    color:#6a6a6a;
    line-height:17px;
    padding:8px 10px 8px;
    background:#f8f8f8;
    border:1px solid #dadada;
}
.button.light:hover,
.button.light.active {
    background:#eaeaea;
}

.button.icon-gear:before {
    display:inline-block;
    content:"";
    width:14px;
    height:14px;
    vertical-align:middle;
    margin:-2px 10px 0 0;
    background:url('../img/icon-gear.svg') no-repeat center center;
    background-size:14px 14px;
}


/* - SIGNATUR */
.aba-signatur {
    display:block;
    width:100%;
    text-align:right;
}
.aba-signatur img {
    display:block !important;
    margin:0 0 5px auto;
}
.aba-signatur p {
    font-size:16px;
    font-weight:300;
    color:#888;
    text-align:right;
    margin:0;
}


/* - ACCORDION */
.aba-accordion {
    margin-bottom:25px;
}
.aba-accordion .entry {
    margin:0 0 10px;
    background:#fff;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.aba-accordion .entry:last-child {
    margin-bottom:0;
}
.aba-accordion .entry .title {
    font-size:19px;
    font-weight:400;
    color:#444;
    line-height:26px;
    text-align:left;
    padding:10px 50px 10px 20px;
    cursor:pointer;
    position:relative;
    background:#f0f0f0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    overflow:hidden;
}
.aba-accordion .entry .title:after {
    display:block;
    content:"";
    width:24px;
    height:24px;
    position:absolute;
    top:50%;
    right:20px;
    margin-top:-12px;
    background:url('../img/icon-accordion@2x.png') no-repeat center center;
    background-size:24px 24px;
    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out;
}
.aba-accordion .entry .text {
    display:none;
    padding:20px;
    border-top:1px dotted #b3b3b3;
}
.aba-accordion .entry.active .title,
.aba-accordion .entry .title:hover {
    background:#eaeaea;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.aba-accordion .entry.active .title:after,
.aba-accordion .entry .title:hover:after {
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}
.aba-accordion .entry.active .title:hover:after {
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
.aba-accordion .entry.active .text {
    display:block;
}


/* - CTA */
.cta {
    text-align:center;
    padding:45px 0;
    background:#d64541;
}
section.cta + section.cta {
    display:none;
}
.cta h4 {
    font-size:28px;
    font-weight:400;
    color:#fff;
    line-height:34px;
    text-align:center;
    margin-bottom:10px;
}
.cta p {
    font-size:16px;
    font-weight:400;
    color:#fff;
    line-height:22px;
    text-align:center;
}
.cta a {
    margin-top:25px;
}


/* - WP */
.wp-caption {
	max-width:100%;
	padding:25px;
    border:1px solid #dadada;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.wp-caption img {
    display:block;
	max-width:100%;
	height:auto;
    margin-bottom:20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.wp-caption p.wp-caption-text {
	font-size:14px;
	font-style:italic;
	color:#444;
	margin-bottom:0;
}

.wp-caption + h1, .wp-caption + h2, .wp-caption + h3, .wp-caption + h4, .wp-caption + h5, .wp-caption + h6 {
	margin-top:25px;
}
h1 + .wp-caption, h2 + .wp-caption, h3 + .wp-caption, h4 + .wp-caption, h5 + .wp-caption, h6 + .wp-caption {
	padding-top:0;
}

.alignright {
    float:right;
    margin-left:35px;
    margin-bottom:35px;
}
.alignleft {
    float:left;
    margin-right:35px;
    margin-bottom:35px;
}
.aligncenter {
    float:none;
    margin-left:auto;
    margin-right:auto;
}



/* EXT: COOKIE-BAR */
#cookie-notice {
	font-size:15px !important;
	color:#444 !important;
	background:#dedede !important;
	border-top:1px solid #bfbfbf;
}
.cookie-notice-container {
	padding:12px;
}
.cookie-notice-container #cn-notice-text {
    display:inline-block;
    max-width:900px;
    text-align:left;
    vertical-align:middle;
    margin-right:75px;
}
.cookie-notice-container #cn-notice-text a {
	color:#000;
	text-decoration:none;
    border-bottom:1px dotted #000;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
.cookie-notice-container #cn-notice-text a:hover {
    color:#d64541;
    border-bottom:1px dotted #d64541;
}
.cookie-notice-container #cn-accept-cookie {
	display:inline-block;
    vertical-align:middle;
}


/* EXT: TALENTION */
#tms-app form,
#tms-app .filter-label,
#tms-app #tms-job-list .job-list-hits {
    display:none !important;
}
#tms-app #tms-job-list .job-item-header {
    padding-top:13px !important;
    padding-bottom:13px !important;
}
#tms-app #tms-job-list .job-item-header > .cell.title {
    text-align:left;
}
#tms-app #tms-job-list .job-item-iteration > .cell {
    font-size:15px;
    color:#6a6a6a;
    padding-top:11px;
    padding-bottom:11px;
}
#tms-app #tms-job-list .job-item-iteration > .cell.title {
    font-size:17px;
    font-weight:300;
    color:#000;
    text-align:left;
    line-height:22px;
}
#tms-app .hits-per-page,
#tms-app .hits-per-page + div {
    display:none;
}
#tms-app #tms-no-hits .cell.large-shrink {
    display:none;
}


/* EXT: MMENU */
.mm-slideout {
	z-index:auto;
}
.mm-page.mm-slideout section:first-child {
    padding-top:85px !important;
}
#responsive-menu:not( .mm-menu ) {
   display:none;
}


/* EXT: CONTACT-FORM-7 */
h1 + .wpcf7,
h2 + .wpcf7 {
    margin-top:30px;
}
.wpcf7 .row {
    width:100%;
    margin:0 0 20px;
    text-align:left;
}
.wpcf7 .row .column {
	float:left;
	width:33%;
	padding:0 10px 0 0;
}

.wpcf7 .selectric-wrapper {
    width:160px;
    margin:10px 0 0;
}
.wpcf7 .selectric-wrapper .selectric {
    background:#fff;
    border:1px solid #dcdcdc;
}
.wpcf7 .selectric-wrapper .selectric .label {
	height:36px;
	line-height:36px;
	font-size:16px;
	font-weight:400;
	color:#444;
	margin:0;
	padding:0 15px;
}
.wpcf7 .selectric-wrapper .selectric .button {
    height:36px;
    background:#fff;
}
.wpcf7 .selectric-wrapper .selectric-items {
    width:auto !important;
    min-width:100%;
    background:#fff;
}
.wpcf7 .selectric-wrapper .selectric-items ul {
    padding-left:0;
}
.wpcf7 .selectric-wrapper .selectric-items li {
    font-size:16px;
    font-weight:400;
    color:#444;
    margin-bottom:0;
    border-bottom:1px solid #dcdcdc;
    white-space:nowrap;
}
.wpcf7 .selectric-wrapper .selectric-items li:last-child {
    border-bottom:0;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="date"],
.wpcf7 input[type="password"] {
    display:block;
    width:100%;
    height:38px;
	font-family:'Roboto Condensed', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#444;
    padding:0 15px;
    margin:10px 0 0;
	background:#fff;
	border:1px solid #dcdcdc;
	-webkit-appearance:none;
	border-radius:0;
}
.wpcf7 textarea {
	display:block;
	min-width:100%;
	width:100%;
	max-width:100%;
	min-height:200px;
	height:200px;
	max-height:650px;
    font-family:'Roboto Condensed', sans-serif;
    font-size:16px;
	font-weight:400;
	color:#444;
	padding:15px;
	margin:10px 0 0;
	background:#fff;
	border:1px solid #dcdcdc;
    -webkit-appearance:none;
	border-radius:0;
}
.wpcf7 input[type="text"]:disabled,
.wpcf7 input[type="tel"]:disabled,
.wpcf7 input[type="email"]:disabled,
.wpcf7 input[type="date"]:disabled {
	color:#888;
	background:#f4f4f4;
}

.wpcf7 .wpcf7-list-item { margin:0; }
.wpcf7 .wpcf7-checkbox label input[type="checkbox"],
.wpcf7 .wpcf7-acceptance label input[type="checkbox"] {
	display:none;
}
.wpcf7 .wpcf7-checkbox label span,
.wpcf7 .wpcf7-acceptance label span {
    display:block;
    position:relative;
    padding-left:26px;
}
.wpcf7 .wpcf7-checkbox label span:before,
.wpcf7 .wpcf7-acceptance label span:before {
	display:block;
	vertical-align:top;
	content:"";
	width:14px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-size:12px;
	background:#fff;
	overflow:hidden;
    position:absolute;
    top:5px;
    left:0;
	border:1px solid #dcdcdc;
}
.wpcf7 .wpcf7-checkbox label input[type="checkbox"]:checked + span:before,
.wpcf7 .wpcf7-acceptance label input[type="checkbox"]:checked + span:before {
	border:1px solid #d64541;
	background:#d64541;
	color:#fff;
	content:"\2714";
}

.wpcf7 .wpcf7-response-output {
    margin:0 0 20px !important;
    padding:15px !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
    border:0 !important;
    background:#d91e18;
    color:#fff;
}

.wpcf7 form.sent .wpcf7-response-output {
    border:0 !important;
    background:#46b450;
    color:#fff;
}

.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 label.error {
	display:block;
	font-size:14px;
	font-weight:400;
	color:#d91e18;
	margin:5px 0 0;
}

.wpcf7 .wpcf7-not-valid:not(.wpcf7-acceptance):not(.wpcf7-recaptcha),
.wpcf7 .selectric-wrapper.error .selectric,
.wpcf7 input.error,
.wpcf7 textarea.error {
    border:1px solid #d91e18 !important;
}

/**
*
* Eintrittsformular
*
**/

.page-id-6138 .text-box,
.page-id-6138 .progressValue{
position: relative;
}

.page-id-6138 .progressValue{
    line-height: 1rem;
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
}

.page-id-6138 .progress,
.page-id-6138 #progressbar{
    position: absolute;
}

.page-id-6138 #progressbar{
    width: 100%;
    height: 2rem;
}

.page-id-6138 #progressbar[value],
.page-id-6138 #progressbar[value]::-webkit-progress-bar{
background-color: #f1f1f1;
}

.page-id-6138 #progressbar[value]::-webkit-progress-value,
.page-id-6138 #progressbar[value]::-moz-progress-bar
{
    background-color: #d64541;
}

.page-id-6138 .progress{
    top: 35px;
    right: 35px;
    width: 250px;
}

.page-id-6138 .progress .stepCounter{
    display: block;
    float: left;
    position: relative;
    z-index: 9;
    padding: .5rem;
    width: 100%;
    text-align: center;
    color: #444;
    opacity: 0.5;
}

.page-id-6138 .progress .stepCounter.active{
    color: #fff;
    opacity: 1;
    font-weight: bold;
}

.page-id-6138 .wpcf7-form .button{
    margin-bottom: 1rem;
}

.page-id-6138 button.next,
.page-id-6138 button.prev{
    margin-right: 1rem;
}