/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer95px
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

body {
    margin: 0;
    -webkit-font-smoothing: auto;
    overflow-x: hidden;
}

.elements>.container,
.elements>.container-fluid {
    position: relative;
}

.headerimg-big-wrapper .newsslider-wrapper .slider-progress a,
*:after {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

.newsslider-wrapper {
    width: 100%;
}

.anchorelement {
    position: absolute;
    top: -90px;
}

@media Screen and (min-width: 990px) {
    .anchorelement {
        position: absolute;
        top: -180px;
    }
}
@media Screen and (min-width: 1200px) {
    .anchorelement {
        position: absolute;
        top: -250px;
    }
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 270px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    z-index: 1;
}

.triangle-up:hover {
    cursor: pointer;
}

.triangle-up:hover .click-to-top {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.bg-grey-diagonal {
    background: linear-gradient(to right top, white 50%, #f0f0f0 50%);
}

.align-items-end {
    align-items: flex-end;
}

* {
    font-family: "proxima-nova";
    font-size: 17px;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

.bar-progress {
    display: flex;
    height: 3px;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

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

[hidden],
template {
    display: none;
}

.slider-container {
    margin-top: 100px;
}

body.home .slider-container.mb-5 {
    margin-bottom: 100px !important;
}

.moodpicture-wrapper h2,
body:not(.theme-preset-active) #page-sub-header h1,
.events-wrapper h2,
.textblock-wrapper h2,
.slider-container h2,
.news-container h1,
.big-title,
.big-title * {
    font-size: 3rem;
}


.textblock-wrapper h3 {
    font-size: 25px;
}


/*.textblock-wrapper h2 {
  padding-left: 9px;
}

.textblock-wrapper p:first-child {
  margin: 0 !important;
}*/

a {
    background-color: transparent;
    position: relative;
}

a:hover {
    text-decoration: none;
}

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

dfn {
    font-style: italic;
}

mark {
    background: #40b0df;
    color: white;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 2.5rem;
}

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

a.no-underline-img::before,
a.no-underline-img::after {
    content: none !important;
}

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

button[disabled],
html input[disabled] {
    cursor: default;
}

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

input {
    line-height: normal;
}

.text-dark-grey {
    color: #212529 !important;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

.grid-item a {
    color: #212529;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #414341;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 15px;
}

h1 {
    font-size: 32px;
    padding-bottom: 10px;
}

h2 {
    font-size: 24px;
    padding-bottom: 0.3em;
    line-height: 1;
}

h3 {
    font-size: 18px;
    line-height: 35px;
}

h4 {
    font-size: 16px;
    line-height: 20px;
}

h5 {
    font-size: 14px;
    line-height: 17.5px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: inherit !important;
}

p {
    margin-bottom: 1.5em;
}

h1.entry-title {
    font-size: 1.31rem;
    border-bottom: 1px solid #eaecef;
}

h2.entry-title {
    border-bottom: 1px solid #eaecef;
    margin-bottom: 20px;
}

h3.widget-title {
    font-size: 18px;
    margin: 0;
}

.border-bottom-colored:hover,
.single-offer-text a:hover,
.single-course-text a:hover {
    color: #414341;
}

.single-course-text a {
    color: #212529;
}

.single-offer-text a {
    font-weight: bold;
}

.text-icon {
    margin-left: -100px;
    margin-top: 3px;
    height: 40px;
    width: auto;
}

#msg-box {
    display: none;
    margin-left: 20px;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

.border-bottom-white {
    position: relative;
}

.img-title-link a {
    color: #212529 !important;
}


/***** Spezialitäten HOME Umbau 2021-04-21 ******/

body.home .element-searchbar {
    padding-top: 20px;
    padding-bottom: 70px;
}


/*--------------------------------------------------------------
# Grosses Headerbild
--------------------------------------------------------------*/


/*** wrapper position relative to position slider ***/


/*** Newsslider set to 480px - wrapper angepasst ***/

.headerimg-big-wrapper {
    position: relative;
    display: block;
    height: 100vh;
}


/**** headerimage höher wenn Newsslider angezeigt wird*****/

@media Screen and (min-width:992px) {
    .headerimg-big-wrapper.plus-height {
        min-height: calc(100vh + 388px);
    }
}

.headerimg-big {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: 12;
}

.logo path,
.logo polygon,
.logo polyline {
    fill: white !important;
}

.logo .cls-1 {
    stroke: none;
}

.headerimg-big-wrapper .logo-wrapper {
    height: 100vh;
    width: 100%;
    z-index: 2;
    display: flex;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding: 80px 50px;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

@media Screen and (min-width:992px) {
    .headerimg-big-wrapper .logo-wrapper.reduced-height {
        height: calc(100vh - 92px);
    }
}

.headerimg-big-wrapper .logo {
    width: 100%;
    max-width: 1000px;
    display: inline-block;
    height: 150px;
    margin-bottom: 50px;
    /*  z-index: 1;
  position: absolute;*/
}

.headerimg-big-wrapper h1 {
    font-size: 4rem;
}

.headerimg-big-wrapper p#claim {
    font-size: 1.5rem;
}

.headerimg-big-wrapper h1,
.headerimg-big-wrapper p#claim {
    color: white;
    text-align: center;
    font-weight: bolder;
    text-shadow: 1px 1px 6px #424242;
}

.loaded .logo-wrapper #logo-group,
.loaded .logo-wrapper #claim,
.scroll-to-bottom {
    opacity: 0;
}

.loaded .logo-wrapper #logo-group {
    animation: 1.5s ease 1s normal forwards 1 fadein;
}

.loaded .logo-wrapper #claim {
    animation: 3s ease 1s normal forwards 1 fadein;
}

.scroll-to-bottom {
    animation: 5s ease 1s normal forwards 1 fadein;
}

.loaded .headerimg-big #logo-group,
.loaded .headerimg-big #claim,
.scroll-to-bottom {
    opacity: 0;
}

.loaded .headerimg-big #logo-group {
    animation: 1.5s ease 1s normal forwards 1 fadein;
}

.loaded .headerimg-big #claim {
    animation: 3s ease 1s normal forwards 1 fadein;
}

#slider-logo {
    z-index: 1;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#headerimg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 101%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
}

.newsticker-link,
.newsticker-link:hover,
.newsticker-link:focus,
.newsticker-link:visited {
    padding: 20px 40px;
    background: #40b0df;
    color: #FFF;
}

.newsticker-link .tickertitle {
    font-weight: bold;
    position: relative;
    padding-right: 40px;
}

.newsticker-link .tickertitle:after {
    content: "";
    background-image: url("../../img/arrow-right-white.svg");
    position: absolute;
    right: 0px;
    top: 5px;
    height: 12px;
    width: 30px;
    background-repeat: no-repeat;
}

.newsticker-link .tickertitle:hover:after {
    right: -5px;
}

.headerimg-big-newsslider-wrapper {
    height: auto;
    width: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 14;
    padding-bottom: 15px;
    bottom: 0;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.headerimg-big-wrapper .newsslider {
    height: auto;
    color: #414341;
    padding: 40px 60px 0 60px;
    background: #FFF;
    position: relative;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .1);
    -webkit-transition: bottom 0.5s ease-in-out;
    -moz-transition: bottom 0.5s ease-in-out;
    -o-transition: bottom 0.5s ease-in-out;
    transition: bottom 0.5s ease-in-out;
}

.headerimg-big-wrapper .newsslider .newsslider-element {
    display: block;
}

.headerimg-big-wrapper .newsslider .arrow-grey-img {
    position: relative;
    top: -2px;
}

.headerimg-big-wrapper .newsslider-wrapper a {
    color: #414341;
    position: relative;
    font-weight: normal;
}

.headerimg-big-wrapper .newsslider-wrapper .thumbnailclass {
    float: none;
    margin-top: 0;
    width: auto;
    height: auto;
    max-width: 100%;
}

.headerimg-big-wrapper .newsslider .prev,
.headerimg-big-wrapper .newsslider .next {
    cursor: pointer;
    width: auto;
    padding: 0;
    color: #494B55;
    transition: 0.6s ease;
    display: inline-block;
    padding-left: 5px;
    height: 28px;
    width: 28px;
}

.headerimg-big-wrapper .newsslider .arrow-fake {
    display: block;
    width: 16px;
    height: 16px;
    border-top: 1px solid #151515;
    border-right: 1px solid #151515;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px;
    position: relative;
    cursor: pointer;
}

.headerimg-big-wrapper .newsslider .prev .arrow-fake {
    border: none;
    border-left: 1px solid #151515;
    border-bottom: 1px solid #151515;
    padding-top: 10px;
}

.headerimg-big-wrapper .newsslider .prev:hover .arrow-fake,
.headerimg-big-wrapper .newsslider .next:hover .arrow-fake {
    border-color: #40b0df;
}

.headerimg-big-wrapper .newsslider-wrapper .slider-progress {
    margin-top: 25px;
}

.headerimg-big-wrapper .newsslider-wrapper .slider-progress a {
    font-weight: normal;
    display: block;
    position: relative;
    padding: 0 0 0 60px;
    line-height: 50px;
    background: #40b0df;
    width: 100%;
    height: 50px;
    color: #FFF;
    background-image: url('../../img/arrow-white-right.png');
    background-size: 25px;
    background-position: 20px 19px;
    background-repeat: no-repeat;
}

.headerimg-big-wrapper .newsslider-wrapper .slider-progress a:after {
    position: absolute;
    content: '';
    right: -75px;
    bottom: 0;
    background: #FFF;
    height: 50px;
    width: 75px;
    background: #40b0df;
}

.headerimg-big-wrapper .newsslider-wrapper .slider-progress a:hover {
    background: #40b0df;
    color: #FFF;
    background-image: url('../../img/arrow-white-right.png');
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 30px 19px;
    padding: 0 0 0 70px;
}

.slider-progress .bar-progress {
    margin-top: 22px;
    background: #40b0df;
    height: 2px;
}


/**** Newsticker für alle Seiten aus Gruppenseite - links unten ****/

.headerimg-big-wrapper .newsticker-full {
    position: absolute;
    left: 0;
    /*bottom: -227px;*/
    bottom: 0;
    padding: 40px;
    max-width: 405px;
    height: auto;
    color: white;
    z-index: 450;
    -webkit-transition: bottom 0.5s ease-in-out;
    -moz-transition: bottom 0.5s ease-in-out;
    -o-transition: bottom 0.5s ease-in-out;
    transition: bottom 0.5s ease-in-out;
}

.headerimg-big-wrapper .newsticker-full .title {
    font-size: 1rem;
    font-weight: bold;
}

.headerimg-big-wrapper .newsticker-full .content {
    height: 0px !important;
    padding-top: 0;
    opacity: 0;
    overflow: hidden;
}

.headerimg-big-wrapper .newsticker-full .content,
.headerimg-big-wrapper .newsticker-full {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.headerimg-big-wrapper .newsticker-full:hover {
    cursor: pointer;
}

.headerimg-big-wrapper .newsticker-full:hover .content {
    height: 19rem !important;
    padding-top: 10px;
    opacity: 1;
}

.headerimg-big-wrapper .newsticker-full a {
    color: white;
    position: relative;
    font-weight: bold;
}

.arrow-scroll {
    width: 51px;
    margin-bottom: 10px;
    position: relative;
}

.arrow-scroll:hover {
    cursor: pointer;
}

.overlay-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100;Blue+to+Transparent */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    z-index: 1;
}

.scroll-to-bottom {
    position: absolute;
    bottom: 35px;
    left: 0;
    text-align: center;
    color: white;
    width: 100%;
    z-index: 1;
}

.groupsite-container {
    max-width: 1700px;
    padding-left: 15px;
}

.menu-location-menu-container {
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 2;
    width: 100%;
    max-width: 400px;
}

.menu-location-menu-container ul li {
    list-style: none;
    border-bottom: 1px solid white;
    margin-top: 10px;
    position: relative;
}

.menu-location-menu-container ul li a {
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: .50px;
}

.menu-location-menu-container ul li a:hover {
    text-decoration: none;
}

.menu-location-menu-container ul li::before {
    content: "";
    background-image: url("../../img/arrow-right-white.svg");
    position: absolute;
    left: -34px;
    bottom: 10px;
    height: 12px;
    width: 30px;
    background-repeat: no-repeat;
}

.header-stoerer,
.header-stoerer-links {
    position: absolute;
    height: 130px;
    width: auto;
}

.header-stoerer {
    right: 30px;
    bottom: 30px;
    z-index: 12;
}

.header-stoerer-links {
    right: 210px;
    bottom: 30px;
    z-index: 12;
}

@media Screen and (min-width: 992px) {
    .header-stoerer,
    .header-stoerer-links {
        position: static;
        display: inline-block;
        margin-left: 25px;
        height: 110px;
    }
    .stoerer-wrapper {
        position: absolute;
        height: 110px;
        right: 30px;
        bottom: 90px;
        z-index: 815;
    }
}


/*--------------------------------------------------------------
# Grosser Slider
--------------------------------------------------------------*/

.big-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.big-slider-slide {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    z-index: 0;
}

.big-slider .slick-list,
.big-slider .slick-track,
.big-slider .slick-slide div {
    height: 100% !important;
}

.slick-dots {
    display: block !important;
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 3px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


/*--------------------------------------------------------------
# Veranstaltungen
--------------------------------------------------------------*/

.events-wrapper {
    padding: 60px 40px;
}

.events-wrapper .event-date {
    margin-bottom: 0;
    margin-top: 10px;
}

.events-wrapper a,
.events-wrapper p,
.events-wrapper h2,
.events-wrapper h3 {
    color: white;
}

.events-wrapper h3 {
    font-size: 2rem;
}

.events-wrapper a.see-all {
    position: relative;
    border-bottom: 1px solid white;
}

.events-wrapper a.see-all:hover {
    text-decoration: none;
}

.event-post {
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
    min-height: 90px;
}

.event-title {
    margin-bottom: 10px;
}

.event-list li {
    border-bottom: 3px solid rgba(189, 189, 187, 0.2) !important;
    padding-bottom: 10px;
    padding-top: 10px;
}

.event-list .grid-item {
    border-bottom: 3px solid rgba(189, 189, 187, 0.2) !important;
}

.event-bookedup {
    margin-bottom: 0;
}

.event-list a {
    color: #414341 !important;
}

.event-list a:hover {
    text-decoration: none;
}

.grey-box {
    background-color: #f0f0f0;
    padding: 20px;
}

.colored-textbox {
    padding: 20px;
    hyphens: auto;
}

.colored-textbox ul {
    margin-bottom: 0 !important;
}

.colored-textbox p,
.colored-textbox strong,
.colored-textbox span,
.colored-textbox a,
.colored-textbox li {
    color: white;
    font-size: 16px;
    margin-bottom: 0 !important;
}

.grey-box p,
.grey-box strong,
.grey-box span,
.grey-box a,
.grey-box li {
    font-size: 14px !important;
}

.grey-box a {
    color: #414341;
}


/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/

.news-wrapper,
.news-container-element .grid-item {
    display: flex;
    flex-direction: column;
}

.news-wrapper:nth-child(2),
.news-container-element .grid-item:nth-child(2) {
    flex-direction: column-reverse;
}

.news-thumbnail {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;
    width: 100%;
}

.news-text-wrapper {
    text-align: center;
    color: #414341;
}

.news-text-wrapper .news-date {
    margin-bottom: 10px;
}

.news-text-wrapper a {
    font-weight: normal;
    color: #414341;
}

.news-text-wrapper h3 {
    margin-top: 0;
    font-size: 2rem;
}

.link-wrapper a {
    display: block;
    margin-bottom: 15px;
}

.job-type-item {
    padding: 5px 5px;
    margin-top: 5px;
    transition: background-color 0.3s;
    display: inline-block;
}

.job-type-item button:focus {
    outline: 0 !important;
}

.job-type-item button {
    background: none;
    border: none;
    font-weight: bolder;
}

.job-type-item.active {
    background-color: #f0f0f0;
    transition: background-color 0.3s;
}

.job-type-item.category:hover {
    background-color: #e3e3e3;
    transition: background-color 0.3s;
}

a.job-type-item.category.active::before,
a.job-type-item.category.active::after {
    height: 0;
}


/*--------------------------------------------------------------
# Moodbild
--------------------------------------------------------------*/

.moodpicture-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f0f0f0;
    height: 400px;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 2;
    position: relative;
}

.moodpicture-wrapper .container {
    z-index: 30;
}

.moodpicture-wrapper h2 {
    color: white;
}

.moodpicture-wrapper h3 {
    font-size: 2rem;
    color: white;
    line-height: 30px;
}

.moodpicture-wrapper h3 span {
    line-height: 25px;
}

.moodpicture-portrait-wrapper h3 {
    font-size: 1.5rem;
}

.moodpicture-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(65, 67, 65, 0.2);
    /*  z-index: 10;*/
}

a.tile-link .moodpicture-overlay {
    background: rgba(65, 67, 65, 0.3);
    background: -moz-linear-gradient(0deg, rgba(64, 176, 223, 1) 0%, rgba(65, 67, 65, .4) 20%, rgba(65, 67, 65, 0.4) 50%, rgba(65, 67, 65, .4) 100%);
    background: -webkit-linear-gradient(0deg, rgba(64, 176, 223, 1) 0%, rgba(65, 67, 65, .4) 20%, rgba(65, 67, 65, 0.4) 50%, rgba(65, 67, 65, .4) 100%);
    background: linear-gradient(0deg, rgba(64, 176, 223, 1) 0%, rgba(65, 67, 65, .4) 20%, rgba(65, 67, 65, 0.4) 50%, rgba(65, 67, 65, .4) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#40b0df", endColorstr="#414341", GradientType=1);
    background-size: 100% 220%;
    background-position: center top;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a.tile-link:hover .moodpicture-overlay,
a.tile-link:focus .moodpicture-overlay {
    background-position: center bottom;
    opacity: 0.7;
}

.moodpicture-wrapper a.tile-link:hover {
    color: rgba(65, 67, 65, 0.8);
    opacity: 1;
}

.mySlides {
    display: none;
}

.prev,
.next {
    cursor: pointer;
    width: auto;
    padding: 16px;
    color: #494B55;
    font-weight: bold;
    font-size: 30px;
    transition: 0.6s ease;
    bottom: 10px;
    display: inline-block;
}


/*****************/

.moodpicture-link {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 21;
    color: white;
    font-weight: bold;
}

.moodpicture-link a {
    color: white;
    font-weight: bold;
    position: relative;
}

.moodpicture-outerlink {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    z-index: 35;
}

.subscribe {
    display: none !important;
}


/*--------------------------------------------------------------
# Fachgebiete Kacheln
--------------------------------------------------------------*/

.competences-tile-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    position: relative;
}

a.competences-tile-link:hover {
    text-decoration: none !important;
    color: white;
}

.competences-tile-wrapper p {
    color: white;
    z-index: 1;
    font-weight: bold;
    margin: 0;
    padding: 0 15px;
}

.competences-tile-wrapper .competences-overlay {
    z-index: 0;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #414341;
    opacity: 0.4;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}


/*--------------------------------------------------------------
# Fachgebiete Kacheln
--------------------------------------------------------------*/

.slider-wrapper p {
    margin: 0;
}

.slider-wrapper a {
    color: #414341;
}

.slider-wrapper a:hover {
    text-decoration: none;
}

.slider-wrapper .border-right {
    border-right: 1px solid #bdbdbb;
}


/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/

.slider-image-wrapper {
    display: none;
}

.slider-image {
    height: 400px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.slider-image .slider-text-wrapper {
    height: 284px;
    width: 284px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -244px;
    color: white;
    padding: 15px;
    margin: auto;
}

.slider-navigator {
    color: #414341;
}

.slider-navigator:hover {
    text-decoration: none;
    color: #414341;
}

.slider-navigator.active {
    font-weight: bold;
}

.location-link {
    position: absolute !important;
    left: 100%;
    bottom: -6px;
    width: 100%;
}


/*--------------------------------------------------------------
# Angebote
--------------------------------------------------------------*/

.offers-icon {
    height: 95px;
    margin-top: 40px;
    float: right;
}

.single-offer h1,
.single-course h1 {
    font-size: 3rem;
}

.single-offer hr {
    border-color: #cdcecf;
    border-width: 2px;
}

.offers-dropdown {
    display: none;
}

.offers-dropdown a {
    color: #414341;
}

.arrow-bold:hover {
    cursor: pointer;
}

.arrow-back svg {
    transform: rotate(180deg);
}

.arrow-bold {
    position: relative;
}

.arrow-bold::after {
    content: "";
    background-image: url('../../img/icons/arrow-down-bold.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    position: absolute;
    right: 0;
    height: 15px;
    width: 15px;
}

.single-offer-text ul,
.textblock-wrapper ul,
.text-image-box ul,
.single-course ul,
.career-table ul,
.card ul,
.dropdown-wrapper ul {
    padding-left: 0px;
}

.single-offer-text li,
.textblock-wrapper li,
.text-image-box li,
.single-course li,
.career-table li,
.card li,
.dropdown-wrapper li {
    list-style: none;
}

.single-offer-text ul,
.textblock-wrapper ul,
.colored-textbox ul,
.text-image-box ul,
.single-course ul,
.openingtimes-wrapper ul,
.career-table ul,
.card ul,
.dropdown-wrapper ul {
    display: table;
}

.openingtimes-wrapper ul {
    padding: 0;
}

.single-offer-text li,
.textblock-wrapper li,
.colored-textbox li,
.text-image-box li,
.single-course li,
.openingtimes-wrapper li,
.career-table li,
.card li,
.dropdown-wrapper li {
    display: table-row;
}

.single-offer-text li::before,
.textblock-wrapper li::before,
.colored-textbox li::before,
.text-image-box li::before,
.single-course li::before,
.openingtimes-wrapper li::before,
.career-table li::before,
.card li::before,
.dropdown-wrapper li::before {
    content: "–";
    padding-right: 5px;
    display: table-cell;
}

.offers-dropdown-wrapper hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


/*--------------------------------------------------------------
# Vorher/Nachher
--------------------------------------------------------------*/

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    background: #40b0df;
}

.twentytwenty-container img {
    max-width: none;
    width: 100%;
}


/*--------------------------------------------------------------
# Aufklappbare Inhalte
--------------------------------------------------------------*/

.dropdown-wrapper {
    border-top: 3px solid #f0f0f0;
    border-bottom: 3px solid #f0f0f0;
    margin-top: -3px;
}

.dropdown-wrapper .dropdown-head {
    padding-top: 20px;
    padding-bottom: 17px;
    cursor: pointer;
    position: relative;
}

.dropdown-head {
    padding-right: 40px;
}

.dropdown-head strong {
    font-size: 19px;
}

.dropdown-head img,
.filter-group-head img {
    right: 0;
    width: 20px;
    bottom: 0;
    top: 0;
    margin: auto;
    transition: transform 0.5s;
}

.filter-group-head img {
    display: none;
}

.dropdown-wrapper .dropdown-text {
    display: none;
}

.rotate-arrow {
    transform: rotate(180deg);
    transition: transform 0.3s;
}

.sidebar-wrapper {
    position: absolute;
    left: 0;
    top: 0;
}


/*--------------------------------------------------------------
# FAQ Kacheln
--------------------------------------------------------------*/

.card-columns .card {
    background-color: #f0f0f0;
    padding: 20px 20px;
    border: none;
}

.card-columns .card ul {
    margin: 0;
}


/*--------------------------------------------------------------
# Kurse
--------------------------------------------------------------*/

.single-course .grey-box p,
.single-course .grey-box b,
.single-course .grey-box u,
.single-course .grey-box i {
    font-size: 16px !important;
}

.course-btn {
    padding: 13px;
    color: white;
    display: block;
    background-image: url('../../img/arrow-white-right.png');
    background-size: 25px;
    background-position: right 20px center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.course-btn:hover {
    color: white;
    opacity: 0.8;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.booked-out {
    font-size: 1.3rem;
    font-weight: bold;
}

.select2-container--default .select2-selection--single {
    background-color: #f0f0f0;
    height: 56px;
    width: 100%;
    background-image: url('../../img/icons/arrow-down.png');
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 20px;
    display: flex;
    align-items: center;
    border: none;
    padding-left: 15px;
}

.select2-container--default .select2-selection--single:focus {
    outline: none;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.course-select-filter select {
    background: transparent;
    background-image: url('../img/select-arrow.png');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px;
    border: none;
    height: 56px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 20px;
}

.course-select-filter select:focus {
    outline: none;
}

.load-more-btn {
    background-color: white;
    padding: 13px;
    font-weight: bold;
    display: block;
    max-width: 200px;
}

.load-more-btn svg {
    width: 25px;
    height: 15px;
    margin-left: 30%;
}


/*--------------------------------------------------------------
# Overview
--------------------------------------------------------------*/

.overview img,
.overview .icon-menu svg {
    width: 50px;
    height: 60px;
}

.overview a {
    color: #414341;
    flex-shrink: inherit;
}

.overview .overview-textblock a {
    position: relative;
    font-weight: bold;
}

.overview .overview-name {
    font-size: 20px;
}

.overview a img {
    transition: transform 0.3s;
}

.overview a:hover img {
    transform: scale(1.1);
    transition: transform 0.3s;
}

.overview a p {
    transition: color 0.3s;
}


/*--------------------------------------------------------------
# Healthy Stories
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Komposition 1
--------------------------------------------------------------*/

.bluebox {
    padding: 30px;
    width: 300px;
    position: relative;
    left: 250px;
    margin-top: 275px;
}

.bluebox svg,
.bluebox img {
    max-width: 80px;
}

.bluebox,
.bluebox h3 {
    color: white;
}

.bluebox h3 {
    font-size: 2rem;
}

.healthy-stories_text {
    width: 380px;
    margin-left: 80px;
}

.imgtop,
.imgleft,
.imgright {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.imgleft {
    height: 400px;
    width: 290px;
    float: left;
    position: relative;
    top: 214px;
    left: 105px;
}

.imgtop {
    width: 230px;
    height: 310px;
}

.imgtop-text {
    margin-top: 100px;
    margin-top: 100px;
    right: 0;
    position: absolute;
    z-index: 1;
}

.imgright-container {
    position: absolute;
    right: 180px;
    top: 370px;
}

.imgright {
    width: 320px;
    height: 345px;
}

.imgright-container a {
    z-index: 1;
}

.composition1 .big-title {
    position: absolute;
    top: 100px;
    z-index: 2;
}

.title-right {
    transform: translate(85%, -65%);
    font-size: 2rem;
}


/*--------------------------------------------------------------
## Komposition 2
--------------------------------------------------------------*/

.composition2_imgbig {
    width: 100%;
    height: 500px;
}

.composition2_imgtiny {
    height: 310px;
    width: 232px;
}

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

.imgtiny_quote_wrapper {
    transform: translate(-160px, 120px);
    height: 375px;
}

.imgtiny_quote_wrapper .composition2_quote {
    width: 45%;
    margin-top: 0;
    margin-left: 40px;
    line-height: 25px;
    letter-spacing: 0.5px;
}


/*--------------------------------------------------------------
## Komposition 3
--------------------------------------------------------------*/

.composition3 .box-colored {
    padding: 30px;
    width: 300px;
    position: absolute;
    right: -250px;
    bottom: -150px;
}

.composition3 .box-colored svg,
.composition3 .box-colored img {
    max-width: 80px;
}

.composition3 .box-colored,
.composition3 .box-colored h3 {
    color: white;
}

.composition3 .box-colored h3 {
    font-size: 2rem;
}

.composition3_imgbig {
    width: 100%;
    height: 400px;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.composition3_text {
    margin-top: -100px;
}


/*--------------------------------------------------------------
## Komposition 4
--------------------------------------------------------------*/

.composition4 img {
    width: 100%;
}


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

.email-fsize b {
    font-size: 14px;
}


/*--------------------------------------------------------------
# Team Single
--------------------------------------------------------------*/

.team-photo {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.team_telefon,
.team_email {
    color: #414341;
    font-size: 1.5rem;
    position: relative;
    display: block;
}

.team_telefon_icon,
.team_email_icon {
    height: 35px;
    width: 35px;
    margin-right: 20px;
}

.team_telefon:hover,
.team_email:hover {
    color: #414341 !important;
}

.single-team h3 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.career-table {
    margin-top: 60px;
}

.career-table p {
    margin-bottom: 0;
}

.career-table tr {
    border-bottom: 3px solid rgba(189, 189, 187, 0.2);
}

.career-table tr:last-child {
    border-bottom: none;
}

.career-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.career-table a,
.career-table a {
    color: #212529;
}

.single-team-quote {
    position: absolute;
    right: -250px;
    top: 20px;
    min-height: 284px;
    width: 284px;
    padding: 30px;
}

.single-team-quote p,
.single-team-quote h2 {
    color: white;
}

.arrow-colored,
.textblock-wrapper a .tablepress a,
.single-offer-text a {
    position: relative;
    color: #212529;
}

.all-jobs-wrapper a {
    color: #212529;
    position: relative;
}

.all-jobs-wrapper .grid-item {
    width: 100%;
}

.select-wrapper {
    border-top: 3px solid rgba(189, 189, 187, 0.2);
    border-bottom: 3px solid rgba(189, 189, 187, 0.2);
}

.arrow-colored,
.textblock-wrapper a,
.tablepress a,
.single-offer-text a {
    color: #212529 !important;
}

.colored-textbox li::before,
.colored-textbox a,
.textblock-wrapper .colored-textbox li::before,
.textblock-wrapper .colored-textbox a {
    color: white !important;
}

.arrow-colored-img,
.arrow-white-img,
.arrow-grey-img {
    margin-right: 10px;
    display: inline-block;
}

.arrow-colored-img svg,
.arrow-white-img img,
.arrow-grey-img img {
    width: 25px;
    height: 15px;
}

.arrow-colored-img-last-page svg {
    width: 25px;
    height: 15px;
    transform: rotate(180deg);
}

.arrow-white,
.arrow-grey {
    display: inline-block;
}

.arrow-grey {
    color: #818080 !important;
}

.arrow-white b,
.arrow-grey b {
    position: relative;
}

.thumbnailclass {
    float: right;
    margin-top: -210px;
}


/*--------------------------------------------------------------
# Öffnungszeiten
--------------------------------------------------------------*/

.openingtimes-wrapper a {
    color: #212529;
    font-weight: bold;
}


/*--------------------------------------------------------------
# Text mit Bild und Box
--------------------------------------------------------------*/

.text-image-box .text-image {
    background-size: cover;
    background-position: center center;
    height: 400px;
    position: relative;
}

.text-image-box h2 {
    font-size: 2rem;
}

.text-image-box .colored-box {
    color: white;
    padding: 40px;
    width: 300px;
    position: absolute;
    top: 20px;
    right: -280px;
}

.text-image-box .colored-box img {
    width: 100px;
}

.text-image-box .colored-box p {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.3px;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.nf-form-title h3 {
    font-size: 4rem;
    line-height: 1;
}

input.ninja-forms-field:not(input['type="radio"'].ninja-forms-field) {
    height: 56px !important;
}

textarea.ninja-forms-field {
    padding-top: 15px;
}

input.ninja-forms-field,
textarea.ninja-forms-field {
    border: solid 1.3px;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #414341;
    -webkit-transition: background-color 0.3s, border-radius 0.3s;
    -moz-transition: background-color 0.3s, border-radius 0.3s;
    -o-transition: background-color 0.3s, border-radius 0.3s;
    transition: background-color 0.3s, border-radius 0.3s;
}

input[type="text"].ninja-forms-field {
    border: 1px solid #40b0df;
    height: 50px;
}

input.ninja-forms-field:focus,
textarea.ninja-forms-field:focus {
    outline: none;
    background-color: #f0f0f0;
    border: none;
    -webkit-transition: background-color 0.3s, border-radius 0.3s;
    -moz-transition: background-color 0.3s, border-radius 0.3s;
    -o-transition: background-color 0.3s, border-radius 0.3s;
    transition: background-color 0.3s, border-radius 0.3s;
}

.nf-form-cont input[type="button"] {
    background-image: url('../../img/arrow-colorized.svg');
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center right 10px;
    float: right;
    background-color: white;
    width: auto !important;
    padding-right: 45px;
}

.nf-form-cont li::before {
    content: "";
}

input[type="checkbox"].ninja-forms-field {
    height: auto !important;
}

/* 
Modal
*/
.modal-dialog {
    max-width: 1200px;
}
.modal-content,
.modal-header,
.modal-footer {
    background-color: transparent;
    border: none;
    color: white;
}

.modal-body .moodpicture-overlay {
    bottom: auto;
    left: auto;
    z-index: 10 !important;
    background-color: rgba(65, 67, 65, 0.5);
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
}

.modal-footer * {
    color: white;
}

.video-js .vjs-big-play-button {
    z-index: 11;
    height: 100px !important;
    width: 100px !important;
    background-image: url('../../img/icons/Play-Icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    border: none !important;
    background-color: transparent !important;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    content: "" !important;
}

.tile-img-wrapper .moodpicture-overlay {
    background-color: rgba(65, 67, 65, 0.5);
    transition: all 0.4s;
}

.tile-img-wrapper:hover .moodpicture-overlay {
    background-color: rgba(65, 67, 65, 0.8);
}

.tile-img-wrapper .moodpicture-overlay img {
    width: 100px;
}

.modal-content .close {
    padding: 0;
    width: 30px;
    height: 30px;
    opacity: 1;
}

.modal-content .close span {
    height: 4px;
    width: 30px;
    background-color: white;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    border-radius: 10px;
}

.modal-content .close span:last-child {
    transform: rotate(-45deg);
}

.modal-open .modal {
    background: rgba(0,0,0,0.6);
}

.modal-header .modal-title {
    font-size: 3rem;
}

.modal-footer-links div:first-child {
    border-right: 1px solid white;
}

.modal-footer-links a {
    transition: all 0.3s;
}

.modal-footer-links a:hover {
    opacity: 0.5;
}

.mitarbeitervideos-filter .select2-container--default .select2-selection--single {
    background-color: white;
    border: 3px solid #40b0df;
    border-radius: 0;
}

.mitarbeitervideos-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #40b0df;
    font-weight: bold;
}

.mitarbeitervideos-filter .select2-container--default .select2-selection--single {
    height: 65px;
}

.mitarbeitervideos-filter .select2-container--default .select2-selection--single {
    background-image: url('../../img/icons/arrow-down-blue.png');
}

/*--------------------------------------------------------------
# Textblock
--------------------------------------------------------------*/

.textblock-wrapper a,
.tablepress a {
    font-weight: bold;
}

.tablepress a {
    display: block;
}

.textblock-wrapper a {
    display: inline-block;
}

.textblock-wrapper p {
    margin-bottom: 15px;
}

.textblock-dropdown-wrapper a {
    font-weight: normal !important;
    margin: 0;
}

.textblock-dropdown-wrapper a::before {
    background: none;
}

.textblock-dropdown {
    display: none;
}


/*--------------------------------------------------------------
# Table
--------------------------------------------------------------*/

thead th {
    background-color: white !important;
    border-top: 1px solid black !important;
    border-bottom: 1px solid #cdcecf !important;
}

.tablepress .even td {
    background-color: rgba(205, 206, 207, 0.1);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.tablepress .odd td {
    background-color: white;
}

.tablepress .row-hover tr:hover td {
    background-color: rgba(205, 206, 207, 0.3);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}


/*--------------------------------------------------------------
# Breadcrumb Navigation
--------------------------------------------------------------*/

.breadcrumb {
    background: none;
    padding-left: 0;
}

.breadcrumb a {
    font-weight: bold;
    color: #414341;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.dropdown-item {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.breadcrumb a:hover,
.search-icon-wrapper:hover img,
.site-header a:hover,
footer a:hover,
.dropdown-item:hover,
.event-post:hover {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
}


/*--------------------------------------------------------------
# Google Maps
--------------------------------------------------------------*/

#map {
    height: 500px;
    width: 100%;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.searchbar-header {
    display: none;
}

.searchbar-header {
    max-width: 1700px;
    margin: 0 auto;
}

.current_page_item.active:not(.onepage .current_page_item.active) {
    text-decoration: none;
}

.page_item {
    display: inline-block;
}

.logo-mobile {
    display: none;
}

.navbar-expand-lg {
    justify-content: space-between !important;
    max-width: 1700px;
    margin: 0 auto;
}

.c-offcanvas {
    left: 0;
    padding: 1rem;
    overflow-y: scroll;
}

.js-offcanvas a {
    outline: 0;
}

.js-offcanvas .dropdown-menu {
    position: relative;
    border: none;
}

.navbar-expand-lg .navbar-collapse {
    display: block !important;
}

.navbar-nav {
    float: right;
}


/*.dropdown:hover .dropdown-menu {
  display: block !important;
}*/

.nav-close-btn {
    position: absolute;
    bottom: 35px;
    right: 30px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.searchbar-cross-icon {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.nav-close-btn:hover,
.searchbar-cross-icon:hover {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
}

.submenu-icons-wrapper {
    position: absolute;
    bottom: 40px;
    left: 30px;
}

.submenu-icons-wrapper a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.submenu-icons-wrapper a:hover {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.submenu-search-icon {
    margin-right: 20px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.submenu-search-icon:hover {
    cursor: pointer;
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.search-results .post.hentry {
    margin: 0;
}

.nav-close-btn p {
    font-weight: bold;
}

.nav-close-btn:hover {
    cursor: pointer;
}

header#masthead {
    margin-bottom: 0;
    background-color: #563d7c;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);
    padding: .74rem 1rem;
}

#sub-navigation #logo {
    height: 20px;
    width: 300px;
}

.ondemand {
    width: 400px;
}

.navbar-brand>a {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.1rem;
    outline: medium none;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
}

.navbar-brand>a:visited,
.navbar-brand>a:hover {
    text-decoration: none;
}

#page-sub-header {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 0;
    text-align: center;
    font-size: 1.25rem;
    background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
    line-height: 1.6;
    color: #563e7c;
    margin: 0 0 1rem;
    border: 0;
    padding: 0;
}

#page-sub-header p {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 1.25rem;
    font-weight: 300;
}

body:not(.theme-preset-active) #page-sub-header p {
    color: #212529;
}

a.page-scroller {
    color: #333;
    font-size: 2.6rem;
    display: inline-block;
    margin-top: 2rem;
}

.menu-location-item {
    height: 40px;
}

.menu-location-item a {
    display: inline-block;
    max-width: 100%;
    background-image: url('../../img/arrow-grey.png') !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: 25px !important;
}

@media screen and (min-width: 768px) {
    body:not(.theme-preset-active) #page-sub-header h1 {
        font-size: 3.750rem;
    }
    body:not(.theme-preset-active) #page-sub-header {
        font-size: 1.25rem;
    }
    .news-thumbnail {
        height: 250px;
    }
    .filter-group-content {
        display: block !important;
    }
}

@media screen and (min-width: 992px) {
    #page-sub-header p {
        max-width: 43rem;
        margin: 0 auto;
    }
    .one-line-link {
        width: 500px;
        display: inline-block;
    }

    .template-employeevideos .claim {
        position: relative;
        top: -150px;
    }
}

@media screen and (max-width: 991px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    h2 {
        padding-left: 0 !important;
    }
    .headerimg-big h1 {
        font-size: 3rem;
    }
    .headerimg-big p#claim {
        font-size: 1.5rem;
    }
    .moodpicture-wrapper h2 {
        font-size: 2.2rem !important;
    }
    .sidebar-wrapper {
        position: relative;
        left: auto;
        top: auto;
    }
    .card-columns {
        column-count: 2;
    }
    .nav-mobile {
        display: block;
    }
    .navbar-brand {
        display: none;
    }
    .menu-location-menu-container {
        display: none;
    }
    .news-text-wrapper {
        padding: 0.8rem !important;
    }
    .news-thumbnail {
        margin-bottom: 0px !important;
    }
    .offers-icon {
        display: none;
    }
    .composition1 .big-title {
        position: relative;
        top: auto !important;
        width: 100%;
    }
    .composition1 .imgleft {
        width: 100%;
        float: none;
        top: auto;
        left: auto;
    }
    .composition1 .imgtop-text {
        width: 100%;
        margin-top: 0;
        right: auto;
        position: relative;
        display: block !important;
    }
    .composition1 .imgtop {
        width: 100% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .composition1 .healthy-stories_text {
        width: 100%;
        margin-left: 0;
    }
    .composition1 .imgright {
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
    }
    .composition1 .title-right {
        display: none;
    }
    .bluebox {
        width: 100% !important;
        position: relative !important;
        left: auto !important;
        margin-top: 0 !important;
    }
    .imgtiny_quote_wrapper {
        transform: none;
        margin-top: 2rem;
    }
    .composition3 .box-colored {
        display: none;
    }
    .composition3_text {
        margin-top: 20px;
    }
    .logo-mobile {
        display: inline-block;
        margin-left: 15px;
    }
    .logo-mobile img {
        width: 100%;
        max-width: 175px;
    }
    .headerimg-big-wrapper .newsslider {
        padding: 40px 20px;
    }
    .headerimg-big-wrapper {
        height: auto;
    }
    .headerimg-big-newsslider-wrapper {
        position: relative !important;
        margin-top: -50px;
    }
    .headerimg-big-wrapper .logo-wrapper {
        padding: 80px 10px;
    }
    .newsticker-link .tickertitle::after {
        position: relative;
        display: inline-block;
        margin-left: 10px;
    }
    .headerimg-big-wrapper .newsslider-wrapper .thumbnailclass {
        margin-top: 15px;
    }
    .headerimg-big-wrapper .newsslider-wrapper .slider-progress a::after {
        right: -35px;
        width: 35px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .imgtiny_quote_wrapper {
        display: block !important;
        height: auto;
    }
    .composition2_imgtiny {
        width: 100%;
    }
    .imgtiny_quote_wrapper .composition2_quote {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }
    .composition3 .box-colored {
        display: none;
    }
    .composition3_text {
        margin-top: 20px;
    }
    .news-wrapper:nth-child(2),
    .news-container-element .grid-item:nth-child(2) {
        flex-direction: column;
    }
    .headerimg-big .logo {
        width: 90%;
    }
    .scroll-to-bottom {
        bottom: 80px;
    }
    .moodpicture-wrapper {
        padding-bottom: 40px;
    }
    .moodpicture-wrapper h3 {
        font-size: 1.5rem;
        line-height: 26px;
    }
    .to-top {
        display: none;
    }
    .arrow-top-white {
        height: 20px !important;
    }
    .site-info a {
        display: block;
    }
    .border-right {
        border: none !important;
    }
    .single-team-quote {
        display: none;
    }
    .team_telefon_icon,
    .team_email_icon {
        height: 30px;
    }
    .slider-image {
        height: 200px;
    }
    .slider-navigator {
        position: relative;
        margin-left: 40px;
        font-weight: bold;
    }
    .slider-navigator::before {
        content: "";
        background-image: url('../../img/arrow-colorized.svg');
        position: absolute;
        left: -34px;
        bottom: 5px;
        height: 12px;
        width: 30px;
        background-repeat: no-repeat;
    }
    .slider-navigator br {
        display: none;
    }
    .offers-icon {
        display: none;
    }
}

@media (max-width: 575px) {
    .imgtiny_quote_wrapper {
        display: block !important;
        height: auto;
    }
    .composition2_imgtiny {
        width: 100%;
    }
    .imgtiny_quote_wrapper .composition2_quote {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }
    .news-wrapper:nth-child(2),
    .news-container-element .grid-item:nth-child(2) {
        flex-direction: column;
    }
    .headerimg-big .logo {
        width: 90%;
    }
    .scroll-to-bottom {
        bottom: 80px;
    }
    .moodpicture-wrapper {
        padding-bottom: 40px;
    }
    .moodpicture-wrapper h3 {
        font-size: 1.5rem;
        line-height: 26px;
    }
    .blue-triangle {
        height: 200px !important;
    }
    .to-top {
        display: none;
    }
    .arrow-top-white {
        height: 20px !important;
    }
    .site-info a {
        display: block;
    }
    .border-right {
        border: none !important;
    }
    .single-team-quote {
        display: none;
    }
    .team_telefon_icon,
    .team_email_icon {
        height: 30px;
    }
    .slider-image {
        height: 200px;
    }
    .slick-dots {
        display: block !important;
        position: absolute;
        bottom: -25px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }
    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 3px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }
    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }
    .slick-dots li button:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .slick-dots li.slick-active button:before {
        opacity: .75;
        color: black;
    }
    .slider-navigator {
        position: relative;
        margin-left: 40px;
        font-weight: bold;
    }
    .slider-navigator::before {
        content: "";
        background-image: url('../../img/arrow-colorized.svg');
        position: absolute;
        left: -34px;
        bottom: 5px;
        height: 12px;
        width: 30px;
        background-repeat: no-repeat;
    }
    .slider-navigator br {
        display: none;
    }
    .offers-icon {
        display: none;
    }
}

#sub-navigation {
    padding: 20px 0;
    z-index: 500;
}

#sub-navigation a {
    color: #80807e;
    font-weight: bold;
}

#masthead #logo {
    display: none;
}

.search-icon-wrapper {
    padding-right: 20px;
    height: 50px;
    display: flex;
    align-items: center;
    border-right: 1px solid white;
}

.search-icon-wrapper img {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.search-icon-mobile:hover {
    cursor: pointer;
}

.searchbar-cross-icon,
.dropdown-closeicon {
    width: 20px;
    height: 20px;
}

.searchbar-cross-icon {
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.nav-white {
    background: white !important;
    position: fixed;
    width: 100%;
    z-index: 500;
    border-bottom: 1px solid #f0f0f0;
    transition: 0.3s background-color;
}

.nav-white a {
    color: #80807e !important;
    font-weight: bold !important;
}

.nav-white #logo {
    height: 20px;
    display: block !important;
}

.nav-white .top-navigation {
    display: none;
}

.top-navigation .menu-language-menu-container {
    padding: 0;
}

.top-navigation {
    display: flex;
    flex-direction: row;
}

.nav-white .top-navigation {
    /*display: none !important;*/
}

.site-header {
    position: fixed;
    z-index: 5;
    width: 100%;
    height: 100px !important;
    background-color: transparent !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100;Blue+to+Transparent */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow: none !important;
    border: none !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#40b0df', endColorstr='#1e5799', GradientType=0);
    /* IE6-9 */
    transition: 0.3s background-color;
}

.site-header a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.site-header .menu {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    /* -webkit-transition: right 0.5s ease-in-out; */
    -moz-transition: right 0.5s ease-in-out;
    -o-transition: right 0.5s ease-in-out;
    /* transition: right 0.5s ease-in-out; */
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}

.site-header .menu li {
    float: left !important;
    margin-left: 15px;
}

.site-header .menu a,
.site-header .menu span {
    font-size: 15px;
}

.site-header a {
    color: white !important;
}

.site-header .navbar-brand {
    display: none !important;
}

.site-header .top-navigation {
    display: flex !important;
}


/*.nav-white .collapse {
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  justify-content: flex-end!important;
}*/

.menu-language-menu-container {
    display: flex;
    align-items: center;
    border-right: 1px solid white;
    padding-left: 15px;
    padding-right: 20px;
}

#menu-language-menu {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    padding: 0;
}

#menu-language-menu li.menu-item {
    padding-top: 0;
}

#menu-language-menu li.menu-item:last-of-type {
    margin-right: 10px;
}

#menu-language-menu li.menu-item.hide {
    display: block;
}

#menu-language-menu li {
    list-style: none;
    margin-left: 10px;
}

#menu-language-menu a,
#menu-language-menu a span {
    color: white;
    font-size: 15px;
    font-weight: normal;
}

.wpml-ls-current-language span {
    font-weight: bold !important;
}

.navbar .menu li.menu-item {
    padding-top: 12px;
}


/*--------------------------------------------------------------
# One Page
--------------------------------------------------------------*/

body.onepage .site-header a.nav-link {
    color: white!important;
}

body.onepage .nav-white a {
    color: #414341!important;
}

body.onepage .site-header .top-navigation a {
    color: white!important;
}

body.onepage .navbar-light .navbar-nav .nav-link:focus,
body.onepage .navbar-light .navbar-nav .nav-link:hover {
    color: #80807e!important;
}

body.onepage .moodpicture-wrapper h2 {
    font-size: 2.2rem;
}

.moodpicture-wrapper h3 span {
    display: block;
    margin-top: 20px;
}


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#masthead nav {
    padding-left: 0;
    padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav>li>a {
    padding: 0.5rem;
    font-weight: 500;
    font-size: 17px;
    color: white;
    font-weight: bold;
}

body:not(.theme-preset-active) #masthead .navbar-nav>li>a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav>li.current_page_item>a {
    color: #fff;
    font-weight: 600;
    /*background: #f9f9f9;*/
}

.navbar-brand {
    height: auto;
    padding: 0 !important;
}

.navbar-toggle .icon-bar {
    background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    border-top: 0.3em solid transparent;
}


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

.dropdown-item {
    line-height: 1.2;
    padding-bottom: 0.313rem;
    padding-top: 0.313rem;
}

.dropdown-menu {
    min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
    display: block;
    left: 12.250em;
    top: 0;
}

.dropdown-menu .dropdown-item {
    white-space: normal;
    background: transparent;
    line-height: 1.6;
}

.dropdown-menu .dropdown-item:hover {
    background: transparent;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
}

@media screen and (min-width: 769px) {
    .dropdown-menu li>.dropdown-menu {
        right: -9.875rem;
        top: 1.375rem;
    }
}

@media screen and (max-width: 991px) {
    .stoerer-wrapper {
        width: 50%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 50px;
    }
    .header-stoerer,
    .header-stoerer-links {
        position: relative;
        left: auto;
        bottom: auto;
        right: auto;
        height: 80px;
    }
    .headerimg-big-wrapper .logo {
        margin-bottom: 25px;
    }
    .header-stoerer-links {
        margin-right: 15px;
    }
    .navbar-nav .dropdown-menu {
        border: medium none;
        margin-left: 1.250rem;
        padding: 0;
    }
    .search-icon-mobile {
        display: inline-block !important;
    }
    .textblock-wrapper h2 {
        margin: 0;
    }
    .events-wrapper h2 {
        margin: 0;
        padding: 0;
    }
    .moodpicture-wrapper:not(.moodpicture-portrait-wrapper) {
        height: 265px;
    }
    .moodpicture-portrait-wrapper {
        height: auto;
    }
    .moodpicture-portrait-wrapper img {
        width: 100%;
        max-width: 200px;
    }
    .dropdown-menu li a {
        padding: 0;
    }
    #masthead .navbar-nav>li>a {
        padding-bottom: 0.625rem;
        padding-top: 0.313rem;
    }
    .navbar-light .navbar-toggler {
        border: medium none;
        outline: none;
    }
    .competences-tile-wrapper p {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 400px) {
    .header-stoerer,
    .header-stoerer-links {
        height: 70px;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.comment-content.card-block {
    padding: 20px;
}

.navigation.post-navigation {
    padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    border: 1px solid #ddd;
    border-radius: 0.938rem;
    display: inline-block;
    padding: 0.313rem 0.875rem;
    text-decoration: none;
}

.post-navigation .nav-next a::after {
    content: " \2192";
}

.post-navigation .nav-previous a::before {
    content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
    background: #eee none repeat scroll 0 0;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 0.313rem;
    line-height: normal;
    padding: 0.938rem 1.438rem 0.875rem;
    text-decoration: none;
    top: 0.313rem;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a img.alignright {
    float: right;
    margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
    margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
    float: left;
    margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption.alignnone {
    margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
    margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
    margin: 0.313rem 0 1.25rem 1.25rem;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*--------------------------------------------------------------
# Jobs
--------------------------------------------------------------*/

.tile-text-wrapper {
    background: white;
    padding: 30px;
}

.template-jobs .tile-text-wrapper {
    background: #f0f0f0;
}

.template-jobs .moodpicture-wrapper {
    height: 800px;
    overflow: hidden;
}

.template-jobs .moodpicture-wrapper.headimage-jobs .gradient{
		position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0px;
	    top: 0;
		z-index: 10;
		background: rgba(65, 67, 65, 0.2);
		background: -moz-linear-gradient(0deg, rgba(64, 176, 223,0.8) 0%, rgba(64, 176, 223,0) 60%);
		background: -webkit-linear-gradient(0deg, rgba(64, 176, 223,0.8) 0%, rgba(64, 176, 223,0) 60%);
		background: linear-gradient(to top, rgba(64, 176, 223,0.8) 0%,rgba(64, 176, 223,0) 60%);
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#40b0df", endColorstr="#414341", GradientType=1);
}
.template-jobs .moodpicture-wrapper #lottie {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    margin: 0 auto;
	z-index: 11;
	max-width: 1800px;
}
.headimage-jobs .claim {
	display: block;
	width: 100%;
    max-width: 1700px;
    margin: 0 auto;
}
.headimage-jobs .claim h3{
	font-size: 3.5rem;
	color: #FFF;
	width: 70%;
	max-width: 600px;
	position: relative;
	z-index: 40;
	line-height: 1em;
	padding-bottom: 10%;
}
.tile-link {
    color: #414341;
    transition: opacity 0.3s;
}

.tile-link:hover {
    color: #414341;
    opacity: 0.8;
    transition: opacity 0.3s;
}

.tile-title {
    position: absolute;
    color: white;
    z-index: 15;
}


/*.tile-link .tile-title {
	text-decoration: underline;
}*/

.tile-logo {
    max-width: 160px;
}

.col-lg-4 .tile-title {
    font-size: 1.5rem;
}

.col-lg-8 .tile-title,
.col-lg-12 .tile-title {
    font-size: 3rem;
}

.colored-tile-wrapper img {
    width: 70px;
    margin-bottom: 15px;
}

.colored-tile-wrapper p {
    color: white;
}

.colored-tile-wrapper .colored-tile-title {
    font-size: 1.3rem;
    font-weight: bold;
}

.colored-tile-wrapper {
    padding: 30px;
}

.portrait-wrapper {
    background-size: cover;
    background-position: center top;
}

.job-wrapper:last-child {
    margin-bottom: 20px;
}

.job-wrapper {
    padding: 20px 0;
    border-bottom: 3px solid rgba(189, 189, 187, 0.2);
    opacity: 1;
    transition: opacity 0.3s;
}

.job-wrapper:hover {
    opacity: 0.6;
    transition: opacity 0.3s;
}

.select2-container .select2-selection--single .select2-selection__clear {
    font-size: 40px;
    position: absolute;
    right: 20px;
    background-color: #f0f0f0;
}

/*--------------------------------------------------------------
# Medien
--------------------------------------------------------------*/
a.voila-stoerer {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #40b0df;
    color: white !important;
    font-size: 1.5rem !important;
    font-weight: bold;
    height: 250px;
    width: 250px;
    border-radius: 50%;
    text-align: center;
    padding: 15px;
    transform: rotate(10deg);
    margin-bottom: 4rem;
    transition: all 0.3s;
}

a.voila-stoerer:hover {
    transform: rotate(0deg);
}

a.voila-stoerer::before,
a.voila-stoerer::after {
    width: 0 !important;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
    font-size: 0.875rem;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
    display: none;
}

.search-form input[type="search"] {
    border: none;
    font-size: 2rem;
    color: #414341;
}

.textwidget {
    margin-top: 4px;
}

.search-form input[type="search"]:focus {
    outline: none;
}

.form-control:focus {
    box-shadow: none;
}

.search-icon {
    width: 50px;
    height: 50px;
}

.search-icon-white {
    width: 27px;
    height: 26px;
}

.search-icon-mobile {
    width: 20px;
    height: 20px;
    display: none;
}

.recently-searched a {
    color: #212529;
    display: inline-block;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: #eee;
    text-decoration: none;
}

.half-rule {
    width: 6rem;
    margin: 2.5rem 0;
}

.widget_categories .nav-link {
    display: inline-block;
}

.entry-summary {
    display: none;
}

.entry-summary p {
    color: #414341;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

#content.site-content {
    padding-bottom: 3.75rem;
    padding-top: 4.125rem;
}

.sticky .entry-title::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 1.563rem;
    left: -2.5rem;
    position: absolute;
    top: 0.375rem;
    font-weight: 900;
}

a .entry-title {
    font-size: 17px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

a .entry-title:hover {
    font-size: 17px;
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.sticky .entry-title {
    position: relative;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
    margin-top: 0;
}

.post.hentry {
    margin-bottom: 4rem;
}

.posted-on,
.byline,
.comments-link {
    color: #9a9a9a;
}

.entry-title>a {
    color: inherit;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-body .pull-left {
    padding-right: 0.625rem;
}

.comment-list .comment {
    display: block;
}

.comment-list {
    padding-left: 0;
}

.comments-title {
    font-size: 1.125rem;
}

.comment-list .pingback {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
    border: medium none;
}

.cc-banner {
    border-top: 1px solid #f0f0f0;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}

.media-list {
    list-style: none;
    padding: 0;
}

.media-list li {
    border-bottom: 1px solid #cdcecf;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.media-list li:hover,
.media-list .grid-item:hover {
    background-color: #f0f0f0;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.media-list a {
    color: #414341;
}

.media-list a::before,
.media-list a::after {
    display: none;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    /*background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;*/
    max-width: 96%;
    padding: 0.313rem 0.313rem 0;
    text-align: center;
}

.wp-caption img[class*="wp-image-"] {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text {
    font-size: 0.688rem;
    line-height: 1.063rem;
    margin: 0;
    padding: 0.625rem;
    padding-left: 0;
}

.wp-caption-text {
    text-align: left;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-item .gallery-columns-2 {
    max-width: 50%;
}

.gallery-item .gallery-columns-3 {
    max-width: 33.33333%;
}

.gallery-item .gallery-columns-4 {
    max-width: 25%;
}

.gallery-item .gallery-columns-5 {
    max-width: 20%;
}

.gallery-item .gallery-columns-6 {
    max-width: 16.66667%;
}

.gallery-item .gallery-columns-7 {
    max-width: 14.28571%;
}

.gallery-item .gallery-columns-8 {
    max-width: 12.5%;
}

.gallery-item .gallery-columns-9 {
    max-width: 11.11111%;
}

.gallery-caption {
    display: block;
}


/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/

.woocommerce-cart-form .shop_table .coupon .input-text {
    width: 8.313rem !important;
}

.variations_form .variations .value>select {
    margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
    max-width: 100%;
}


/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/

.entry-footer {
    display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
    padding-bottom: 0;
    padding-top: 0;
}

.elementor-page .entry-content {
    margin-top: 0;
}


/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/

.vc_desktop article .entry-footer {
    display: none;
}

.vc_desktop #content.site-content {
    padding-bottom: 0;
    padding-top: 0;
}

.vc_desktop .entry-content {
    margin-top: 0;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer#kontakt {
    font-size: 85%;
}

footer {
    position: relative;
    margin-top: 50px;
}

footer a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #212529;
}

footer a:hover {
    color: #212529;
    opacity: 0.8;
}

footer hr {
    border-color: white !important;
    z-index: 0;
}

footer img {
    height: 15px;
}

footer .slogan {
    color: #80807e;
    font-size: 1.1rem;
}

.click-to-top {
    z-index: 2;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.click-to-top:hover {
    cursor: pointer;
}

.scroll-top {
    position: fixed;
    right: 40px;
    bottom: 40px;
    height: 50px;
    width: 50px;
    z-index: 4;
    opacity: 0.6;
}

.to-top {
    position: absolute;
    bottom: 20px;
    right: 50px;
    color: white;
}

.arrow-top-white {
    position: absolute;
    bottom: 52px;
    right: 20px;
    height: 30px;
}

.bg-light-grey {
    background-color: #f0f0f0;
}

.blue-triangle {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 700px;
    opacity: 0.7;
}

body:not(.theme-preset-active) footer#kontakt {
    background-color: white;
}

.navbar-dark .site-info {
    color: #fff;
}

footer .site-info a {
    margin-left: 20px;
}

.copyright {
    font-size: 0.875rem;
    margin-bottom: 0;
    text-align: center;
}

.copyright a,
footer#kontakt a {
    color: inherit;
}

.menu__wrap #searchform {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
}

.menu__wrap #searchform input {
    font-size: 17px;
    border-radius: 0;
}

.mobile-search-lang+#searchform {
    margin-top: 0;
}

.menu__wrap #searchform label {
    display: flex;
}

.menu__wrap #searchform img {
    height: 20px;
    width: 20px;
}

.menu__wrap #searchform span {
    background: white;
    /* width: 30px; */
    padding-left: 10px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu__wrap {
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 20px;
}

.menu:not(#menu-location-menu) {
    z-index: 9999;
    height: calc(100vh - 70px);
}

@media screen and (max-width: 767px) {
    #masthead .navbar-nav>li>a {
        padding-bottom: 0.938rem;
        padding-top: 0.938rem;
    }
    .stoerer-wrapper {
        width: 100%;
    }
    .text-image-box .colored-box {
        display: none;
    }
    .colored-box-mobile .colored-box {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        margin-top: -30px;
    }
    .card-columns {
        column-count: 1;
    }
    .mitarbeitervideos-filter .filter {
        margin-bottom: 20px;
    }
    .team-wrapper .grid-item {
        margin: 0 auto;
    }
    .job-type-item.active {
        background-color: #e3e3e3;
    }
    .job-type-item {
        background-color: #f0f0f0;
        margin-right: 5px;
    }
    .filter-group-content {
        display: none;
    }
    .filter-group-head {
        position: relative;
    }
    .filter-group-head img {
        display: block;
    }
    .filter-group-content {
        padding: 15px 0;
    }
    .filter-group {
        margin-top: -3px;
        border-top: 3px solid #f0f0f0;
        border-bottom: 3px solid #f0f0f0;
    }
    .filter-group h2 {
        margin: 0;
        padding: 0;
    }
    .filter-group-head {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .headimage-jobs .claim h3 {
        max-width: none;
        width: 100%;
    }

    .template-jobs .moodpicture-wrapper #lottie {
        width: 150%;
        left: -25%;
    }
}

@media screen and (max-width: 991px) {
    .scroll-top {
        right: 15px;
        bottom: 15px;
    }

    a.voila-stoerer {
        height: auto;
        width: 100%;
        border-radius: 0;
        transform: rotate(0);
        margin-bottom: 0;
    }
}


/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/

@media (min-width: 1200px) {
    .nav-mobile {
        display: none;
    }
    .arrow-right-black {
        display: none;
    }
}

@media only screen and (max-width: 1280px) {
    html {
        font-size: 95%;
    }
}

@media screen and (max-width: 1199px) {
    .email-fsize b {
        font-size: 12px;
    }
    .navbar-dark .dropdown-item {
        color: #fff;
    }
    .navbar-nav .dropdown-menu {
        background: transparent;
        box-shadow: none;
        border: none;
    }
    .bluebox {
        left: 105px;
    }
    .composition1 .big-title {
        font-size: 2.2rem;
    }
    /*.composition1-wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;

  }

  .composition1-scroll {
    width: 1200px;
  }

  .composition1 .big-title {
    margin-left: 20px;
  }

  .composition1-overlay {
    position: absolute;
    right: 0;
    height: 100%;
    width: 200px;
    z-index: 3;
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 60%);
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0) 60%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0) 60%);
    display: flex;
    align-items: center;
  }

  .arrow-right-black {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 0;
  }*/
}


/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
    html {
        font-size: 90%;
    }
}


/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/

@media only screen and (max-width: 991px) {
    html {
        font-size: 85%;
    }
    .hidden-sm {
        display: none;
    }
    .navbar {
        display: block !important;
    }
    .navbar-toggler {
        float: right;
        padding-right: 15px;
    }
    .search-icon-mobile {
        margin-left: 20px;
    }
    .imgright-container {
        display: none;
    }
    .imgtop {
        background-position: top;
    }
    .composition1 .big-title {
        font-size: 3rem;
    }
}


/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
    html {
        font-size: 80%;
    }
    .alignleft {
        display: static;
    }
    .text-icon {
        margin-left: auto;
    }
    .wp-image-689 {
        margin-left: 15px;
    }
    .breadcrumb {
        padding-left: 15px;
    }
    .icon-menu a {
        margin-top: .2em;
        margin-bottom: .2em;
    }
    .icon-menu .overview-name {
        line-height: 1.1em;
    }
    .moodpicture-wrapper h2,
    body:not(.theme-preset-active) #page-sub-header h1,
    .events-wrapper h2,
    .textblock-wrapper h2,
    .slider-container h2,
    .news-container h1,
    .big-title,
    .big-title * {
        font-size: 2.6rem;
    }
    .colored-textbox ul li {
        padding-top: .25em;
        padding-bottom: .25em;
        line-height: 1.3em;
    }
    footer a {
        display: inline-block;
        padding-bottom: 5px;
    }
    .moodpicture-wrapper h2 {
        text-shadow: 0 3px 3px rgba(0, 0, 0, .6);
    }
    .moodpicture-wrapper h3 {
        text-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    }
    .template-jobs .moodpicture-wrapper h3 {
        text-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    }
    
    .template-jobs .moodpicture-wrapper {
        height: 450px;
    }
}


/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/

@media only screen and (max-width: 600px) {
    .container.overview,
    .container.textblock-wrapper,
    .healthystories-element,
    .element-searchbar,
    .container.dropdown-element {
        padding-left: 30px;
        padding-right: 30px;
    }
    .events-wrapper {
        padding: 40px 15px;
    }
    .news-container-element {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 480px) {
    html {
        font-size: 75%;
    }
    .site-info b,
    .site-info a {
        font-size: 14px;
    }
    .mobile-margin {
        margin-top: .2em;
        margin-bottom: .2em;
        display: block;
    }
}


/*--------------------------------------------------------------
## iPhone SE
--------------------------------------------------------------*/

@media only screen and (max-width: 375px) {
    .email-fsize b {
        font-size: 10px;
    }
}


/*** MENU ANPASSUNGEN GRO?ER BILDSCHIRM *****/

@media screen and (min-width: 1700px) {
    .submenu-icons-wrapper {
        left: 15px;
    }
    .navbar .logo-mobile {
        margin-left: 0;
    }
    .navbar-toggler {
        padding-right: 0;
    }
}

.border-bottom-colored b,
.menu-location-item {
    position: relative;
}

.border-bottom-colored b::before,
.border-bottom-grey b::before,
.border-bottom-grey b::after,
.menu-location-item a::after,
.menu-location-item a::before,
.border-bottom-colored-thin::after,
.border-bottom-colored-thin::before,
.openingtimes-wrapper a::before,
.openingtimes-wrapper a::after,
.read-more::before,
.return-link::before,
.textblock-wrapper a::before,
.single-offer-text a::before,
.single-course-text a::before,
.border-bottom-colored b::after,
.read-more::after,
.return-link::after,
.textblock-wrapper a::after,
.single-offer-text a::after,
.single-course-text a::after,
.arrow-white b::after,
.arrow-white b::before,
.career-table a::before,
.career-table a::after,
.overview .overview-textblock a::before,
.overview .overview-textblock a::after,
.textblock-dropdown a::before,
.textblock-dropdown a::after {
    bottom: -3px;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
}

.textblock-wrapper a::before,
.textblock-wrapper a::after,
.all-jobs-wrapper a::after {
    bottom: 2px !important;
}

.border-bottom-colored b::before,
.border-bottom-colored-thin::before,
.border-bottom-grey b::before,
.menu-location-item a::before,
.openingtimes-wrapper a::before,
.read-more::before,
.return-link::before,
.textblock-wrapper a::before,
.single-offer-text a::before,
.single-course-text a::before,
.arrow-white b::before,
.career-table a::before,
.overview .overview-textblock a::before,
.textblock-dropdown a::before {
    width: 100%;
    opacity: 0.5;
}

.border-bottom-grey b::before,
.border-bottom-grey b::after,
.menu-location-item a::before,
.menu-location-item a::after {
    background: #818080;
}

.border-bottom-grey b::before,
.border-bottom-grey b::after {
    background: #818080;
}

.border-bottom-grey:hover,
.menu-location-item a:hover {
    opacity: 1;
}

.border-bottom-colored b::after,
.border-bottom-colored-thin::after,
.border-bottom-grey b::after,
.menu-location-item a::after,
.openingtimes-wrapper a::after,
.read-more::after,
.return-link::after,
.textblock-wrapper a::after,
.single-offer-text a::after,
.single-course-text a::after,
.arrow-white b::after,
.career-table a::after,
.overview .overview-textblock a::after,
.textblock-dropdown a::after {
    width: 0;
    transition: width .5s;
}

.border-bottom-colored b:hover::after,
.border-bottom-colored-thin:hover::after,
.openingtimes-wrapper a:hover::after,
.read-more:hover::after,
.return-link:hover::after,
.textblock-wrapper a:hover::after,
.all-jobs-wrapper a:hover::after,
.single-offer-text a:hover::after,
.single-course-text a:hover::after,
.arrow-white b:hover::after,
.career-table a:hover::after,
.overview .overview-textblock a:hover::after,
.border-bottom-grey b:hover::after,
.menu-location-item a:hover::after,
.textblock-dropdown a:hover::before {
    border: none;
    width: 100%;
}

.arrow-white b::after,
.arrow-white b::before {
    background: white;
}


/*** Cookie banner fixes ****/

body .moove-gdpr-cookie-notice,
#moove_gdpr_cookie_info_bar *,
body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,
body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button,
body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font-size: 1rem;
}


/**** Temporärer Fix weil mainmenu und language-menu als Filter im Blog angezeigt werden ***/

.job-type-item.category.main-menu,
.job-type-item.category.language-menu,
.job-type-item.category.newsticker,
.job-type-item.category.newsslider {
    display: none;
}