/* IE + Edge Fixes */
.ie .same-height.autogrid, .edge .same-height.autogrid {
	display: block;
}
.ie .two_columns_referenzen .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image > .ce_image .image_container > img,
.edge .two_columns_referenzen .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image > .ce_image .image_container > img{
	position: relative;
    top: 50px;
    transform: translateY(-50%);
}
/* FIX Blocksatz */
.align-left-justify, .align-center-justify, .align-right-justify {
	hyphens: auto;
}
/****************************/
/*	   WEIHNACHTSVIDEO		*/
/****************************/
.weihnachtsvideo #mep_0, .weihnachtsvideo .mejs__overlay{
	margin: 0 auto;
	max-width: 90vw;
    max-height: 90vh;
}

.weihnachtsvideo #mep_0{
	border: 2px solid white;
    z-index: 1;
    box-shadow: 0px 0px 0px 1px black;
}

.weihnachtsvideo h1{
	text-align: center;
	padding-bottom: 25px;
	position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 100px;
}

.weihnachtsvideo .mod_article{
	padding: 50px 0 !important;
	
	max-width: 100vw !important;
}

.weihnachtsvideo .ce_player video{
	height: 100%;
}

.weihnachtsvideo .ce_image{
	position: absolute;
    left: 0;
    top: 0;
}

.weihnachtsvideo .image_container, .weihnachtsvideo .image_container img, .weihnachtsvideo .ce_image{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

#weihnachtsvideo{
	position: relative;
	height: 100vh;
	width: 100vw;
	
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/****************************/
/*			COLORS			*/
/****************************/
:root {
	--main-color-black: #3b3b3a; /* Schwarz 90%  */
	--accent-color-red: #e30000; /* Magenta 100%, Gelb 100% */
	--bg-color-grey: #b3b3b3; /* Schwarz 30% */
	--bg-color-light-grey: #f2f2f2; /* Schwarz 5% */
}

.black-text, .black-text p{
    color: #3b3b3a;
    color: var(--main-color-black);
}
.bg_black {
    background-color: #3b3b3a;
    background-color: var(--main-color-black);
}

.grey-text, .grey-text p {
    color: #b3b3b3;
    color: var(--bg-color-grey);
}
.bg_grey {
    background-color: #b3b3b3;
    background-color: var(--bg-color-grey);
}

.light_grey-text, .light_grey-text p {
    color: #f2f2f2;
    color: var(--bg-color-light-grey);
}
.bg_light_grey {
    background-color: #f2f2f2;
    background-color: var(--bg-color-light-grey);
}

.red-text, .red-text p {
    color: #e30000;
    color: var(--accent-color-red);
}
.bg_red {
    background-color: #e30000;
    background-color: var(--accent-color-red);
}

/****************************/
/*			FONTS			*/
/****************************/

/* Avenir 45 Book Oblique / Avenir Oblique */
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/avenir-oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: fallback;
}

/* Avenir 55 Roman */
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/avenir-roman-webfont.woff2') format('woff2'),
    url('../fonts/avenir-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}

/* Avenir 65 Medium */
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/avenir-medium-webfont.woff2') format('woff2'),
    url('../fonts/avenir-medium-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: fallback;
}

/* Avenir 85 Heavy */
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/avenir-heavy-webfont.woff2') format('woff2'),
    url('../fonts/avenir-heavy-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: fallback;
}

/*@font-face {
    font-family:'avenir45_oblique';
    src: url('../fonts/avenir-oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir55_roman';
    src: url('../fonts/avenir-roman-webfont.woff2') format('woff2'),
    url('../fonts/avenir-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

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

/* Social Media Circled Regular - Iconfont */
@font-face {
    font-family: 'social_media_circledregular';
    src: url('../fonts/social_media_circled-webfont.woff2') format('woff2'),
    url('../fonts/social_media_circled-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/************************************/
/*			TEXT & HEADINGS			*/
/************************************/
html, body, button, input {
    font-family: Avenir, 'Helvetica Neue', sans-serif;
    font-size: 16px;
    color: #3b3b3a;
    line-height: 1.5rem;
    font-weight: normal;
    font-style: normal;
}

body {
	padding-bottom:0!important;
}

a, p a, .ce_text_extented a {
    color: #3b3b3a;
    color: var(--main-color-black);
    cursor: pointer;
    text-decoration: underline;
}

p.back a, .back p a {
    color: #e30000;
    color: var(--accent-color-red);
    text-decoration: none;
}

a:hover {
    color: #e30000;
    color: var(--accent-color-red);
}

.smartmenu-content a,
a#nav-open-btn,
.karriere_red_box a {
	text-decoration: none;
}

.mainmenu ul ul li a.submenu:after {
	transform: translateY(-50%);
	top: 50%;
	color: #4d4f4f!important;
}

/*a:visited {
    color: unset;
}*/

h1, .header_big div p {
    font-weight: bold;
    font-size: 2.5rem; /* -> 40px */
    line-height: 2.875rem; /* -> 46px */
}

h2, .header_big_background div p {
    font-weight: bold;
    font-size: 2.5rem; /* -> 40px */
    line-height: 3.1875rem; /* -> 51px */
}

.header_big_background div p {
    letter-spacing: 0.5px;
}

h4, .header_small div p {
    color: #3b3b3a;
    color: var(--main-color-black);
    font-size: 1.25rem; /* -> 20px */
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

h4 {
	margin-top: 25px;
	margin-bottom: 10px;
}

h3, .header_big_kontakt div p {
    font-weight: bold;
    font-size: 2.5rem; /* -> 40px */
    line-height: 3rem; /* -> 48px */
}

.header_big_kontakt div p {
    color: #b3b3b3;
    color: var(--bg-color-grey);
    font-size: 1.5625rem;
    letter-spacing: 0;
}

.header_big, .header_big_background, .header_small {
    width: fit-content;
    overflow: visible;
    display: inline-block;
}

.header_big:after, .header_big_background:after, .header_small:after, .event .title:after {
    content: "";
    display: block;
    position: relative;
    top: 1rem;
    left: -97px;
    width: 250px;
    max-width: 50vw;
    border-bottom: 2px solid #e30000;
    border-bottom: 2px solid var(--accent-color-red);
}

.header_big.red:after, .header_big_background:after, .event .title:after {
    top: 2rem;
}

.header_small {
	width: 100%;
}

.header_small.align-center:after {
    /*width: 400%;*/
    left: 50%;
    transform: translateX(-50%);
}

/*.text_background {
    max-width: 590px;
}*/

.text_background div p {
    font-size: 1rem; /* -> 16px */
    line-height: 1.4375rem; /* -> 23px */
    letter-spacing: -0.2px;
}

/*.color-lightgray p {
    line-height: 1.6;
    color: #3b3b3a!important;
    color: var(--main-color-black)!important;
}*/

.event h6 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: bold;
    margin-bottom: 0;
}

/************************************/
/*			VARIOUS STYLES			*/
/************************************/
/*.align-center.image_container img, .align-center .image_container img {
	margin-right: auto;
	margin-left: auto;
}*/
#container {
    background: #fff;
}

.block {
    overflow: visible;
}

.autogrid {
    overflow: visible !important;
}

.level_two_boxed .contentwrap {
    max-width: 1050px !important;
}

.boxed-content .contentwrap,
#main .mod_article.fullwidth .auto_margin {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.autogrid_wrapper .inner.same-height {
    flex-wrap: wrap;
}

noscript p {
    display: block;
    margin: 12px;
    padding: 4px 6px;
    overflow: hidden;
    background-color: #f2f2f2;
    background-color: var(--bg-color-light-grey);
    border: 1px solid #3b3b3a;
    border: 1px solid var(--main-color-black);
    line-height: 24px;
    width: calc(100% - 24px);
    text-align: center;
}

.ce_revolutionslider ~ noscript {
    margin: 12px auto;
    width: 1204px;
    max-width: calc(100vw - 24px);
}
/****************************/
/*			TOP-BANNER		*/
/****************************/
#topbanner {
	background-color: #676c6f;
	color: white;
	font-family: "Lato", sans-serif;
	font-weight: 300;
	letter-spacing: 0.5px;
	display: flex;
	height: 64px;
	justify-content: flex-end;
	align-items: center;
}
#topbanner p {
	margin: 0;
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	padding-right: calc(100vw / 16);
}
#topbanner img {
	display: block;
	margin-left: 6px;
}
/****************************/
/*			HEADER			*/
/****************************/
.header {
    line-height: 135px;
}

.header .inside {
    padding: 14px 18px 21px;
}

.logo a {
    background-position-x: left;
    background-position-y: bottom;
    background-image: url(/files/cto_layout/img/logo_1.png)!important;
}

.stickyheader .header.cloned {
    line-height: 43px;
}

.stickyheader .inside {
    padding-top: 0;
    padding-bottom: 0;
}

.stickyheader .logo {
    width: 284px;
    height: 70px;
}

.stickyheader .logo a {
    margin-top: 0px;
    background-position-y: center;
}

.stickyheader .mainmenu ul li a {
    /* margin-top: 61px; */
}

.vlist.level_1 {
    float: right;
}

.mainmenu ul li {
    margin-left: 0;
    margin-right: 0;
    line-height: normal;
}

.mainmenu > ul > li {
	margin-bottom: 20px;
	/*margin-bottom: 10px;*/
	vertical-align: bottom;
}

.mainmenu ul li a {
    font-size: 0.9375rem; /* -> 15px */
}

.mainmenu ul li a span {
    color: #3b3b3a;
    color: var(--main-color-black);
    letter-spacing: 0.02em;
    padding: 10px 15px;
    /*display: inline-block*/
}

.mainmenu ul ul li a span {
    padding: 0;
}

.mainmenu ul li a:hover:not(.a-level_2):not(.a-level_3):not(.mm-next) span, .mainmenu ul li a.active:not(.a-level_2):not(.a-level_3):not(.mm-next) span, .mainmenu ul li a.trail:not(.a-level_2):not(.a-level_3):not(.mm-next) span {
    padding: 10px 15px;
}
.mainmenu ul li a:hover:not(.a-level_2):not(.a-level_3):not(.mm-next) span {
	/*content: "";*/
	/*display: block;*/
	/*position: absolute;*/
    /*bottom: -10px;*/
    /*left: calc(50% - 19px);*/
	/*width: 38px;*/
	/*height: 2px;*/
	/*line-height: 0;*/
	border-bottom: 3px solid #e30000;
	border-bottom: 3px solid var(--accent-color-red);
}

/* SUBMENU */
.mainmenu ul li:hover > ul, .mainmenu ul li:hover .megamenu-wrapper {
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-delay: 0.25s;
    animation-fill-mode: both;
}

.mainmenu ul li a.a-level_1:hover span, .mainmenu ul li a.a-level_1.active span, .mainmenu ul li a.a-level_1.trail span {
    padding-bottom: 18px !important;
}

/*#stickyheader .mainmenu ul li a.a-level_1:hover span, #stickyheader .mainmenu ul li a.a-level_1.active span, #stickyheader .mainmenu ul li a.a-level_1.trail span {
    padding-bottom: 11px !important;
}*/

.mainmenu ul ul {
    box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1), 2px 2px 2px -1px rgba(0, 0, 0, 0.1);
}

.mainmenu ul ul li.first {
    margin-top: 10px;
}

.mainmenu ul ul li.last {
    margin-bottom: 10px;
}

.mainmenu ul ul li a {
    text-align: center;
    border: none;
}

.mainmenu ul ul li a span:after {
	display: block;
	content: attr(title);
	font-weight: bold;
	color: transparent;
	overflow: hidden;
	visibility: hidden;
	padding: 0 10px;
	margin-top: -32px;
	margin-left: 10px;
}

.mainmenu ul ul li a.active span:after, .mainmenu ul ul li a.trail span:after {
    /*margin-top: 0;*/
}

.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu), .mainmenu ul ul li a.active, .mainmenu ul ul li a.trail:not(.megamenu) {
    background: none !important;
}

.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu) span, .mainmenu ul ul li a.active span, .mainmenu ul ul li a.trail:not(.megamenu) span {
    padding-bottom: 7px !important;
    /* background: rgb(246, 246, 246); */
    font-weight: bold;
    border: none;
}

:not([class*="smartmenu"]) > ul li ul.vlist.level_2:not(.mm-listview) {
    margin-top: 20px;
    transform: translateX(-50%);
    left: 50%;
}

/*#stickyheader ul.vlist.level_2 {
    margin-top: -2px;
}*/

.mainmenu ul ul {
    border-top: none;
    background: white;
}

.mainmenu ul li a.a-level_2 {
    margin-top: 0;
}

/* Stickyheader Abstandsausgleich zu normalem Header (siehe Zeile 278) */
.stickyheader .mainmenu {
    margin-right: -18px;
}

/* NO NAVIGATION LINK CLASS */
.nonavlink a:not(.a-level_2):not(.a-level_3):not(.mm-next) {
    pointer-events: none;
    cursor: default;
}

/*
@media only screen and (min-width: 1024px){
	.nonavlink a:not(.a-level_2):not(.a-level_3) {
		pointer-events: none;
		cursor: default;
	}
}

@media only screen and (max-width: 1023px){
	.nonavlink a:not(.mm-next) {
		pointer-events: none;
		cursor: default;
	}
}
*/

/************************************/
/*			THOMAS LOECHTE			*/
/************************************/
/* Background Image */
.thomas_loechte .padding_background .contentwrap {
    padding-bottom: 0px !important;
    margin-right: 35%;
    margin-left: 20%;
    padding-right: 100px !important;
}

.bg_left.ce_bgimage .ce_bgimage-image {
    right: 65%;
}

.bg_center.ce_bgimage .ce_bgimage-image {
    left: 32.5%;
    right: 32.5%;
}

.bg_right.ce_bgimage .ce_bgimage-image {
    left: 65%;
}

.bg-hor-0.ce_bgimage .ce_bgimage-image {
    background-position-x: 0%;
}

.bg-hor-10.ce_bgimage .ce_bgimage-image {
    background-position-x: 10%;
}

.bg-hor-20.ce_bgimage .ce_bgimage-image {
    background-position-x: 20%;
}

.bg-hor-30.ce_bgimage .ce_bgimage-image {
    background-position-x: 30%;
}

.bg-hor-40.ce_bgimage .ce_bgimage-image {
    background-position-x: 40%;
}

.bg-hor-50.ce_bgimage .ce_bgimage-image {
    background-position-x: 50%;
}

.bg-hor-60.ce_bgimage .ce_bgimage-image {
    background-position-x: 60%;
}

.bg-hor-70.ce_bgimage .ce_bgimage-image {
    background-position-x: 70%;
}

.bg-hor-80.ce_bgimage .ce_bgimage-image {
    background-position-x: 80%;
}

.bg-hor-90.ce_bgimage .ce_bgimage-image {
    background-position-x: 90%;
}

.bg-hor-100.ce_bgimage .ce_bgimage-image {
    background-position-x: 100%;
}
/* Horizontal classes for tablet */
@media only screen and (max-width: 1023px) {
	.bg-hor-tab-0.ce_bgimage .ce_bgimage-image {
	    background-position-x: 0%;
	}
	
	.bg-hor-tab-10.ce_bgimage .ce_bgimage-image {
	    background-position-x: 10%;
	}
	
	.bg-hor-tab-20.ce_bgimage .ce_bgimage-image {
	    background-position-x: 20%;
	}
	
	.bg-hor-tab-30.ce_bgimage .ce_bgimage-image {
	    background-position-x: 30%;
	}
	
	.bg-hor-tab-40.ce_bgimage .ce_bgimage-image {
	    background-position-x: 40%;
	}
	
	.bg-hor-tab-50.ce_bgimage .ce_bgimage-image {
	    background-position-x: 50%;
	}
	
	.bg-hor-tab-60.ce_bgimage .ce_bgimage-image {
	    background-position-x: 60%;
	}
	
	.bg-hor-tab-70.ce_bgimage .ce_bgimage-image {
	    background-position-x: 70%;
	}
	
	.bg-hor-tab-80.ce_bgimage .ce_bgimage-image {
	    background-position-x: 80%;
	}
	
	.bg-hor-tab-90.ce_bgimage .ce_bgimage-image {
	    background-position-x: 90%;
	}
	
	.bg-hor-tab-100.ce_bgimage .ce_bgimage-image {
	    background-position-x: 100%;
	}
}

/* Image in Content */
.auto_margin .inside {
    max-width: 1050px !important;
    margin-right: auto;
    margin-left: auto;
}

.image_right_half {
    position: relative;
    margin-left: auto;
    width: 50%;
}

.image_right_third {
    position: relative;
    margin-left: auto;
    width: 33.3333%;
}

#main .bg_right_half.boxed-content .contentwrap, #main .bg_right_third.boxed-content .contentwrap {
    padding: 0 !important;
    padding-left: 1% !important;
}

.bg_right_half {
    position: relative;
    margin-left: auto;
    margin-right: -1px;
    width: 50%;
}

.bg_right_third {
    position: relative;
    margin-left: auto;
    margin-right: -1px;
    width: 33.3333%;
}

@media only screen and (max-width: 767px) {
    .image_right_half {
        position: relative;
        margin-left: 0;
        margin-right: auto;
        transform: scaleX(-1);
        width: 50%;
    }

    .image_right_third {
        position: relative;
        transform: translateY(-166px);
        margin-bottom: -166px;
        width: 33%;
    }

    /*.image_right_third {
        position: relative;
        margin-left: unset;
        margin-right: auto;
        transform: scaleX(-1);
        width: 33%;
    }*/
    .bg_right_half {
        position: relative;
        width: 100%;
        margin-right: 0;
        /*margin-bottom: -65px;*/
    }

    .bg_right_third {
        position: relative;
        width: 100%;
        margin-right: 0;
        /*margin-bottom: -65px;*/
    }

    #main .bg_right_half.boxed-content .contentwrap, #main .bg_right_third.boxed-content .contentwrap {
        padding: 0 !important;
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 375px) {
    .image_right_third {
        position: relative;
        margin-left: calc(20px + 2%);
        margin-right: auto;
        margin-bottom: 0;
        transform: scaleX(-1);
        width: 50%;
    }
}

#main .mod_article.thomas_loechte .ce_bgimage .ce_bgimage-inside, .thomas_loechte .boxed-content .contentwrap {
	padding-left: 0!important;
}

/*.thomas_loechte .autogrid_wrapper .ce_autogridwrapper, .thomas_loechte .autogrid_wrapper > .ce_autogridwrapper > .inside > .ce_autogridwrapper > .inside > .ce_image > .image_container > img {
    height: 980px;
}*/
.thomas_loechte.portrait_boxed .autogrid_wrapper > .ce_autogridwrapper, .thomas_loechte.portrait_boxed .autogrid_wrapper .ce_autogridwrapper .inside .ce_autogridwrapper .inside {
    height: 980px;
}

/* Quote */
.thomas_loechte .font-style-quote ~ div p, .thomas_loechte .font-style-quote ~ div img {
    margin-left: 20px;
}

.ce_text_extented.font-style-quote p {
    border: none;
    margin-left: 20px;
    padding-left: 0;
}

.ce_text_extented.font-style-quote p:first-child:before {
    content: "„";
    font-family: Avenir, 'Helvetica Neue', sans-serif;
    position: absolute;
    left: -22px;
    opacity: inherit;
    font-size: inherit;
    line-height: inherit;
}
@media only screen and (max-width: 1023px) {
	.ce_text_extented.font-style-quote p:first-child:before {
		left: -18px;
	}
	#main .mod_article.thomas_loechte .ce_bgimage .ce_bgimage-inside, .thomas_loechte .boxed-content .contentwrap {
		padding-top: 0!important;
	}
	#main .mod_article.thomas_loechte .ce_bgimage .ce_bgimage-inside .header_big_background + .autogrid_wrapper .ce_autogridwrapper.block.one_third {
		width: 50%;
	}
	#main .mod_article.thomas_loechte .ce_bgimage .ce_bgimage-inside .header_big_background + .autogrid_wrapper .ce_autogridwrapper.block.one_third:nth-child(n+3) {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.ce_text_extented.font-style-quote p:first-child:before {
		left: -16px;
	}
}

.ce_text_extented.font-style-quote p:first-child:after {
    content: "“";
}

/************************************/
/*			KONTAKT & MAP			*/
/************************************/
.anfahrtskarte.fullwidth.boxed-content .contentwrap {
    max-width: 1214px;
}

.anfahrtskarte .autogrid_wrapper {
    background-color: #f2f2f2;
}

.anfahrtskarte .ce_autogridWrapperStart:first-child {
    padding-left: 50px;
}

@media only screen and (max-width: 767px) {
    .anfahrtskarte .ce_autogridWrapperStart.two_columns_text .inside {
        max-width: 80%;
        margin: 0 auto;
    }
}

.anschrift_stadt {
    margin-top: 82px;
    font-size: 24px;
}

.anschrift_plz {
    margin-top: 23px;
}

.anschrift_kontakt {
    margin-top: 95px;
    font-size: 15px;
}

#infab_map {
    padding-right: 0;
}

/* LEAFLET */
/*.ce_leaflet {
    transform: translateX(1%);
}

@media screen and (max-width: 768px) {
	.ce_leaflet {
		padding-left: 40px;
		padding-right: 40px;
		transform: translateX(0);
	}
}

#map_ce_91669 {
    filter: grayscale(0.8);
}*/

/* CON4GIS */
/*.ol-control:hover, .ol-control button:focus, .ol-control button:hover, .c4g-permalink-popup button:focus, .c4g-permalink-popup button:hover, .c4g-permalink.c4g-open button, .c4g-portside-control.c4g-open button {
    background-color: #3b3b3a!important;
    background-color: var(--main-color-black)!important;
}*/

.ol-attribution {
    background: #f2f2f2 !important;
    transform: translate(3px, 3px);
}

.ol-attribution ul, .ol-attribution ul a {
    color: #3b3b3a!important;
    color: var(--main-color-black)!important;
}

.ol-attribution button {
    display: none !important;
}

/****************************/
/*			FOOTER			*/
/****************************/
#footer {
    background-color: #e30000;
    background-color: var(--accent-color-red);
    line-height: 1.2rem;
}

#footer label {
    color: #f2f2f2;
}

#footer i:before {
    color: #f2f2f2;
}

/* Login */
.mod_login {
    padding: 0;
    background: none;
    margin: 0;
    max-width: 500px;
    border: none;
}

.mod_login h3 {
    display: none;
}

#footer .inside {
    margin: 0 auto;
    padding: 49px 40px 25px 17px;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p {
    color: #f2f2f2;
    font-family: Avenir, 'Helvetica Neue', sans-serif;
    /*font-weight: bold;*/
    letter-spacing: -0.3px;
    font-size: 16px;
}

#footer p a {
    color: #f2f2f2;
    text-decoration: none;
}

#footer a:hover, #bottom .inside a:hover {
    color: #b3b3b3;
    color: var(--bg-color-grey);
}

#footer h4 {
	line-height: 1.2rem;
    margin-bottom: 28px;
}

#footer .footer-col2 > :first-child {
	margin-top: 25px;
}

#footer .footer-col2 h4 {
    margin-bottom: 30px;
}

#footer .footer-col3 .ce_text,
#footer .footer-col4 .ce_text {
    margin-top: 25px;
}

.mod_login input.text {
    margin-bottom: 0;
}

input.submit, button.submit {
    padding: 12px 20px;
}

#footer .mod_socials a i {
    background-color: #b3b3b3;
    background-color: var(--bg-color-grey);
    margin-right: 4px;
}

a.totop {
    display: none;
}

#footer .mod_socials a i:before {
    color: #f2f2f2;
}

/*.footer-col1, .autogrid.footer-col1 {
    padding-right: 59px;
}*/

/*.footer-col2, .autogrid.footer-col2 {
    padding-left: 39px;
}*/

/*.footer-col3, .autogrid.footer-col3 {
    padding-left: 145px; /* vorher: 193px *//*
    padding-top: 9px;
}*/

/*.footer-col4, .autogrid.footer-col4 {
    padding-left: 130px;
    padding-top: 6px;
}*/

.footer-col4 p {
    margin-bottom: 18px;
}

.footer-col4 p a {
    font-size: 16px;
    letter-spacing: 0px;
}

p.social_icons_footer {
    letter-spacing: 0.3px;
    margin-bottom: 18px;
    margin-top: -4px;
}

input {
    padding: 10px;
}

#footer .widget {
    margin-bottom: 5px;
}

#footer .widget-text label {
    display: none;
}

#footer .widget-password label {
    display: none;
}

#footer .widget input {
    padding: 5px 10px;
}

#footer .widget input::placeholder {
    color: #3b3b3a;
    color: var(--main-color-black);
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9375rem;
}

#footer .widget button {
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9375rem;
    padding: 5px 10px;
}

#bottom {
    background-color: #e30000;
    background-color: var(--accent-color-red);
}

#bottom .inside {
    padding: 20px 0;
    max-width: 1210px;
    border-top: 2px solid #f2f2f2;

}

#bottom .inside .left {
    color: #f2f2f2;
    font-family: Avenir, 'Helvetica Neue', sans-serif;
    font-weight: bold;
}

#bottom .inside .right a {
    color: #f2f2f2;
}

@media only screen and (max-width: 767px) {
    #bottom .inside .left {
        padding: 0 20px;
    }
}

#footer .autogrid_wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
}
.footer-col1, .autogrid.footer-col1 {
    /*padding-right: 0!important;*/
    display: flex;
    justify-content: center;
}
.footer-col2, .autogrid.footer-col2 {
    /*padding-left: 0!important;*/
    max-width: 500px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
.footer-col3, .autogrid.footer-col3,
.footer-col4, .autogrid.footer-col4 {
    /*padding-left: 0!important;*/
    /*padding-top: 0!important;*/
    display: flex;
    justify-content: center;
}
.social_icons_footer {
    display: flex;
    justify-content: flex-start;
}
.circled_icons {
    font-family: 'social_media_circledregular';
    font-size: 30px;
    /*position: absolute;
    left: 151px;*/
    margin-right: 10px;
    display: inline-block;
    transform: translateY(4px);
}
.circled_icons.xing {
    background-image: url(/files/cto_layout/fonts/Xing.svg);
    width: 32px;
    height: 32px;
    margin-top: -7px;
    margin-bottom: -3px;
    padding-top: 7px;
    background-size: contain;
    opacity: 0.9;
    display: inline-block;
    transition: filter 0.3s ease;
    -webkit-transition: filter 0.3s ease;
}
#footer a:hover .circled_icons.xing {
	filter: brightness(0.75);
}
/******************++++++++**********/
/*			START-SLIDER			*/
/***********************++++++++*****/

.ce_revolutionslider_text.invertcolor {
    color: rgba(59, 59, 58, 1);
}

.ce_revolutionslider_text.col_1_line_1 {
    letter-spacing: -4px; /* MV, before: -2px */
}

.ce_revolutionslider_text.col_1_line_2 {
    letter-spacing: 0;
}

.ce_revolutionslider_text.col_1_line_3 {
    letter-spacing: -3px;
}

.ce_revolutionslider_text.col_1_line_4 {
    color: #e30000;
    color: var(--accent-color-red);
}

.col_2_line_1, .col_2_line_2, .col_2_line_3, .col_2_line_4, .col_2_line_5, .col_2_line_6, .col_2_line_7, .col_2_line_8, .col_2_line_9 {
    font-family: Avenir, 'Helvetica Neue', sans-serif;
    font-weight: 600;
    letter-spacing: -0.035em !important; /* MV, before: + not - */
}

.col_3_line_1 {
    font-size: 1.125rem; /* -> 18px */
    color: rgb(59, 59, 58);
    font-weight: normal;
    padding: 21px 85px;
    border-radius: 50px;
    border: 2px solid rgb(59, 59, 58) !important;
    background: rgba(255, 255, 255, 0.28) !important;
}

.col_3_line_1_sl2 {
    font-size: 1.125rem; /* -> 18px */
    color: rgb(59, 59, 58);
    font-weight: normal;
    padding: 21px 71px;
    border-radius: 50px;
    border: 2px solid rgb(59, 59, 58) !important;
    background: rgba(255, 255, 255, 0.28) !important;
}

.col_3_line_1_sl3 {
    font-size: 1.125rem; /* -> 18px */
    color: rgb(59, 59, 58);
    font-weight: normal;
    padding: 21px 68px;
    border-radius: 50px;
    border: 2px solid rgb(59, 59, 58) !important;
}

.col_3_line_2 {
    font-size: 0.9375rem; /* -> 15px */
    font-weight: normal;
    line-height: 1.2rem;
    padding: 14px 63px;
    min-width: 166px;
    border-radius: 0;
    border: none !important;
    background-color: #3b3b3a!important;
    background-color: var(--main-color-black)!important;
    color: #f2f2f2;
}

.col_3_line_2_sl2 {
    font-size: 1.0625rem; /* -> 17px */
    font-weight: normal;
    padding: 14px 68px;
    border-radius: 36px;
    border: none !important;
    background-color: #e30000!important;
    background-color: var(--accent-color-red)!important;
}

.col_3_line_2_sl3 {
    font-size: 1.0625rem; /* -> 17px */
    font-weight: normal;
    padding: 14px 68px;
    border-radius: 36px;
    border: none !important;
    background-color: #e30000!important;
    background-color: var(--accent-color-red)!important;
}

#startslider + .tp-bullets.preview1 {
    display: none;
}

/************************************/
/*			REVIEWS-SLIDER			*/
/************************************/
/* Content */
.reviews-slider .review-text p {
    white-space: pre-line;
    padding: 40px 12% 0;
    text-align: center;
    font-style: oblique;
    font-size: 22px!important;
}

.reviews-slider .review-name p {
	white-space: pre-line;
	letter-spacing: 2.5px !important;
	/*padding-bottom: 80px;*/
	text-transform: uppercase;
	font-size: 14px!important;
}

@media only screen and (max-width: 767px) {
	.reviews-slider,
	.reviews-slider .tp-revslider-mainul,
	.reviews-slider .tp-revslider-mainul .slide.current-sr-slide-visible,
	.reviews-slider .review-text,
	.reviews-slider .review-name {
		position: relative!important;
		height: auto!important;
		top:0!important;
		/*margin-top: -50%!important;*/
		/*transform: translateY(50%)!important;*/
	}
	.reviews-slider .review-text p {
		padding: 0 12% 0;
		font-size: 18px!important;
		line-height: initial!important;
	}
	.reviews-slider .review-name p {
		padding: 20px 12% 0;
		font-size: 12px!important;
		line-height: initial!important;
		margin: 0 auto!important;
		margin-top: 20px!important;
		text-align: center;
	}
}

/* Bullets */
.reviews-slider .tp-bullets.simplebullets.preview1 {
    bottom: 0!important;
    top: -10px;
}

.reviews-slider .tp-bullets.simplebullets.preview1 .bullet {
    background-color: transparent !important;
    background-image: none !important;
    width: 9px !important;
    height: 9px !important;
    border: 1px solid #3b3b3a!important;
    border: 1px solid var(--main-color-black)!important;
    border-radius: 100% !important;
}

.reviews-slider .tp-bullets.simplebullets.preview1 .bullet {
    margin-right: 10px !important;
}

.reviews-slider .tp-bullets.simplebullets.preview1 .bullet.last {
    margin-right: 0 !important;
}

.reviews-slider .tp-bullets.simplebullets.preview1 .bullet:hover, .reviews-slider .tp-bullets.simplebullets.preview1 .bullet.selected {
    background-color: transparent !important;
    background-image: none !important;
    width: 9px !important;
    height: 9px !important;
    border: 1px solid #3b3b3a!important;
    border: 1px solid var(--main-color-black)!important;
    border-radius: 100% !important;
}

.reviews-slider .tp-bullets.simplebullets.preview1 .bullet:hover::before, .reviews-slider .tp-bullets.simplebullets.preview1 .bullet.selected::before {
    content: '';
    display: block;
    position: relative;
    top: 1px;
    left: 1px;
    width: 7px;
    height: 7px;
    background-color: #3b3b3a;
    background-color: var(--main-color-black);
    border-radius: 100%;
}

/* Arrows */
.reviews-slider .tparrows.preview1:after {
    background: none;
    color: #3b3b3a;
    color: var(--main-color-black);
    transition: color 0.5s ease-in-out, text-shadow 0.5s ease-in;
    width: 50px;
    font-size: 45px;
}

.reviews-slider .tparrows.preview1:hover:after {
    color: white;
    background: none;
    width: 50px;
    font-size: 45px;
    text-shadow: 0 0 5px #3b3b3a;
    text-shadow: 0 0 5px var(--main-color-black);
}

.reviews-slider .tp-leftarrow.preview1 {
    left: -115px !important;
}

.reviews-slider .tp-rightarrow.preview1 {
    left: auto !important;
    right: -115px !important;
}

.reviews-slider .tp-rightarrow.preview1:after {
    right: 0px;
    left: auto;
}

.reviews-slider .tp-bannertimer {
    display: none;
}

.boxed-content.slider-autogrid-fix .contentwrap {
    padding-left: 0.5% !important;
    padding-right: 0.5% !important;
}

/********************************/
/*			TEAM-SLIDER			*/
/********************************/

.team-slider .tp-bullets.hidebullets {
    opacity: 1;
}

.team-slider .tp-bullets.simplebullets.round-old {
    bottom: auto !important;
    top: 40px !important;
    display: flex;
    align-items: center;
}

.team-slider .tp-bullets.simplebullets.round-old .bullet {
    border-radius: 100%;
    background: #3b3b3a center;
    background: var(--main-color-black) center;
    width: 7px;
    height: 7px;
}

.team-slider .tp-bullets.simplebullets .bullet:hover::before, .team-slider .tp-bullets.simplebullets .bullet.selected::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    margin: -2px;
    border: 3px solid #3b3b3a;
    border: 3px solid var(--main-color-black);
    border-radius: 100%;
}

.team-slider .tp-bullets.simplebullets.round-old .bullet:not(.first) {
    margin-left: 17px;
}

.team-slider .tp-bullets.simplebullets.round-old .bullet:hover:not(.first), .team-slider .tp-bullets.simplebullets.round-old .bullet.selected:not(.first) {
    margin-left: 18px;
}

.team-slider .tp-caption.team-text {
    max-width: 500px!important;
}

.team-slider .tp-caption.team-text p {
    line-height: 24px !important;
    white-space: normal;
    text-align: center;
    font-size: 16px!important;
}

.team-slider .tp-caption.team-name p {
    line-height: 25px !important;
    font-size: 18px!important;
}

.team-slider .tp-caption.team-name p br {
    display: none;
}

.team-slider .tp-caption.team-name p:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 0;
    line-height: 0;
    width: 83px;
    margin-right: 17px;
    margin-left: -50px;
    border-top: 3px solid red;
}

/* Vor- und Zurück-Pfeile */
.team-slider .tparrows.hidearrows {
    /*opacity: 1;
    visibility: visible!important;
    display: block!important;*/
}
.team-slider .tparrows.round-old {
    width: 25px;
    height: 100px;
    background: #fff;
    background: rgba(255,255,255,.25);
    -webkit-transform-style: flat;
    transition: width 0.5s, height 0.5s, margin-top 0.5s;
    top: 50%!important;
}
.team-slider .tparrows.round-old:hover {
    width: 70px;
    height: 70px;
    margin-top: -30px!important;
}
.team-slider .tparrows:hover:after {
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.team-slider .tp-leftarrow {
    left: 0!important;
}
.team-slider .tp-rightarrow {
    right:0!important;
}
.team-slider .tp-leftarrow:after {
    content: '\e824';
}
.team-slider .tp-rightarrow:after {
    content: '\e825';
}
.team-slider .tparrows:after {
    position: absolute;
    line-height: 100px;
    text-align: center;
    font-family: "revicons";
    color: #aaa;
    font-size: 30px;
    top: 0px;
    left: 0px;
    background: #fff;
    background: rgba(255,255,255,.25);
    z-index: 100;
    width: 25px;
    height: 100px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    transition: width 0.5s, height 0.5s, line-height 0.5s;
}

@media only screen and (max-width: 1070px) {
	.team-slider .tparrows.hidearrows {
		opacity: 1;
    }
    .team-slider .tparrows.round-old {
		width: 70px;
		height: 70px;
		margin-top: -30px!important;
	}
	.team-slider .tparrows:after {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
}

/****************************/
/*		KARRIERE-SLIDER		*/
/****************************/
.karriere-slider .tp-bullets {
    opacity: 0.75;
}

.karriere-slider .tp-bullets.simplebullets.round-old {
    bottom: auto !important;
    top: 30px !important;
    display: flex;
    align-items: center;
}

.karriere-slider .tp-bullets.simplebullets.round-old .bullet {
    border-radius: 100%;
    background: #fff center;
    width: 7px;
    height: 7px;
}

.karriere-slider .tp-bullets.simplebullets .bullet:hover::before, .karriere-slider .tp-bullets.simplebullets .bullet.selected::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    margin: -2px;
    border: 3px solid #fff;
    border-radius: 100%;
}

.karriere-slider .tp-bullets.simplebullets.round-old .bullet:not(.first) {
    margin-left: 17px;
}

.karriere-slider .tp-bullets.simplebullets.round-old .bullet:hover:not(.first), .karriere-slider .tp-bullets.simplebullets.round-old .bullet.selected:not(.first) {
    margin-left: 18px;
}

.karriere-slider .ce_revolutionslider_text.col_1_line_1 {
    letter-spacing: 0!important;
    width: 1240px;
    padding-left: 20px!important;
    padding-bottom: 45px!important;
}

.karriere-slider .ce_revolutionslider_text.col_1_line_1 p {
	font-size: 60px!important;
}

/********************************/
/*			HEADMOTIV			*/
/********************************/
#slider .ce_bgimage, #slider .ce_bgimage-outer, #slider .ce_bgimage-inside {
    display: flex;
}

#slider .ce_bgimage-outer {
    width: 1240px;
    margin: 0 auto;
}

#slider .ce_bgimage-inside {
    flex-flow: column;
    justify-content: flex-end;
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 0;
}

#slider .ce_bgimage .ce_headline, .ce_headline.in_slider {
    font-size: 3.75rem; /* -> 60px */
    line-height: 4.0625rem; /* -> 65px */
    font-weight: bold;
}
.ce_headline.in_slider {
    left: -86.5px;
    top: -161px;
    padding-left: 1%;
    padding-right: 1%;
    position: absolute;
}

#slider .ce_bgimage .ce_headline:first-of-type {
    margin-top: 25px;
}

/*#slider .ce_bgimage .ce_headline.line-count-1 {
    margin-top: calc(525px - (1 * 3.75rem) - 4.0625rem);
}

#slider .ce_bgimage .ce_headline.line-count-2 {
    margin-top: calc(525px - (2 * 3.75rem) - 4.0625rem);
}

#slider .ce_bgimage .ce_headline.line-count-3 {
    margin-top: calc(525px - (3 * 3.75rem) - 4.0625rem);
}

#slider .ce_bgimage .ce_headline.line-count-4 {
    margin-top: calc(525px - (4 * 3.75rem) - 4.0625rem);
}*/

#slider .ce_bgimage .ce_headline:not(:last-of-type) {
    margin-bottom: 0 !important;
}

#slider .ce_bgimage .ce_text {
    font-size: 0.9rem;
    line-height: 1.2rem;
}

#slider .ce_bgimage-inside > * {
    width: 60%;
}

#slider .headmotiv_gfu_logo {
	width: auto!important;
    min-width: auto!important;
    position: absolute;
    top: 35px;
    left: 20px;
}
/*#slider .headmotiv-buttons {
	position: absolute;
    top: 35px;
}
#slider .headmotiv-buttons .gfu-button, #slider .headmotiv-buttons .data-science-button {
	max-width: 254px;
	float: left;
	background: white;
}
#slider .headmotiv-links {
	position: absolute;
    top: 20px;
}
#slider .headmotiv-links .gfu-link, #slider .headmotiv-links .data-science-link {
	padding: 5px 10px;
	background: white;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#slider .headmotiv-links .gfu-link:hover,#slider .headmotiv-links .gfu-link:focus, #slider .headmotiv-links .data-science-link:hover, #slider .headmotiv-links .data-science-link:focus {
	-webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0 0 10px -5px rgba(0,0,0,0.75);
	box-shadow: 0 0 10px -5px rgba(0,0,0,0.75);
}*/
#slider .headmotiv-logos .gfu-link, #slider .headmotiv-logos .data-science-link {
    display: block;
    float: left;
    width: 117px;
    height: 37px;
    /*background: white;*/
    margin-bottom: 5px;
}
#slider .headmotiv-logos .gfu-logo, #slider .headmotiv-logos .data-science-logo {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: -15px 0;
}
#slider .headmotiv-logos .gfu-logo {
	background-image: url(../img/gfu_button.png);
}
#slider .headmotiv-logos .data-science-logo {
	background-image: url(../img/data_science_button.png);
}

@media only screen and (max-width: 1070px) {
	#slider .ce_bgimage {
		/*height: auto!important;*/
		max-height: 250px;
	}
	#slider .ce_bgimage-inside {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#slider .ce_bgimage-inside > * {
        width: 100%;
    }
	#slider .ce_bgimage .ce_headline, .ce_headline.in_slider {
		font-size: 2.5rem;
        line-height: 2.875rem;
	}
	.ce_headline.in_slider {
		font-size: 60px;
		left: 0px;
    	top: -110px;
	}
	#slider .ce_bgimage .ce_headline:first-of-type {
		margin-top: 0!important;
	}
	#slider .ce_bgimage .ce_headline:last-of-type {
		margin-bottom: 0!important;
	}
	.back p {
        margin-bottom: 15px !important;
    }
	.karriere_header_img .ce_bgimage .ce_bgimage-image {
		background-size: 130%;
		background-position: 55% 83%;
	}
}
@media only screen and (max-width: 767px) {
    #slider .ce_bgimage .ce_headline {
        width: -webkit-max-content;
    }
    
    .ce_headline.in_slider {
		font-size: 30px;
    	top: -76px;
	}

    #slider .ce_bgimage .ce_headline[class*="line-count"] {
        margin-top: 20px;
    }

    #slider .ce_bgimage-inside {
        width: 100%;
        max-width: 100vw;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: flex-end;
        align-content: flex-end;
        margin: 0;
    }
}

/********************************/
/*			TWO COLUMNS			*/
/********************************/
.ce_autogridwrapper.one_half.two_columns_text {
    vertical-align: middle;
}

.ce_autogridwrapper.one_half.two_columns_button .inside {
    justify-content: center;
}

.ce_autogridwrapper.one_half.two_columns_button .infab_button a {
    margin: 0;
}

/****************************/
/*			BUTTONS			*/
/****************************/
.infab_button a, .infab_button button, .cookiebar_slim .cookiebar_button a, .mod_cookiebar_optin .submit.readonly, .mod_cookiebar_optin .submit.readonly:hover, .mod_cookiebar_optin .submit.readonly:focus {
    font-size: 0.9375rem;
    line-height: 1.2rem;
    font-weight: normal;
    padding: 14px 63px;
    border-radius: 0;
    border: none !important;
    background-color: #e30000!important;
    background-color: var(--accent-color-red)!important;
    margin-top: 15px;
    color: #f2f2f2 !important;
    text-decoration: none;
    min-width: 166px;
    cursor: pointer;
}

.cookiebar_slim .cookiebar_button {
	margin: 0 5px 0;
}
.cookiebar_slim .cookiebar_button a {
    padding: 14px 0;
    margin-top: 0;
}

.ce_autogridwrapper.one_half .infab_button a {
    font-size: 0.9375rem;
    font-weight: normal;
    letter-spacing: 0.06rem;
    padding: 14px 63px;
    text-transform: uppercase;
}

.infab_button a:hover, .infab_button button:hover {
    background-color: rgba(227,0,0,0.75)!important;
    color: #f3f3f3 !important;
}

.cookiebar_slim .cookiebar_button a:hover, .mod_cookiebar_optin .submit.readonly:hover, .mod_cookiebar_optin .submit.readonly:focus {
	background-color: #f18080!important;
	color: #f3f3f3 !important;
	opacity: 1;
}

.infab_button.blocks a {
    padding: 19.2px 45.8px; /* vorher: 18px 54px */
    background: #ffffff !important;
}

.infab_button_dark a, .infab_button_dark button {
	background-color: #3b3b3a!important;
	background-color: var(--main-color-black)!important;
}

.infab_button_dark a:hover, .infab_button_dark button:hover {
	background-color: #3b3b3a!important;
	background-color: var(--main-color-black)!important;
	opacity: 0.75;
}

.infab_button_grey a, .infab_button_grey button {
	background-color: #b3b3b3!important;
	background-color: var(--bg-color-grey)!important;
}

.infab_button_grey a:hover, .infab_button_grey button:hover {
	background-color: #b3b3b3!important;
	background-color: var(--bg-color-grey)!important;
	opacity: 0.75;
}

.mod_login button.submit {
    border-radius: 0;
    background-color: #3b3b3a;
    background-color: var(--main-color-black);
}

.mod_login button.submit:hover {
    background-color: #b3b3b3;
    background-color: var(--bg-color-grey);
}

.ce_revolutionslider_hyperlink:hover {
    background-color: #b3b3b3;
    background-color: var(--bg-color-grey);
    color: #f2f2f2;
}

/****************************/
/*			DIVIDER			*/
/****************************/
/* Version 5 */
.ce_divider_extended.infab_divider.version5 {
    width: 50%;
    height: 3px;
    margin: 100px auto 0 !important;
}

/****************************/
/*			ANDERE			*/
/****************************/
.mm-slideout {
    overflow: hidden;
}

#main .mod_article {
    padding-top: 35px;
    padding-bottom: 145px;
}

/*.padding_background .pt-xxl {
    padding-top: 110px !important;
}

.padding_background .pb-xxl {
    padding-bottom: 95px !important;
}*/

.infab_button.mt-xxl {
    margin-top: 100px !important;
}

.no_opacity {
    color: #3b3b3a;
    color: var(--main-color-black);
}

/* Seminare + Karriere "zurück" */
.level_two_boxed p.back, .level_two_boxed .back p, .mod_eventreader p.back {
    margin-bottom: 19px;
}

/* Autogrid - Clear-Reparatur */
/*.autogrid.clear, .autogrid_clear {
    margin-bottom: 0 !important;
}*/

/* Mod-Reader - Clear-Reparatur */
.autogrid.clear, .autogrid_clear {
   margin-bottom: 0 !important;
}
.mod_eventreader .clear {
	margin-bottom: 0;
}
.mod_eventreader .clear:not(.autogrid):not(.autogrid_clear) {
    margin-bottom: 35px;
}

.mod_cookiebar_optin .cookiebar_content {
	background-color: black;
	color: white;
}

.mod_cookiebar_optin .cookiebar_content a, .mod_cookiebar_optin .palette .cookie_option_info {
	color: white;
}

.mod_cookiebar_optin .palette .item {
	background-color: var(--main-color-black);
	color: white;
}

/********************************/
/*	Imagebox - kein Schatten	*/
/********************************/
.ce_text_imagebox:hover a:hover {
	box-shadow: none;
}

/********************************/
/*			SEMINARBOX			*/
/********************************/

/* *** NEU *** */

.seminar-box:nth-child(n+4),
.karriere_box:nth-child(n+3),
.leistungen_box:nth-child(n+4),
.event-box:nth-child(n+4) {
	margin-top: 20px;
}

.seminar-box .inside,
.karriere_box .inside,
.leistungen_box .inside,
.event-box .inside {
    padding: 8%;
    background-color: #e30000;
    background-color: var(--accent-color-red);
    height: 100%;
}

.seminar-box .content,
.karriere_box .content,
.leistungen_box .content,
.event-box .content {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.seminar-box.dark_text a.ce_text_imagebox_link:hover,
.karriere_box.dark_text a.ce_text_imagebox_link:hover,
.leistungen_box.dark_text a.ce_text_imagebox_link:hover,
.event-box.dark_text a.ce_text_imagebox_link:hover {
	 color: #3b3b3a;
   color: var(--main-color-black);
}

.seminar-box .content .headline,
.karriere_box .content .headline,
.leistungen_box .content .headline,
.event-box .content .headline {
    margin-bottom: 0;
}

.seminar-box .content div.headline .headline,
.karriere_box .content div.headline .headline,
.leistungen_box .content div.headline .headline,
.event-box .content div.headline .headline {
    font-weight: bold;
    font-size: 1.56rem;
    line-height: 1.9rem;
}

.seminar-box .content p,
.karriere_box .content p,
.leistungen_box .content p,
.event-box .content p {
    border-top: 2px solid white !important;
    text-align: right;
    font-size: 1.25rem; /* -> 20px */
    font-size: 1.06rem;
    line-height: 2.5rem; /* -> 40px */
    margin-bottom: -10px;
}

.seminar-box.dark_text .content p,
.karriere_box.dark_text .content p,
.leistungen_box.dark_text .content p,
.event-box.dark_text .content p {
  border-top-color: #e30000!important;
	border-top-color: var(--accent-color-red)!important;
}

/* *** ALT *** */

/*#main .mod_article.seminar_block {
    padding-top: 90px;
    padding-bottom: 120px;
}

#main .mod_article.seminar_block_2 {
    padding-bottom: 0;
}

#main .mod_article.seminar_block_3 {
    padding-top: 0;
    padding-bottom: 40px;
}

.header_big_seminare.mt-s {
    margin-top: 34px !important;
}

.seminare_text_block div p {
    font-size: 20px;
}

.icons_seminare_section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 60px !important;
    padding-bottom: 0 !important;
}

.iconbox_seminare_fullwidth {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.iconbox_seminare_fullwidth .ce_iconbox_outside.padding {
    padding: 22px;
    background: #f2f2f2 !important;
}

.iconbox_seminare_fullwidth:hover .ce_iconbox_outside.padding {
    background: #f2f2f2!important;
}

.iconbox_seminare_fullwidth .ce_iconbox_outside.padding .content {
    opacity: 1;
}

.iconbox_seminare_fullwidth h3 {
    color: #e30000;
    color: var(--accent-color-red);
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0;
}

.iconbox_seminare_fullwidth p {
    font-size: 15px;
    color: #b3b3b3;
    color: var(--bg-color-grey);
}*/

/****************************/
/*		KARRIERE BOX		*/
/****************************/
.karriere_box .inside,
.leistungen_box .inside,
.event-box .inside {
    padding: 6%;
}

.karriere_box .content,
.leistungen_box .content,
.event-box .content {
    justify-content: flex-start;
}

.karriere_box .content p.karriere_box_text,
.leistungen_box .content p.leistungen_box_text,
.event-box .content p.event_box_text {
    font-size: 1.06rem;
    line-height: 1.43rem;
    text-align: left;
    border: none !important;
    margin-bottom: 0;
}

.karriere_box .content p.karriere_box_text:nth-last-child(2),
.leistungen_box .content p.leistungen_box_text:nth-last-child(2),
.event-box .content p.event_box_text:nth-last-child(2) {
    margin-bottom: 10px;
}

.karriere_box .content p.karriere_box_text.stellenbeschreibung,
.leistungen_box .content p.leistungen_box_text.heading,
.event-box .content p.event_box_text.heading {
    font-weight: bold;
    margin: 15% 0 6% 0;
}

.karriere_box .content p.karriere_box_text_button,
.leistungen_box .content p.leistungen_box_text_button,
.event-box .content p.event_box_text_button {
    margin-top: auto;
    color: #e30000;
    color: var(--accent-color-red);
    margin-bottom: -10px;
}

/****************************/
/*		LEISTUNGEN BOX		*/
/****************************/
.leistungen_box .inside,
.event-box .inside {
    padding: 8% 8% 5%;
}
.leistungen_box .content div.headline .headline,
.event-box .content div.headline .headline {
    margin-bottom: 38px;
    line-height: 1.9rem;
}
.leistungen_box:nth-child(2):not(.einzelig) .content div.headline .headline,
.leistungen_box:nth-child(3):not(.einzelig) .content div.headline .headline {
    margin-bottom: 5px;
}

/************************/
/*		EVENTS BOX		*/
/************************/

.imagebox_event .imagebox_event_banner{
	position: absolute;
    height: auto;
    max-height: 210px;
    width: 100%;
    top: 5%;
    left: 0;
    padding: 20px;
    background: rgba(227,0,0,0.86);
    background: #e30000dc;
    color: white;
    font-weight: bold;
}
.imagebox_event2 .imagebox_event_banner {
	padding: 10px 20px;
    background: rgba(227,0,0,0.86);
    background: #e30000dc;
    color: white;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 14px;
}
.imagebox_event2 .imagebox_event_banner p {
	margin-bottom: 0.25em;
}
.imagebox_event2 .imagebox_event_banner p:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.imagebox_event2.imagebox_event2 h4 {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid;
	margin-bottom: 10px;
}
.imagebox_event2 .event_text {
	line-height: 1.2;
	height: calc(5*1.2em);
	overflow: hidden;
	margin-bottom: 2em;
}
.imagebox_event2 .event_text p {
	margin-bottom: 1.2em;
}

.imagebox_event2 .event_teilnehmer {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px
}

.event_teilnehmer p {
    justify-self: center;
    line-height: 1.2;
}

.event_teilnehmer p a:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.event_teilnehmer p img {
    display: block;
}
@media only screen and (min-width: 480px) {
    .imagebox_event .imagebox_event_banner {
        width: 75%
    }
}
@media only screen and (min-width: 768px) {
    .imagebox_event .imagebox_event_banner {
        width: 100%;
        height: 120px;
        top: 0;
    }
}

@media only screen and (min-width: 930px) {
    .imagebox_event .imagebox_event_banner {
        width: 75%;
        height: 120px;
        top: 5%;
    }
}
.ce_text.imagebox_event .imagebox_event_banner {
    left: auto;
    margin-left: -20px;
    max-width: calc(100% - 20px);
}
.ce_text.imagebox_event .imagebox_event_content_wrapper, .ce_text.imagebox_event .image_container {
	background-color: #f2f2f2;
    background-color: var(--bg-color-light-grey);
}
.ce_text.imagebox_event .imagebox_event_content_wrapper a {
	padding: 20px;
}

.ce_text.imagebox_event .image_container:hover ~ .imagebox_event_content_wrapper .more, .imagebox_event2 a:hover {
    color: #e30000;
    text-decoration: none;
}

#eventslider.show-mobile .ce_text.imagebox_event {
	padding-left: 10px;
	padding-right: 10px;
}

.ce_text.imagebox_event .image_container img{
    width: 100%;
}
.imagebox_event2 .image_container img {
	width: 100%;
	max-height: 144px;
	object-fit: cover;
}
.imagebox_event h4 {
    margin-top: 0;
    margin-bottom: 50px;
    min-height: calc(3 * 1.3em);
}
.imagebox_event .imagebox_event_banner .imagebox_event_date {
	font-size: 25px;
    margin-bottom: 0;
}
.imagebox_event .imagebox_event_banner .imagebox_event_date .date-day-big {
	font-size: 24px;
	line-height:1.2;
}
.imagebox_event .imagebox_event_banner .imagebox_event_duration, .imagebox_event .imagebox_event_text .imagebox_event_location, .imagebox_event .imagebox_event_text .imagebox_event_price {
	font-size: 14px;
    display: flex;
    align-items: center;
}
.imagebox_event .imagebox_event_banner .imagebox_event_duration img, .imagebox_event .imagebox_event_text .imagebox_event_location img, .imagebox_event .imagebox_event_text .imagebox_event_price img {
	margin-right: 10px;
}

.imagebox_event .imagebox_event_text {}
.imagebox_event .imagebox_event_text .imagebox_event_location {
        margin-bottom: 0;
}

.ce_image_text_box.version2 .ce_image_text_box_content_outside {
    padding: 20px;
}
.ce_image_text_box.version2 .image_container {
    max-height: 210px;
    overflow: hidden;
}
.ce_image_text_box.version2 .image_container img {
    height: auto;
    max-width: 100%;
    width: 100%;
}
.imagebox_event2 a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}
.imagebox_event2 .more a {
    color: white;
    text-decoration: none;
    background-color: #e3010f;
    display: inline-block;
    padding: 5px 15px;
    box-sizing: border-box;
	font-size: 14px;
}
/****************************/
/*		EVENTS SLIDER		*/
/****************************/
/* Content-Slider: Abstände korrigieren*/
#main #eventslider {
    padding-left: 0;
    padding-right: 0;
}

#eventslider .content-slider .slider-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

#eventslider .content-slider .slider-wrapper > * {
    overflow: hidden;
    padding: auto 20px;
}

#eventslider .content-slider .slider-wrapper .autogrid_wrapper {
    margin: 0;
}

#eventslider .imagebox_event .ce_image_text_box_inside {
    border: none;
    border-radius: 0;
    background-color: #f2f2f2;
    background-color: var(--bg-color-light-grey);
}

#eventslider .imagebox_event a {
    color: #b3b3b3;
    color: var(--bg-color-grey);
    text-decoration: none;
    display: block;
    -webkit-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
}
.imagebox_event2 .imagebox_event_content_wrapper {
	background-color: #f2f2f2;
	background-color: var(--bg-color-light-grey);
	-webkit-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
	color: #b3b3b3;
	color: var(--bg-color-grey);
	font-size: 14px;
	padding: 0 20px 20px;
}

#eventslider .imagebox_event a:hover .more,
#eventslider .imagebox_event a:focus .more,
.ce_text.imagebox_event .image_container:hover ~ .imagebox_event_content_wrapper .more,
.ce_text.imagebox_event .image_container:focus ~ .imagebox_event_content_wrapper .more{
    color: #e30000;
    color: var(--accent-color-red);
    text-decoration: none;
}

#eventslider .more {
    height: auto;
    text-align: right;
    padding-top: 10px;
    margin: 0;
    border-top: 2px solid;
}

/* Content-Slider: Navigationspunkte nach oben */
#eventslider .content-slider .slider-wrapper .autogrid_wrapper .inner {
    padding-top: 50px;
    padding-bottom: 25px;
}
#eventslider .ce_sliderStart .slider-control {
    height: 0;
}
#eventslider .ce_sliderStart .slider-control .slider-menu {
    top: 0;
    bottom: auto;
    display: none;
}
#eventslider .ce_sliderStart .slider-control a {
    top: calc(50% + 50px);
}

.ce_sliderStart:hover .slider-control a.slider-prev::before {
	opacity: 1;
	left: -5px;
}

#eventslider .ce_sliderStart .slider-control .slider-prev {
    left: -20px;
}
.slider-control a.slider-prev::before {
	color: #3b3b3a;
	text-shadow: none;
	opacity: 1;
}
#eventslider .ce_sliderStart .slider-control .slider-next {
    right: -20px;
}

.ce_sliderStart:hover .slider-control a.slider-next::after {
    right: -5px;
}

.slider-control a.slider-next::after {
	color: #3b3b3a;
	text-shadow: none;
	opacity: 1;
}
/****************************************/
/*			SEMINARE - DETAILS			*/
/****************************************/
/*.event-article .mod_eventreader {
    padding-left: 18px !important;
    padding-right: 18px !important;
    max-width: 1240px;
    margin: 0 auto;
}*/

.event-article .event .title {
	max-width:50%;
	line-height: 2.875rem;
}
/*.event .title:after {
    content: "";
    display: block;
    position: relative;
    top: 2rem;
    width: 250px;
    border-bottom: 2px solid #e30000;
    border-bottom: 2px solid var(--accent-color-red);
}*/

.event .autogrid_wrapper {
	margin-left: -3%;
	margin-right: -3%;
}

.event .autogrid_wrapper .ce_autogridwrapper {
	padding-left: 3%;
	padding-right: 3%;
}

.event table {
	margin-bottom:15px;
}
.event tbody {
    vertical-align: top;
}

/*.event th, .event .ce_downloads h6 {
    width: 36%;
}*/

.event td, .event .ce_downloads ul {
    /*width: calc(64% - 10px);*/
    padding-left: 10px;
}

.event .ce_downloads {
    margin-top: 15px;
    display: flex;
}

.event .ce_downloads a {
    font-weight: bold;
    text-decoration: underline;
}

.event .ce_downloads li:last-of-type {
    margin-bottom: 0;
    border: none;
}

.event .link-gfu h6, .event .link-gfu p {
    display: inline;
}

:not(.infab_button) > a[href*="www.gfu.net"] {
	color: #266cb4;
}

.event .ce_autogridwrapper.one_half .infab_button a {
    letter-spacing: normal;
}

/*.goto-form_wrapper {
	margin-left: -3%;
	margin-right: -3%;
}
.goto-form_wrapper .infab_button {
	margin-left: 50%;
	padding-left: 3%;
	padding-right: 3%;
}
.goto-form_wrapper .infab_button a {
	display: inline-block;
	margin-top: 0;
}*/

@media only screen and (max-width:1110px) {
	.event-article .event .title {
		max-width: 100%;
	}
}
/****************************************/
/*			SEMINARE - FORMULAR			*/
/****************************************/

.event-article .ce_form {
    padding: 5% 15%;
    background-color: #f2f2f2;
    overflow: hidden;
}

.event-article .ce_form form .explanation > h2 {
    margin-bottom: 3rem;
}

.event-article .ce_form form .explanation > h2:after {
    content: "";
    display: block;
    position: relative;
    top: 2rem;
    left: -97px;
    width: 250px;
    border-bottom: 2px solid #e30000;
    border-bottom: 2px solid var(--accent-color-red);
}

.event-article .ce_form input, .event-article .ce_form textarea, .event-article .ce_form select {
    background-color: #ffffff;
    font-size: 0.9rem;
}

.event-article .ce_form ::placeholder, .event-article .ce_form select:invalid, .event-article .ce_form label {
    -webkit-text-fill-color: #b3b3b3;
    -webkit-text-fill-color: var(--bg-color-grey);
    color: #b3b3b3;
    color: var(--bg-color-grey);
}

.event-article .ce_form select {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNC4wNXB4IiBoZWlnaHQ9IjcuNzM4cHgiIHZpZXdCb3g9IjUuOTkgMTAuOTg3IDE0LjA1IDcuNzM4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDUuOTkgMTAuOTg3IDE0LjA1IDcuNzM4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBpZD0iRXhwYW5kX01vcmUiIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xOC44MzEsMTEuMTk1bC01LjgxNSw1LjgxNmwtNS44MTUtNS44MTdjLTAuMjc3LTAuMjc3LTAuNzI2LTAuMjc3LTEuMDAyLDBjLTAuMjc3LDAuMjc3LTAuMjc3LDAuNzI2LDAsMS4wMDNsNi4zMTYsNi4zMThsMCwwbDAsMGMwLjI3NywwLjI3NywwLjcyNiwwLjI3NywxLjAwMiwwbDYuMzE2LTYuMzE4YzAuMjc2LTAuMjc3LDAuMjc2LTAuNzI3LDAtMS4wMDRDMTkuNTU3LDEwLjkxOCwxOS4xMDgsMTAuOTE4LDE4LjgzMSwxMS4xOTV6Ii8+PC9zdmc+);
    background-position: 95% 58%;
    background-repeat: no-repeat;
}

.event-article .ce_form form div.widget {
    margin-bottom: 0;
}

.event-article .ce_form button.submit {
    width: 100%;
    border-radius: 0;
}

.event-article:not(.karriere) .ce_form .autogrid_wrapper:nth-child(4) .autogrid .widget {
    padding-top: 5%;
}

.event-article .ce_form .autogrid_wrapper .autogrid-first .widget {
    /*padding-left: 5%;*/
}

.event-article .ce_form .autogrid_wrapper .autogrid-last .widget {
    /*padding-right: 5%;*/
}

.event-article .ce_form .autogrid_wrapper .widget {
    margin-bottom: 10px;
}

.event-article .ce_form .autogrid_wrapper:last-child .inner {
    display: flex;
}

.event-article .ce_form .autogrid_wrapper:last-child .autogrid.last {
    align-self: flex-end;
    margin-bottom: 7px;
}

/********************************************/
/*			TWO COLUMNS KARRIERE			*/
/********************************************/
.two_columns_karriere .inside {
    /*margin-right: -110px;*/
}

.two_columns_karriere .autogrid_wrapper .inner > [class*=ce_] {
    padding-top: 1%;
    padding-bottom: 1%;
}

.two_columns_karriere .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside {
    background-color: #e30000;
    background-color: var(--accent-color-red);
	height: 100%;
}

.two_columns_karriere .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image {
    position: relative;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
}

.two_columns_karriere .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image .image_container {
	padding: 3.5% 6% 3.5% 4.5%;
}

.two_columns_karriere .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image .image_container img {
	/*text-align: right;*/
}

/********************************/
/*			KARRIERE			*/
/********************************/
/* Heading */
.karriere_header_big {
    margin-bottom: 45px;
}

.karriere_header_big:after {
    left: -86.5px;
    width: 250px;
}

.offene_stellen_header_big:after {
    left: -97px;
    width: 250px;
}

.karriere_under_header_text div p {
    padding-right: 35px;
}
/* Rote Boxen */
.karriere_red_box {
    position: relative;
}

.karriere_red_box .image_container a {
    display: inline-block;
    width: 100%;
}

.karriere_red_box .ce_image_extended_inside {
    width: 77%;
}

.karriere_red_box .caption {
    position: absolute;
    left: 4.5%;
    top: 3.5%;
    font-size: 1.56rem;
    letter-spacing: 0.04rem;
    text-align: left !important;
    background: none;
    padding: 0;
    max-width: 50%;
}
/* Iconboxen */
.karriere_iconbox {
    margin-bottom: 65px!important;
}

#iconboxen_karriere .autogrid_wrapper:last-child {
    margin-bottom: -65px;
}

.karriere_iconbox:last-child {
    margin-top: 20px;
}

.karriere_iconbox h3 {
    font-size: 1rem;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 2px !important;
    color: #3b3b3a;
    color: var(--main-color-black);
    letter-spacing: 0.02rem;
}
/* Headmotiv */
.karriere_header_img .ce_bgimage-inside {
    padding-left: 15px !important;
}
/* Stellenanzeigen */
.event-article.karriere .gray_icons_bordered.autogrid-first {
	border-left: 2px solid #3b3b3a;
  border-left: 2px solid var(--main-color-black);
}

.event-article.karriere .gray_icons_bordered {
    border-right: 2px solid #3b3b3a;
    border-right: 2px solid var(--main-color-black);
}

/*.event-article.karriere .gray_icons_bordered.last_one {
    border: none;
}*/

.event-article.karriere h1.title:after {
    left: -97px;
    width: 300px;
}

/*.event-article.karriere.studenten h1.title:after {
    left: -97px;
    width: 300px;
}*/

.event-article.karriere h1.title {
    margin-bottom: 30px;
    max-width: 100%;
}

.event-article.karriere .ce_form .autogrid_wrapper .blockgrid_start.same-height ~ .one_sixth .widget-upload {
	background: white;
	/*padding-bottom: 12px;*/
}

.event-article.karriere .ce_form .autogrid_wrapper .blockgrid_start.same-height ~ .one_sixth .widget-upload label {
	padding: 10px 10px 0 10px;
	display: inline-block;
	font-size: 0.8rem;
}

.event-article.karriere .ce_form .autogrid_wrapper .blockgrid_start.same-height ~ .one_sixth .widget-upload input {
	
}

.event-article.karriere .ce_form .autogrid_wrapper .autogrid-last .widget.form_send_button {
    width: 49%;
    padding-left: 0;
    padding-right: 0;
}

.reverse_color h2 {
    color: #fff;
    margin-bottom: 5rem !important;
}

.reverse_color h2:after {
    border-bottom: 2px solid #fff !important;
}

.event-article.karriere .ce_form {
    background-color: #e30000;
    background-color: var(--accent-color-red);
}

/* Karriere Upload Styling */
.event-article.karriere .upload {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.upload + label {
    display: inline-block;
    cursor: pointer;
    font-family: Avenir, 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-weight: bold;
    /*padding: 14px 63px;*/
    border-radius: 0;
    border: none !important;
    background-color: #3b3b3a!important;
	background-color: var(--main-color-black)!important;
    /*margin-top: 15px;*/
    -webkit-text-fill-color: #ffffff!important;
    color: #ffffff !important;
    text-decoration: none;
    text-transform: uppercase;
    /*min-width: 166px;*/
    padding: 10px!important;
    width: 100%;
    margin-bottom: 0;
    word-break: break-word;
    text-align: center;
}

.upload + label.fa-upload:before {
	content: "";
}

.upload + label.fa-upload:after {
	content: "\f093";
    font-family: FontAwesome;
    font-size: 28px;
    line-height: 1.2;
    display: block;
    width: 100%;
    margin-top: 5px;
}

.upload:focus + label,
.upload + label:hover {
    background-color: #3b3b3a!important;
	background-color: var(--main-color-black)!important;
	opacity: 0.75;
}

.upload:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
/* Ende Karriere Upload Styling */

/* Anpassungen DropZone */
.multifileupload.dropzone, .dropzone .dz-container {
    background: white;
    border: none!important;
    padding: 0!important;
}
.dropzone .dz-message {
    background: #3b3b3a;
    border: none!important;
}
.dropzone .dz-message {
    font-family: Avenir, 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-weight: bold;
    color: #ffffff !important;
    text-transform: uppercase;
    padding: 10px!important;
}
.dropzone label.fa-upload:before {
	content: "";
}

.dropzone .dz-message-body:before {
	content: "\f093";
    font-family: FontAwesome;
    font-size: 28px;
    line-height: 1.2;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.dropzone .dz-message-body {
	opacity: 1!important;
	padding-left: calc(2em - 10px);
	padding-right: calc(2em - 10px);
}
.dropzone .dz-message:hover {
	background: rgba(59, 59, 58, 0.75);
}
.dropzone-previews {
	background-color: #3b3b3a!important;
	background-color: var(--main-color-black)!important;
}
/*.dz-details, .dz-remove:not(:hover) {
    -webkit-text-fill-color: #3b3b3a;
    color: #3b3b3a;
}*/
/* Ende Anpassungen DropZone */
/* Anpassungen Fineuploader */
.widget.widget-fineuploader {
    margin: 0!important;
    width: 100%;
}

.upload_container.upload_container {
	background: white;
}

.qq-uploader-selector.qq-uploader {
    font-family: Avenir, 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-weight: bold;
    color: #ffffff !important;
    text-transform: uppercase;
}

.qq-upload-button-selector.qq-upload-button {
    text-align: center;
    padding: 2em;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    background: #3b3b3a;
    border: none;
    width: 100%;
    height: 100%;
}

.qq-upload-button-selector.qq-upload-button-hover {
    background: rgba(59, 59, 58, 0.75);
    background: #3b3b3abf;
}

.qq-upload-button-selector.qq-upload-button div {
    padding-left: calc(2em - 10px);
    padding-right: calc(2em - 10px);
}

.qq-upload-button-selector.qq-upload-button div:before {
    content: "\f093";
    font-family: FontAwesome;
    font-size: 28px;
    line-height: 1.2;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.qq-upload-list-selector.qq-upload-list {
    display: flex;
    flex-flow: row wrap;
    background-color: #e30000;
    background-color: var(--accent-color-red);
}

.qq-upload-list-selector.qq-upload-list li {
    max-width: 33.33%;
}

button.qq-btn {
	margin-bottom: 5px;
	width: 100%;
}
/* Ende Anpassungen Fineuploader */

/****************************/
/*		KONTAKTPOPUP		*/
/****************************/
.ce_popup_start .ce_popup_content h2 {
    color: white;
    margin-top: -10px;
    margin-bottom: 0;
}

.ce_popup_start .ce_popup_content h2.popup_underline {
    margin-top: 0;
}

.ce_popup_start .ce_popup_content h2.popup_underline:after {
    content: "";
    display: block;
    position: relative;
    top: 1rem;
    left: -44px;
    width: calc(105% + -306px);
    max-width: 50vw;
    border-bottom: 2px solid #fff;
}

/*.ce_popup_start .ce_popup_content .popup_text {
    margin-bottom: 0;
    margin-top: 205px;
}

.ce_popup_start .ce_popup_content .popup_text p {
    color: white;
}

.ce_popup_start .ce_popup_content .popup_text p:first-child {
    margin-bottom: 22px !important;
}

.ce_popup_start .ce_popup_content .popup_text p .stronger {
    font-weight: bold;
}*/

.ce_popup_start .ce_popup_content .anschrift {
	color: white;
}

.ce_popup_start .ce_popup_content .anschrift_kontakt {
	margin-top: 23px;
}

.ce_popup_start .popup_close {
    background: #e3010f;
    color: white;
}

.fa-close:before {
    font-size: 2rem;
}

.ce_popup_start .ce_popup_content .checkbox {
    display: none;
}

.ce_popup_start .ce_popup_content input {
    padding: 6px 10px;
}

.ce_popup_start .ce_popup_content textarea {
    height: 170px;
}

.ce_popup_start .ce_popup_content .widget.widget-textarea {
    margin-bottom: 5px;
}

.ce_popup_start .ce_popup_content button.submit {
    width: 100%;
    padding: 10px 20px;
}

.ce_popup_start .ce_popup_content form.style5 input, .ce_popup_start .ce_popup_content form.style5 select, .ce_popup_start .ce_popup_content form.style5 textarea {
    font-size: 0.875rem;
}

.ce_popup_start .ce_popup_content form.style5 input::placeholder, .ce_popup_start .ce_popup_content form.style5 textarea::placeholder {
    color: rgb(198, 198, 198) !important;
}

.ce_popup_start .ce_popup_content form.style5 input::-ms-input-placeholder, .ce_popup_start .ce_popup_content form.style5 textarea::-ms-input-placeholder {
    color: rgb(198, 198, 198) !important;
}

.ce_popup_start .ce_popup_content form div.widget {
    margin-bottom: 15px;
}

.ce_popup_content .boxed-content .contentwrap {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.ce_popup_start .ce_popup_content {
    padding-bottom: 0;
}

.ce_bgimage.bg-nocolor {
    background: rgb(227, 0, 0);
}

/****************************************/
/*			ICONBOX ENTWICKLUNG			*/
/****************************************/
.ce_teaserbox.iconbox_entwicklung .ce_teaserbox_inside {
    background-color: #f2f2f2;
    background-color: var(--bg-color-light-grey);
}

.ce_teaserbox.iconbox_entwicklung .image_wrapper {
    width: 100px;
}

.ce_teaserbox.iconbox_entwicklung .image_wrapper .image_container {
    width: 100px;
}

.ce_teaserbox.iconbox_entwicklung .image_wrapper .margins {
    margin: 50px 0 0 50px;
}

.ce_teaserbox.iconbox_entwicklung .text_wrapper p {
    font-size: 15px
}

.ce_teaserbox.iconbox_entwicklung .text_wrapper p:first-child {
    letter-spacing: 0.2px;
}

.ce_teaserbox.iconbox_entwicklung .text_wrapper .margins {
    margin-right: calc(50% - 120px);
    margin-top: 50px;
    margin-left: 5%;
}

.ce_teaserbox.iconbox_entwicklung + .ce_teaserbox.iconbox_entwicklung:last-of-type .text_wrapper {
    padding-bottom: calc(50px - 15px);
}

@media only screen and (max-width: 767px) {
	.auto_margin .ce_bgimage {
		margin-left: calc(-20px + 1%);
		width: calc(100% + 40px);
	}

	.ce_teaserbox .ce_teaserbox_inside {
        width: 100vw;
        display: flex;
        flex-flow: column nowrap;
    }
    
    .ce_teaserbox:not(:last-of-type) .ce_teaserbox_inside {
        margin-bottom: 10px;
    }
    
    .ce_bgimage_91841 {
    	margin-bottom: -20px;
    }
    
    .ce_teaserbox.iconbox_entwicklung .image_wrapper {
        width: 125px !important;
        display: inline-block;
    }

    .ce_teaserbox.iconbox_entwicklung .image_wrapper .margins {
        margin: 25px 0 0 25px !important;
    }

    .ce_teaserbox.iconbox_entwicklung .text_wrapper {
        width: calc(100% - 150px);
        width: 100%;
        padding: 0 20px;
        display: inline-block;
        margin-top: 0;
    }

    .ce_teaserbox.iconbox_entwicklung .text_wrapper .margins {
		/*margin-right: calc(50% - 120px) !important;*/
        margin-top: 25px !important;
        margin-bottom: 25px !important;
        /*margin-left: 5% !important;*/
        margin-right: auto!important;
        margin-left: auto!important;
    }
}

/************************************/
/*		HOVERBOX ENTWICKLUNG		*/
/************************************/
.hoverbox {
	display: flex!important;
	flex-flow: column nowrap;
	justify-content: center;
    align-items: center;
	position: relative;
	background-color: #b3b3b3;
    background-color: var(--bg-color-grey);
	height: 135px;
	text-align: center;
	overflow: hidden;
	transition: background-color 1s;
	border: 7px solid #ffffff;
}
.hoverbox.autogrid-first {
	border-left: 0;
	
}
.hoverbox.autogrid-last {
	border-right: 0;
}
.hoverbox > :first-child {
	font-size: 1rem;
    padding: 20px;
    margin: 0;
    opacity: 1;
    transition: opacity 1s;
}
.hoverbox p {
	position: absolute;
	opacity: 0;
    margin: 0;
    transition: opacity .3s;
}
.hoverbox p, .hoverbox p a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.hoverbox:not(.no-hover) p a:hover {
    text-decoration: none;
    color: #3b3b3a;
    color: var(--main-color-black);
}
.hoverbox:not(.no-hover):hover {
	background-color: #f2f2f2;
    background-color: var(--bg-color-light-grey);
    transition: background-color .3s;
}
.hoverbox:not(.no-hover):hover > :first-child {
	opacity: 0;
	transition: opacity 0s;
}
.hoverbox:not(.no-hover):hover p {
	opacity: 1;
}
/* Rote Hoverboxen */
.hoverbox.bg_red {
    background-color: #e30000;
    background-color: var(--accent-color-red);
}
.hoverbox.bg_red > :first-child, .hoverbox.bg_red p {
    color: #f3f3f3;
}
.hoverbox.bg_red:not(.no-hover):hover {
    background-color: rgba(227,0,0,0.75)!important;
}
.hoverbox.spacer {
	background: none;
}

/********************************************/
/*			TWO COLUMNS REFERENZEN			*/
/********************************************/
.two_columns_referenzen .inside {
	/*margin-right: -110px;*/
}

.two_columns_referenzen .autogrid_wrapper .inner > [class*=ce_] {
    padding-top: 1%;
    padding-bottom: 1%;
}

.two_columns_referenzen .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside {
    background-color: #e30000;
    background-color: var(--accent-color-red);
    height: 100%;
}

.two_columns_referenzen .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image,
.two_columns_referenzen .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image > .ce_image {
    height: 100%;
}

.two_columns_referenzen .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image > .ce_image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.two_columns_referenzen .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image > .ce_image .image_container {
    padding: 5% 10%;
    /*width: 100%;
	height: 100%;*/
}

/*.two_columns_referenzen .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image > .ce_image .image_container > img {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}*/

.two_columns_referenzen .ce_image_extended a:hover .image_container {
    background-color: #f18080;
}

/****************************************/
/*			REFERENZEN SLIDER			*/
/****************************************/
.referenzen-slider .review-text {
    padding: 40px 0 0;
}

/************************************************/
/*			LOGOS - START + REFERENZEN			*/
/************************************************/
/* ONLY START */
.logos .contentwrap h4 {
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    text-align: center;
}

.logos_wrapper {
    display: block;
    margin-top: 55px;
}
/* START - Partner */
.logos_img {
    margin-right: 42px;
    display: inline-block;
    vertical-align: middle;
}
/* etwas enger - START - Mitglieder */
.logos_img_v2 {
    margin-right: 36px;
    display: inline-block;
    vertical-align: middle;
}
/* weiter - REFERENZEN */
.logos_img_v3 {
    margin-right: 86px;
    display: inline-block;
    vertical-align: middle;
}

.logos_img:last-child {
    margin-right: 0;
}

.logos_img_v2:last-child {
    margin-right: 0;
}

.logos_img_v3:last-child {
    margin-right: 0;
}

/*@media only screen and (max-width: 1240px) {*/
    .logos_wrapper {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
        align-items: center;
        align-content: space-between;
    }

    .logos_img {
        margin: 10px 45px;
        min-height: 100px;
        display: flex;
        align-items: center;
    }

    .logos_img_v2 {
        /*margin: 10px 21px;*/
        margin: 10px 16px;
        min-height: 100px;
        display: flex;
        align-items: center;
    }
    
    .logos_img_v3 {
        margin: 10px 21px;
        min-height: 100px;
        display: flex;
        align-items: center;
    }

    .logos_img img {
        width: 100%;
    }

    .logos_img_v2 img {
        width: 100%;
    }

    .logos_img:last-child {
        margin-right: 45px;
    }

    .logos_img_v2:last-child {
        margin-right: 16px;
    }
    
    .logos_img_v3:last-child {
        margin-right: 21px;
    }
/*}*/

/****************************/
/*		DOWNLOADCENTER		*/
/****************************/

/* Downloadlinks */
.ce_authorbox {
	margin-bottom: 50px;
}

.ce_authorbox_inside {
    padding: 0;
    background-size: 61%;
    background-position: right center;
    /* box shadow with transition */
    position: relative;
    -webkit-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.2);
	transition: box-shadow .3s ease-in-out, background-size .3s ease-in-out;
}

.ce_authorbox_inside:hover {
	-webkit-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.2);
}

.ce_authorbox_inside .link {
	background: linear-gradient(90deg, rgba(255,255,255,1) 39%, rgba(255,255,255,0.5032387955182073) 57%, rgba(255,255,255,0) 75%);
}

.ce_authorbox_inside .link a:after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    background-image: url(../img/download-circle-dark.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 30px;
    right: 25px;
}

.light-img .ce_authorbox_inside .link a:after {
    background-image: url(../img/download-circle-dark.svg);
}

.dark-img .ce_authorbox_inside .link a:after {
    background-image: url(../img/download-circle-light.svg);
}

.light-img.accent .ce_authorbox_inside .link a:after {
    background-image: url(../img/download-circle-accent-dark.svg);
}

.dark-img.accent .ce_authorbox_inside .link a:after {
    background-image: url(../img/download-circle-accent-light.svg);
}

.ce_authorbox_inside .link a {
    text-decoration: none;
}

.ce_authorbox_inside .link a:hover {
	color: inherit;
}

.ce_authorbox_inside .ce_authorbox_content {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
    max-width: 50%;
    height: 300px;
    padding: 35px 35px 10px;
}

.ce_authorbox_inside .ce_authorbox_content .name {
    font-weight: normal;
    text-transform: uppercase;
    font-size: .875em;
    line-height: 1.2857;
    margin-bottom: auto;
    color: #666666;
}

.ce_authorbox_inside .ce_authorbox_content .subtitle {
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.375em;
    line-height: 1.1364;
    font-family: inherit;
    margin-bottom: 13px;
}

.ce_authorbox_inside .ce_authorbox_content p {
    font-size: .875em;
    line-height: 1.2143;
    color: #666666;
}

.ce_authorbox_inside .ce_authorbox_content sub {
    color: white;
    font-size: 9px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    bottom: 10px;
}

.light-img .ce_authorbox_inside .ce_authorbox_content sub {
    color: #3b3b3a;
    color: var(--main-color-black);
}
.dark-img .ce_authorbox_inside .ce_authorbox_content sub {
	color: white;
}

.ce_authorbox.simple {
	margin-bottom: 25px;
}

.ce_authorbox.simple .ce_authorbox_inside {
    background-size: 100%;
    background-color: #f2f2f2;
    box-shadow: none;
}

.ce_authorbox.simple .ce_authorbox_inside .ce_authorbox_content {
	height: auto;
	max-height: 130px;
	max-width: 90%;
}

.ce_authorbox.simple .ce_authorbox_inside .link {
    background: linear-gradient(90deg,
rgba(255,255,255,1) 1%, rgba(255,255,255,0.5032387955182073) 57%, rgba(255,255,255,0) 75%);
	background: none;
}

.ce_authorbox.simple .ce_authorbox_inside .ce_authorbox_content .name {
    margin-bottom: 10px;
    font-size: 1em;
}

.ce_authorbox.simple .ce_authorbox_inside > .ce_authorbox_content { /* without link */
    border: 1px dashed #3b3b3a;
    opacity: .5;
    max-width: 100%;
}

.ce_authorbox.simple .ce_authorbox_inside .ce_authorbox_content .subtitle {
	font-size: 1.2em;
}

.ce_authorbox.simple .ce_authorbox_inside .link a:after {
    top: calc(50% - 20px);
    right: 25px;
}

/* Paginierung */
.dc-pagination {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}

.dc-pagination ul {
	float: none;
	width: auto;
}

.dc-pagination li a {
	color: #808080;
}

.dc-pagination li strong {
    background: none;
    display: block;
    margin-right: 1px;
    color: inherit;
    text-decoration: none;
    padding: 3px 10px;
}

.dc-pagination li, .dc-pagination li a, .dc-pagination li span, .dc-pagination li strong{
	display: inline;
}

.dc-pagination li.first, .dc-pagination li.previous, .dc-pagination li.next, .dc-pagination li.last {
	display: none;
}

.ce_authorbox + .back {
	display: none;
}

/* Popup */
.ce_popup_start[class*="dl-form-"] .ce_popup_content {}

.ce_popup_start[class*="dl-form-"] .ce_popup_content p {
	color: white;
}

.ce_popup_start[class*="dl-form-"] .ce_popup_content h2.popup_underline {
	margin-bottom: 84px;
}

.ce_popup_start[class*="dl-form-"] .ce_popup_content h2.popup_underline:after {
	top: 2.5rem;
    width: calc(50% + -306px);
    border-bottom: 3px solid #fff;
}
.ce_popup_start .ce_popup_content form .checkbox {
    display: inline;
    position: static;
}

.ce_popup_start .ce_popup_content form label {
    color: white;
    font-size: 12px;
    line-height: 1em;
}
/****************************/
/*			STÖRER			*/
/****************************/
.stoerer {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.stoerer p {
    margin: 0;
}

.stoerer a {
    display: inline-block;
    min-width: 35vw;
    font-size: 33px;
    line-height: 1.1;
    text-decoration: none;
    color: #f2f2f2;
    color: --bg-color-light-grey;
    padding: 38px 50px;
    background-color: #e30000;
    background-color: var(--accent-color-red);
}

.stoerer a::after {
    content: "‹";
    display: inline-block;
    transform: rotate(180deg);
    font-size: 2.15em;
    line-height: 0;
    margin-left: .5em;
}
@media only screen and (max-width: 1070px) {
	.stoerer a {
	    font-size: 2em;
	    line-height: 1.1;
	    padding: 15px 30px;
	}
}
@media only screen and (max-width: 768px) {
	.stoerer a {
	    font-size: .5em;
	    line-height: 1.1;
	}
}

/*************/
/* Störer V2 */
/*************/
.stoerer.v2 {
    /* width: 200px; */
    /* height: 200px; */
    right: 10%;
    bottom: 20%;
}

.stoerer.v2 a {
    display: flex;
    align-items: center;
    min-width: auto;
    width: 20vw;
    height: 20vw;
    max-width: 300px;
    max-height: 300px;
    text-align: center;
    padding: 30% 10%;
    border-radius: 50%;
    transform: rotate(5deg);
    font-weight: bold;
    font-size: 28px;
    flex-flow: column nowrap;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
}

.stoerer.v2 a:before {
    content: "";
    border: 2px dotted #e30000;
    border-radius: 50%;
    width: calc(20vw + 20px);
    height: calc(20vw + 20px);
    max-width: calc(300px + 20px);
    max-height: calc(300px + 20px);
    position: absolute;
    top: -12px;
    left: -12px;
    /*transition: all .3s;*/
}

/*.stoerer.v2 a:hover:before {
	width: calc(20vw + 25px);
	height: calc(20vw + 25px);
	max-width: calc(300px + 25px);
	max-height: calc(300px + 25px);
	top: -14.5px;
	left: -14.5px;
}

.stoerer.v2 a:active:before {
	width: calc(20vw + 15px);
	height: calc(20vw + 15px);
	max-width: calc(300px + 15px);
	max-height: calc(300px + 15px);
	top: -9.5px;
	left: -9.5px;
	transition: all .1s;
}*/

.stoerer.v2 a::after {
    display: block;
    transform: rotate(270deg) translate(-20px, -5px);
    font-size: 2em;
    margin-left: 0;
    transition: margin-top .3s, margin-bottom .3s;
}

.stoerer.v2 a:hover::after {
	transform: rotate(270deg) translate(-20px, -5px);
	margin-top: 5px;
	margin-bottom: -5px;
}

@media only screen and (max-width: 1070px) {
	.stoerer.v2 a {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 767px) {
    .stoerer.v2 {
        position: static;
        display: inline;
    }
    .stoerer.v2 a {
        display: inline-block;
        position: relative;
        font-size: .9em;
        border-radius: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        transform: none;
        padding: 12px 0;
    }
    .stoerer.v2 a:before {
        display: none;
    }
    .stoerer.v2 a:after {
        content: "‹";
        display: inline-block;
        position: relative;
        font-size: 2em;
        top: 6px;
        line-height: 0;
    }
}

/************************/
/*		LINKWRAPPER		*/
/************************/
.ce_linkwrapper a {
	display: block;
	background-color: #f2f2f2;
	background-color: var(--bg-color-light-grey);
	box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.2);
	padding: 35px;
	text-decoration: none;
}
.ce_linkwrapper a:hover {
	color: #3b3b3a;
	color: var(--main-color-black);
}

/****************************/
/*	TEASER GESCHÄFTSFELDER	*/
/****************************/
.ce_linkwrapper a {
	text-align: center;
}

.ce_linkwrapper a > *:last-child::before {
	content: "";
	display: inline-block;
	height: 2px;
	width: 90%;
	background: #b3b3b3;
	background: var(--bg-color-grey);
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}
.ce_linkwrapper a .ce_iconbox .headline {
	text-transform: uppercase;
	font-size: 23px;
	font-weight: bold;
}
.ce_linkwrapper a > *:last-child p {
	position: relative;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2.5px;
	width: -moz-fit-content;
	width: fit-content;
	padding-right: 37px;
	margin: 0 auto;
}
.ce_linkwrapper a > *:last-child p::before,
.ce_linkwrapper a > *:last-child p::after {
	content: "";
    display: inline-block;
    position: absolute;
    right: 27px;
}
.ce_linkwrapper a > *:last-child p::before {
	height: 25px;
    width: 25px;
    border: 1px solid black;
    border-radius: 50%;
    top: 50%;
    transform: translate(100%, -50%);
}
.ce_linkwrapper a > *:last-child p::after {
	height: 10px;
    width: 10px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    top: 50%;
    transform: translate(150%, -50%) rotate(-45deg);
}
/* Hover effects */
.ce_linkwrapper a:hover .ce_iconbox.default .ce_image.attribute, .ce_linkwrapper a:hover .ce_iconbox.default:hover i {
    top: 0;
}

.ce_linkwrapper a:hover > *:last-child p {
    color: #e30000;
    color: var(--accent-color-red);
}

.ce_linkwrapper a:hover > *:last-child p::before, .ce_linkwrapper a:hover > *:last-child p::after {
    border-color: #e30000;
    border-color: var(--accent-color-red);
}

.ce_linkwrapper a:hover > *:last-child::before {
    background-color: #e30000;
    background-color: var(--accent-color-red);
}
/********************************/
/*	AKKORDION GESCHÄFTSFELDER	*/
/********************************/
.ce_accordion {
	background-color: #f2f2f2;
	background-color: var(--bg-color-light-grey);
	border: none;
	margin: 0;
}
.ce_accordion:not(:last-child)::after {
	content: "";
	display: block;
	height: 2px;
	width: 82.25%;
	background: #b3b3b3;
	margin: 0 auto;
}
.ce_accordion .accordion_headline {
	padding: 35px 8.875% 40px;
	display: flex;
}
.ce_accordion .accordion_headline .accordion_icon {
	width: 89px;
	height: 89px;
	background-size: cover;
	flex: 0 0 auto;
	margin-right: 26px;
}
.ce_accordion.geschaeftsfeld-1 .accordion_headline .accordion_icon {
	background-image: url(../img/img_icons/geschaeftsfeld-1.svg);
}
.ce_accordion.geschaeftsfeld-2 .accordion_headline .accordion_icon {
	background-image: url(../img/img_icons/geschaeftsfeld-3.svg);
}
.ce_accordion.geschaeftsfeld-3 .accordion_headline .accordion_icon {
	background-image: url(../img/img_icons/geschaeftsfeld-2.svg);
}
.ce_accordion .accordion_headline .accordion_headline_inner {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}
.ce_accordion .accordion_headline .accordion_headline_inner .accordion_main_headline {
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
}
.ce_accordion .accordion_headline .accordion_headline_inner .accordion_sub_headline {
    font-weight: bold;
	font-size: initial;
	line-height: 1.375;
}
.ce_accordion .toggler {
	position: absolute;
    top: 0;
    right: 0;
    width: 5%;
    height: calc(100% - 10px);
    background-color: black;
}
.ce_accordion:first-child .toggler {
	height: calc(100% - 5px);
}
.ce_accordion:last-child .toggler {
	height: calc(100% - 5px);
}
.ce_accordion:not(:first-child) .toggler {
	margin-top: 5px;
}
.ce_accordion:not(:last-child) .toggler {
	margin-bottom: 5px;
}
.ce_accordion .toggler::before,
.ce_accordion .toggler::after {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    left: calc(50% - 9px);
    bottom: calc(2em - 3.5px);
    margin: 0;
    font-size: 100%;
    font-size: inherit;
    float: none;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(45deg);
    transition: bottom .6s ease-out;
}
/* Accordion is opened */
.ce_accordion .toggler.ui-state-active {
	border: none;
}
.ce_accordion .toggler.ui-state-active::before,
.ce_accordion .toggler.ui-state-active::after {
    content: "";
    transform: rotate(-135deg);
    bottom: calc(2em - 1.5px);
    transition: bottom .2s ease-in;
}
.ce_accordion .toggler.ui-state-active::before {
	bottom: calc(2em - 16.5px);
}
.ce_accordion .accordion {
	padding: 14px 8.875% 85px;
}
@media only screen and (max-width: 860px) {
	.ce_accordion .accordion_headline, .ce_accordion .accordion {
		padding: 35px 60px 40px;
	}
	.ce_accordion:not(:last-child)::after {
		width: calc(100% - 120px);
	}
}
@media only screen and (max-width: 768px) {
	.ce_accordion .accordion_headline {
		flex-flow: column nowrap;
	}
}

/************************************/
/*	UNTERSEITE "AKTUELLES THEMA"	*/
/************************************/
.mainmenu ul li.mlist.thema {
    background-color: #e30000;
    background-color: var(--accent-color-red);
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.mainmenu ul li.thema a span {
    color: #f2f2f2;
    color: var(--bg-color-light-grey);
}
#iconboxen_thema .ce_iconbox_v2.default {
    margin-bottom: 35px;
}
#iconboxen_thema .ce_iconbox_v2.default .image_container img {
    margin-bottom: 30px;
}
#iconboxen_thema .headline {
	font-size: 1rem;
	line-height: 1.4em;
	text-transform: uppercase;
	font-weight: 900;
	color: #3b3b3a;
	color: var(--main-color-black);
	margin-bottom: 0;
}
/************************/
/*	Link Downloadcenter	*/
/************************
#link_downloadcenter p {
	margin-top: 15px;
}
#link_downloadcenter a {
	color: #f2f2f2;
    color: var(--bg-color-light-grey);
    text-decoration: none;
}
#link_downloadcenter a:hover {
	text-decoration: underline;
}
/********************/
/*	Zitat Loechte	*/
/********************
.team-slider.zitat-loechte .tp-caption.team-text {
    max-width: 45%!important;
}
.team-slider.zitat-loechte .tp-caption.team-text p {
	font-size: 31px!important;
	line-height: 1.5!important;
	letter-spacing: -1px;
}
.team-slider.zitat-loechte .tp-caption.team-name p {
	font-size: 1rem!important;
	font-weight: normal!important;
	text-transform: uppercase;
	letter-spacing: 2px!important;
}
.team-slider.zitat-loechte .tp-caption.team-name p:before {
	content: none;
}
@media only screen and (max-width: 1400px) {
	.team-slider.zitat-loechte .tp-caption.team-text {
		left: 30px!important;
	}
	.team-slider.zitat-loechte .tp-caption.team-text p {
		line-height: 1.2!important;
		text-align: left;
	}
	.team-slider.zitat-loechte .tp-caption.team-name {
	    left: 30px!important;
	    margin-left: 0!important;
	}
	.team-slider.zitat-loechte .tp-caption.team-text p {
	    font-size: 20px!important;
	    line-height: 1.2!important;
	}
}
@media only screen and (max-width: 990px) and (min-width: 768px) {
	.team-slider.zitat-loechte {
	    display: none;
	}
}

/****************/
/* Vimeo-Videos */
/****************/
.ce_vimeo.autogrid iframe {
    width: 100%;
}
.ce_vimeo .player .vp-title .vp-title-header {
	display: none;
}

@media screen and (max-width: 767px) {
    .ce_vimeo.autogrid iframe {
		width: auto;
		height: 100%;
	}
	.ce_vimeo.autogrid.autogrid-last {
		margin-bottom: 25px!important;
	}
}
/******************/
/* Formular Thema */
/******************/
.thema .ce_form {
	padding: 5% 10%;
}
/*.thema .form_autogridwrapper + .form_autogridwrapper {
	margin-top: 5%;
}*/
.thema form .anschrift {
	color: white;
}
.thema form .anschrift h2 {
    font-size: 35px;
    line-height: 2.5rem;
    margin-bottom: 4rem!important;
}

.thema form .anschrift_kontakt {
	margin-top: 23px;
}

/****************************/
/*			ANDERE			*/
/****************************/

/*.zwei_bilder_img {
    float: left;
    max-width: 600px;
    position: relative;
}

.zwei_bilder_img img {
    width: 100%;
}

.overlay_arrow {
    position: absolute;
    bottom: 39px;
    left: 36px;
    opacity: 0;
    transition: .6s ease-in-out;
}

.zwei_bilder_img:hover .overlay_arrow {
    opacity: 1;
}*/
/****************************************/
/*			IMPRESSUM - TABLE			*/
/****************************************/
div:not(.autogrid) > div > .table {
    width: 50%;
    max-width: 50%;
    border-collapse: collapse;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 4px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    /*border-top: 1px solid #ddd;*/
}
.table-bordered {
    border: 1px solid #ddd;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

/****************************/
/*			AGBs			*/
/****************************/

.agb_article ul {
	padding-left: 20px;
}

.agb_article ul li {
	position: relative;
}

.agb_article ul li:not(last-of-type) {
	margin-bottom: 1.2em;
}

.agb_article ul li::before {
	content: "-";
	position: absolute;
	top: 0;
	left: -20px;
}

.agb_article .ce_download {
	margin-top: 30px;
}

/********************************/
/*			RESPONSIVE			*/
/********************************/

/*.mobile .referenzen-fix .two_columns_text p {
	font-family: Lato, 'Helvetica Neue', sans-serif;
}*/
.hide-desktop {
    display: none!important;
}
.mm-navbar-top, .mm-navbar-bottom {
	display: none;
}
.mm-panels {
	top:0!important;
	bottom:0!important;
}
body .mm-menu a.mm-title:hover {
	background: none;
}
@media only screen and (max-width: 1350px) {
	.team-slider .tp-bullets.simplebullets.round-old {
		top: 30px !important;
	}
    .team-slider .tp-caption.team-text {
		left: 30px!important;
		max-width: 50%!important;
	}
	.team-slider .tp-caption.team-text p {
		text-align: left;
	}
	.team-slider .tp-caption.team-name {
		left: 80px!important;
	}
}
/* ~ Laptop */
@media only screen and (max-width: 1240px) {
    .reviews-slider .tp-leftarrow.preview1 {
        left: 0 !important;
    }

    .reviews-slider .tp-rightarrow.preview1 {
        left: auto !important;
        right: 0 !important;
    }
    .karriere-slider .ce_revolutionslider_text.col_1_line_1 {
    	width: 100%;
    	padding-left: 40px!important;
    }
}

@media only screen and (max-width: 1250px) and (min-width: 1200px) {
    .header.original .mainmenu {
        left: 47%;
    }

    .header .inside {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .karriere-slider .ce_revolutionslider_text.col_1_line_1 {
		padding-left: 40px!important;
	}
}

@media only screen and (max-width: 1199px) {
    .header.original .mainmenu {
        left: 47%;
    }

    .header .inside {
        padding-left: 2em;
        padding-right: 2em;
    }

    .mainmenu ul li {
        margin-left: 5px;
        margin-right: 5px;
    }

    .vlist.level_1 {
        float: none;
    }

    #main .mod_article {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    
    .team-slider .tp-caption.team-text p {
		font-size: 12px!important;
	}
	.team-slider .tp-caption.team-name {
		font-size: 16px!important;
	}
    
    .karriere-slider .ce_revolutionslider_text.col_1_line_1 {
		padding-left: 2rem!important;
	}

}

@media only screen and (max-width: 1199px) and (min-width: 1111px) {
    .header.original .mainmenu {
        /*left: 70%;*/ /* MV disable */
        /* MV Fix */
        left: auto;
        right: 0;
        width: auto;
        transform: translateX(0);
        /* MV END */
    }
}
/* Karriere -> Detailseite: Icons optisch bündig mit Text */
/*@media only screen and (min-width: 1111px) {
    .event-article.karriere .autogrid_wrapper:nth-child(4) {
		margin: 0 -9%;
	}
}*/

@media only screen and (max-width: 1110px) and (min-width: 768px) {
    .header .inside {
        padding-top: 38px;
        padding-bottom: 32px;
    }

    .logo a {
        background-position-y: center;
    }
}

/* ~ Tablet */
@media only screen and (max-width: 1070px) {
	.stickyheader .logo {
        width: 150px;
        height: 70px;
    }

    .stickyheader .logo a {
        margin-top: 0;
    }
    
    .col_1_line_1,
    .col_1_line_2,
    .col_1_line_3 {
        left: 20px!important;
    }
    
    .ce_revolutionslider_text.col_1_line_1 p,
	.ce_revolutionslider_text.col_1_line_2 p,
	.ce_revolutionslider_text.col_1_line_3 p {
		font-size: 40px!important;
	}
	/* Kontaktbox */
	#article-12680 {
    	padding-bottom: 20px!important;
    }
    #article-12680 .autogrid_wrapper > .ce_autogridwrapper:first-child {
    	width: 70%;
    }
    #article-12680 .autogrid_wrapper > .ce_autogridwrapper:nth-child(2) {
    	width: 30%;
    }
    
	.karriere-slider .ce_revolutionslider_text.col_1_line_1 {
		padding-left: 0!important;
		padding-bottom: 45px!important;
	}
	.karriere-slider .ce_revolutionslider_text.col_1_line_1 p {
		margin-bottom: 0!important;
	}
	
	.event.events_available_jobs .autogrid_wrapper {
	    margin-left: 0;
	    margin-right: 0;
	}
}

@media only screen and (max-width: 1070px) and (min-width: 768px) {
    .show-tablet {
		display: block!important;
	}
	.hide-tablet {
		display: none!important;
	}
	.ce_teaserbox.iconbox_entwicklung .text_wrapper .margins {
		margin-right: 10%;
	}
	.seminar-box .ce_text_imagebox_image {
        height: 30vw !important;
    }
    
	#slider .headmotiv-logos {
		position: absolute;
		top: 15px;
		left: 20px;
	}
	/*#slider .headmotiv_gfu_logo {
		top: 25px;
		left: auto;
		right: 20px;
	}
	#slider .headmotiv_gfu_logo img {
		max-width: 65px;
	}*/
	
	.ce_authorbox_inside .link {
		background: linear-gradient(90deg, rgba(255,255,255,1) 62%, rgba(255,255,255,0.5) 91%, rgba(255,255,255,0.4) 100%);
	}
	.ce_authorbox_inside .ce_authorbox_content {
		max-width: 68%;
		height: auto;
	}
	.ce_authorbox_inside .ce_authorbox_content .name {
		margin-bottom: 1em;
	}
}
@media only screen and (max-width: 990px) and (min-width: 768px) {
    .iconbox_seminare_fullwidth:nth-child(3) {
        clear: left;
    }

    .header .inside {
        padding-left: 3em;
        padding-right: 3em;
    }

    .mainmenu ul li {
        margin-left: 15px;
        margin-right: 15px;
    }

    .smartmenu-content .smartmenu-close {
        position: absolute;
        right: 40px;
        top: 70px;
        width: 50px;
        height: 50px;
        cursor: pointer;
    }

    .smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after {
        display: inline-block;
        width: 50px;
        height: 2px;
        background: rgb(255, 255, 255);
        content: '';
        transition: All 0.3s ease;
        -webkit-transition: All 0.3s ease;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .smartmenu-content .smartmenu-close:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-left: -50px;
    }
    
    .team-slider .tp-caption.team-text p {
		display: none;
	}
}

@media only screen and (max-width: 860px) {
    #footer h4 {
        font-size: 1rem;
    }

    .iconbox_seminare_fullwidth:nth-child(5) {
        clear: left;
    }

    .stickyheader .logo {
        width: 150px;
        height: 70px;
    }

    .stickyheader .logo a {
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) {
    .header .mainmenu ul li a.trail span, .header .mainmenu ul li a.active span {
        background: none;
        padding: 10px 12px;
        font-weight: bold;
    }

    #slider .ce_bgimage-inside > * {
        min-width: 720px;
    }
	.header.original .mainmenu {
		margin-top: -14px;
		line-height: 135px;
		bottom: 0; /* Fix on Chrome (menu move 100px down on hover) */
	}
}

/* ~ Smartphone */
@media only screen and (max-width: 767px) {
	.show-mobile {
		display: block!important;
	}
	.hide-mobile {
		display: none!important;
	}
	html, body, button, input, table {
        font-size: 100%;
    }
    
    .ce_revolutionslider_text.col_1_line_1 p,
	.ce_revolutionslider_text.col_1_line_2 p,
	.ce_revolutionslider_text.col_1_line_3 p,
	.karriere-slider .ce_revolutionslider_text.col_1_line_1 p{
    	font-size: 30px!important;
    }

    .col_1_line_1 {
        top: 30px!important;
    }
    
    .col_1_line_2 {
        top: 60px!important;
    }
    
    .col_1_line_3 {
        top: 90px!important;
    }

	.karriere_header_img .col_1_line_1 {
        top: 70px!important;
    }
    
    .header .inside {
        padding-top: 0;
        padding-bottom: 0;
    }

    .logo a {
        background-position-y: center;
    }

    .stickyheader {
        max-width: 100vw;
    }

    .stickyheader .logo {
        width: 150px;
        height: 70px;
    }

    .stickyheader .logo a {
        margin-top: 0;
    }

    .mm-navbar .mod_langswitcher {
        display: none;
    }

    .col_3_line_1 {
        border: 1px solid rgb(59, 59, 58) !important;
    }

    .col_3_line_1_sl2 {
        border: 1px solid rgb(59, 59, 58) !important;
    }

    .col_3_line_1_sl3 {
        border: 1px solid rgb(59, 59, 58) !important;
    }

    h1, .header_big div p {
        font-size: 1.875rem; /* -> 30px */
        line-height: 2.1563rem; /* -> 34.5px */
    }

    h2, .header_big_background div p {
        font-size: 1.875rem; /* -> 30px */
        line-height: 2.3906rem; /* -> 38.25px */
    }

    h3, .header_big_kontakt div p {
        font-size: 1.875rem; /* -> 30px */
        line-height: 2.25rem; /* -> 36px */
    }
    
    /* Kontaktbox */
    #article-12680 {
    	padding-bottom: 20px!important;
    }

    .thomas_loechte .header_small_background, .thomas_loechte .header_small_background * {
        text-align: left !important;
    }

    .thomas_loechte .portrait_right {
        position: relative;
        right: 0;
        left: 2%;
        padding-left: 20px;
        width: 50%;
    }

    .ce_autogridwrapper.one_half.two_columns_text {
        margin-bottom: 25px;
    }

    .header_big_kontakt .inside {
        text-align: center;
    }

    .header_big_kontakt .inside br {
        content: "";
    }

    .header_big_kontakt .inside br:after {
        content: " ";
    }
    
    .seminar-box .content div.headline .headline,
    .karriere_box .content div.headline .headline,
    .leistungen_box .content div.headline .headline,
    .event-box .content div.headline .headline {
        font-weight: bold;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 0;
    }
    
    .karriere_box .content div.headline .headline {
        font-weight: normal;
        margin-bottom: 15px;
    }
    
    .seminar-box .content p,
    .karriere_box .content p.karriere_box_text,
    .leistungen_box .content p.leistungen_box_text,
    .event-box .content p.event_box_text {
        font-size: 0.8rem;
        line-height: 1.2rem;
    }
    
    /*.seminar-box .content p,*/
    .karriere_box .content p.karriere_box_text,
    .leistungen_box .content p.leistungen_box_text/*,
    .event-box .content p*/ {
        display: none;
    }
    .seminar-box .ce_text_imagebox_image,
    .karriere_box .ce_text_imagebox_image,
    .leistungen_box .ce_text_imagebox_image,
    .event-box .ce_text_imagebox_image {
        max-height: 170px !important; /* 230px bei 100% font-size*/
    }
    
    .event-box .content div.headline .headline {
    	margin-bottom: 5px;
    }

    .anfahrtskarte .ce_autogridWrapperStart:first-child {
        padding-left: 0;
    }
	
	.autogrid.autogrid-last {
		margin-bottom: 0px!important;
	}
	
	#slider .ce_bgimage.bg-hide-mobile {
		max-height: 300px!important;
		height: auto!important;
	}
	
	#slider .ce_bgimage .ce_text {
		font-size: 0.8rem;
		line-height: 1rem;
	}
	
	/*.headmotiv-links p {
		font-size: 11px!important;
		margin-bottom: 10px;
	}*/
	
	.goto-form_wrapper .infab_button {
		margin-left: 0;
		text-align: center;
	}
	
	.event-article.karriere .autogrid.ce_iconbox {
		width: 50%!important;
		border: none;
	}
	
	.event-article.karriere .autogrid.ce_iconbox.autogrid-last:nth-child(odd) {
		width: 100%!important;
	}
	
	.event-article .ce_form .autogrid_wrapper .autogrid .widget:not(.infab_button) {
	    padding-top: 5%;
	}
	
	.event-article .ce_form .autogrid_wrapper .autogrid .widget.infab_button .submit {
		margin-top: calc(5% - 7px);
	}
	
	/*.event-article .ce_form .autogrid_wrapper .autogrid-first .widget,
	.event-article .ce_form .autogrid_wrapper .autogrid-last .widget {
	    padding-left: 0;
	    padding-right: 0;
	}*/
	
	.event-article .ce_form .autogrid_wrapper .autogrid .widget-textarea {
		margin-bottom: 3px;
	}
	
	.event-article .ce_form .clear {
	    margin-bottom: 0;
	}
	
	.event-article .ce_form .autogrid_wrapper:last-child .inner {
	    flex-flow: column nowrap;
	}
	.event-article.karriere .ce_form .autogrid_wrapper .autogrid-last .widget.form_send_button {
		width: 100%;
	}
	#main .mod_article.fullwidth .auto_margin {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
    
	.karriere_red_box .ce_image_extended_inside {
		width: 100%;
		max-width: 400px;
		margin: 0 auto!important;
	}
	.karriere_red_box .ce_image_extended_inside .image_container {
		display: flex;
		justify-content: space-between;
	}
	.karriere_red_box .ce_image_extended_inside .image_container img {
		position: relative;
	}
	.karriere_red_box .ce_image_extended_inside .image_container .caption {
		position: relative;
		left: 0;
		padding-left: 4.5%;
		top: 0;
		font-size: 1.25rem;
		text-align: right!important;
	}
	.two_columns_referenzen .autogrid_wrapper .inner > .ce_image_extended > .ce_image_extended_inside > .ce_image > .ce_image .image_container > img {
		top: auto;
		transform: none;
	}
	
	#footer .inside {
        padding: 40px;
    }
    
    #footer .autogrid {
    	margin-bottom: 0;
    }

    /*.footer-col1, .autogrid.footer-col1 {
        padding-right: 0;
    }

    .footer-col2, .autogrid.footer-col2 {
        padding-left: 0;
    }*/

    .footer-col3, .autogrid.footer-col3 {
        /*padding-left: 0;*/
        padding-top: 9px;
        width: 50% !important;
    }

    .footer-col4, .autogrid.footer-col4 {
        /*padding-left: 0;*/
        padding-top: 9px;
        width: 50% !important;
        text-align: right;
    }
    
    .ce_popup_content {
    	max-height: 90vh;
    }
    
    .ce_popup_start .ce_popup_content .block{
        overflow: scroll;
    }
    
    .ce_popup_start .ce_popup_content .ce_bgimage {
        height: 90vh!important;
        padding-top: 10%!important;
        padding-bottom: 10%!important;
    }
    
    .ce_popup_content .boxed-content .contentwrap {
		padding-left: 10%!important;
		padding-right: 10%!important;
    }
    
    .ce_popup_start .ce_popup_content h2 {
    	margin-top: 0;
    }
    
    .ce_popup_start .ce_popup_content .popup_text {
    	margin-top: 40px;
    	margin-bottom: 20px;
    }
    .team-slider {
    	max-height: 200px!important;
    }
    .team-slider .tp-bullets.simplebullets.round-old {
		display: none;
	}
	.team-slider .tp-caption.team-text {
		display: none;
	}
    .team-slider .tp-caption.team-name {
		left: 0!important;
		bottom: 10px!important;
		top: auto!important;
		transform: translateX(-30px)!important;
	}
	/* Test zwei Zeilen*/
	.team-slider .tp-caption.team-name p {
		margin-left: 67px!important;
		font-size: 14px!important;
		line-height: 1rem!important;
	}
	.team-slider .tp-caption.team-name p br {
		display: inline;
	}
	.team-slider .tp-caption.team-name p:before {
		position: absolute;
		top: 6px;
		margin-left: -100px;
	}
	/* Ende Test */
	.hoverbox {
		border-left: none;
		border-right: none;
	}
	
	.ce_authorbox_inside {
		background-size: cover;
		background-position: center;
	}
	.ce_authorbox_inside .link {
		background: linear-gradient(90deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0.95) 70%, rgba(255,255,255,0.85) 80%, rgba(255,255,255,0.65) 90%, rgba(255,255,255,0.5) 100%);
	}
	.ce_authorbox_inside .ce_authorbox_content {
		max-width: 95%;
		height: auto;
	}
	.ce_authorbox_inside .ce_authorbox_content .name {
		margin-bottom: 1em;
	}
	.dark-img .ce_authorbox_inside .link a:after {
		filter: brightness(0.4);
	}
	.dark-img .ce_authorbox_inside .ce_authorbox_content sub {
		color: #3b3b3a!important;
		color: var(--main-color-black)!important;
	}
}
@media only screen and (max-device-width: 767px) and (orientation: portrait) {
	#eventslider .content-slider .slider-wrapper .autogrid_wrapper .autogrid {
		padding: 0;
		width: 100%!important;
	}
	#eventslider .ce_sliderStart .slider-control .slider-prev {
		top: auto;
		bottom: -20px;
		left: 30%;
	}
	#eventslider .ce_sliderStart .slider-control .slider-next {
		top: auto;
		bottom: -20px;
		right: 30%;
	}
	#eventslider .imagebox_event a {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.ce_authorbox_inside .ce_authorbox_content {
		max-width: 90%;
	}
	.ce_authorbox_inside .ce_authorbox_content .subtitle {
		font-size: 1.2em;
	}
	.ce_authorbox_inside .ce_authorbox_content p {
		margin-bottom: 20px;
	}
	.ce_authorbox_inside .ce_authorbox_content sub {
		font-size: 7px;
	}
	
}
@media only screen and (max-device-width: 767px) and (orientation: landscape) {
	#eventslider .content-slider .slider-wrapper .autogrid_wrapper .autogrid {
		width: 33%!important;
	}
	.imagebox_event h4 {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.imagebox_event .imagebox_event_banner {
		width: 100%;
		top: 5%;
		position: absolute;
	}
	.imagebox_event .imagebox_event_banner .imagebox_event_date {
		font-size: 14px;
	}
	.imagebox_event .imagebox_event_banner .imagebox_event_date .date-day-big {
		font-size: 16px;
	}
	.imagebox_event .imagebox_event_banner .imagebox_event_duration,
	.imagebox_event .imagebox_event_text .imagebox_event_location,
	.imagebox_event .imagebox_event_text .imagebox_event_price {
		display: none;
	}
	#eventslider .imagebox_event a {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
    .header .inside {
        padding-left: 25px !important;
        padding-right: 20px !important;
    }

    .col_2_line_1, .col_2_line_2, .col_2_line_3, .col_2_line_4, .col_2_line_5, .col_2_line_6, .col_2_line_7, .col_2_line_8, .col_2_line_9 {
        display: none;
    }

    .col_3_line_2, .col_3_line_1, .col_3_line_1_sl2, .col_3_line_1_sl3 {
        top: 115px !important;
        left: 25px !important;
    }

    .col_3_line_1, .col_3_line_1_sl2, .col_3_line_1_sl3 {
        top: 115px !important;
        left: 98px !important;
    }

    #nav-open-btn {
        right: 25px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 430px) {
    .col_3_line_2, .col_3_line_1, .col_3_line_1_sl2, .col_3_line_1_sl3 {
        top: 100px !important;
        left: 25px !important;
    }

    .col_3_line_1, .col_3_line_1_sl2, .col_3_line_1_sl3 {
        top: 100px !important;
        left: 92px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 375px) {
    /*.header_big div p {
        font-size: 34px;
    }*/
    .col_3_line_2, .col_3_line_1, .col_3_line_1_sl2, .col_3_line_1_sl3 {
        top: 92px !important;
        left: 25px !important;
    }

    .col_3_line_1, .col_3_line_1_sl2, .col_3_line_1_sl3 {
        top: 92px !important;
        left: 88px !important;
    }
    
    .footer-col3, .autogrid.footer-col3 {
        justify-content: flex-start;
    }

    .footer-col4, .autogrid.footer-col4 {
        justify-content: flex-end;
    }
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
    .col_1_line_1 {
        top: 20px!important;
    }
    
    .col_1_line_2 {
        top: 50px!important;
    }
    
    .col_1_line_3 {
        top: 80px!important;
    }
    
    .karriere_header_img .col_1_line_1 {
        top: 70px!important;
    }
    
    .col_3_line_2 {
        border: 1px solid #3b3b3a!important;
        border: 1px solid var(--main-color-black)!important;
    }
    
    .mod_c4g_maps {
		min-width: 0!important;
	}
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
    .col_3_line_2, .col_3_line_1, .col_3_line_1_sl2, .col_3_line_1_sl3 {
        top: 80px !important;
    }

    .col_3_line_1, .col_3_line_1_sl2, .col_3_line_1_sl3 {
        left: 80px !important;
    }
}

/* Ergänzungen Oliver Kaup (Informationsfabrik) */
div.logos-schwestern > div > div.inner {
	display: flex;
	align-items: center;
	gap: 50px;
}

div.logos-schwestern > div > div.inner > div.clear {
	position: absolute;
}

@media only screen and (max-device-width: 767px) and (orientation: portrait) {
	div.logos-schwestern > div > div.inner {
		flex-direction: column;
	}	
}

.backlink-x1f .mobile {
	display: none;
}

@media only screen and (max-device-width: 767px) and (orientation: portrait) {
	.backlink-x1f .desktop {
		display: none;
	}
	.backlink-x1f .mobile {
		display: initial;
	}
}

.list_style_regular ul li {
	list-style: disc outside;
}

.list_style_regular ul {
	padding-left: 1em;
}

.iconlist_synapse .ce_iconbox_outside {
	display: flex;
}

.iconlist_synapse .ce_iconbox_inside {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	padding-left: 0 !important;
}

.iconlist_synapse .ce_iconbox_inside i {
	position: inherit;
	flex: 0 0 auto;
	margin-right: 20px
}

.iconlist_synapse .ce_iconbox_inside p {
	margin-bottom: 0px;
}

.mod_cookiebar_optin .palette .item:hover {
	background-color: var(--bg-color-grey);
	cursor: pointer;

}

.mod_cookiebar_optin form div.widget {
	display: flex;
	gap: 10px;
	align-items: center;
}

.mod_cookiebar_optin form .widget-radio input {
	line-height: 1rem;
	border: 3px solid var(--bg-color-grey);
	flex: 0 0 auto;
	width: 1.5rem;
	border-radius: 50%;
	appearance: none;
	height: 1.5rem;
	background-color: var(--bg-color-light-grey);
	display: grid;
	place-content: center;
}

.mod_cookiebar_optin form .widget-radio input:checked {
	border: 3px solid var(--accent-color-red);
}

.mod_cookiebar_optin form .widget-radio input::before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--accent-color-red)
}

.mod_cookiebar_optin form .widget-radio input:checked::before {
  transform: scale(1);
}

.mod_cookiebar_optin .palette .item:hover .widget-radio input {
	cursor: pointer;
}
.mod_cookiebar_optin .palette .item:hover .widget-radio label {
	cursor: pointer;
}

.mod_cookiebar_optin .palette .item:hover .widget-radio input:not(:checked) {
	border: 3px solid var(--bg-color-light-grey);
	background-color: var(--bg-color-grey);
}

.usecaseslider.show-mobile .ce_text.imagebox_event {
	padding-left: 10px;
	padding-right: 10px;
}

.usecaseslider .content-slider .slider-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

.usecaseslider .content-slider .slider-wrapper > * {
    overflow: hidden;
    padding: auto 20px;
}

.usecaseslider .content-slider .slider-wrapper .autogrid_wrapper {
    margin: 0;
}

.usecaseslider .imagebox_usecase {
	padding-left: 15px;
	padding-right: 15px;
}

.ce_text.imagebox_usecase .imagebox_usecase_content_wrapper, 
.ce_text.imagebox_usecase .image_container{
	background-color: #f2f2f2;
    background-color: var(--bg-color-light-grey);
}
.ce_text.imagebox_usecase .imagebox_event_content_wrapper a,
.ce_text.imagebox_usecase .imagebox_usecase_content_wrapper a {
	padding: 20px;
}

.usecaseslider .imagebox_usecase .image_container {
	-webkit-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
}

.usecaseslider .imagebox_usecase .image_container img {
	filter: contrast(35%) grayscale(95%) brightness(150%);
}

.usecaseslider .imagebox_usecase .usecase_link_wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 20px;
    color: #b3b3b3;
    color: var(--bg-color-grey);
    text-decoration: none;
    -webkit-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.08);
}

.usecaseslider .imagebox_usecase .usecase_link_wrapper a {
	color: #b3b3b3;
    color: var(--bg-color-grey);
}

.usecaseslider .imagebox_usecase .usecase_link_wrapper a:hover {
	color: #e30000;
    color: var(--accent-color-red);
}

.usecaseslider .imagebox_usecase a:hover .more,
.usecaseslider .imagebox_usecase a:focus .more {
    color: #e30000;
    color: var(--accent-color-red);
    text-decoration: none;
}

.usecaseslider .more {
    height: auto;
    text-align: right;
    padding-top: 10px;
    margin: 0;
    margin-top: auto;
    border-top: 2px solid;
}

.usecaseslider .inner {
	display: flex;
	align-items: stretch;
    padding-top: 50px;
    padding-bottom: 25px;
}

.imagebox_usecase {
	display: flex !important;
	flex-direction: column;
}

.imagebox_usecase_content_wrapper {
	flex-grow: 1;
}

.usecaseslider .ce_sliderStart .slider-control {
    height: 0;
}

.usecaseslider .ce_sliderStart .slider-control a {
    top: calc(50% + 50px);
}

.usecaseslider .ce_sliderStart .slider-control .slider-prev {
    left: -20px;
}

.usecaseslider .ce_sliderStart .slider-control .slider-next {
    right: -20px;
}

.imagebox_usecase_content_wrapper .imagebox_overlay_text {
	display: none;
}

.imagebox_usecase_overlay_content_wrapper {
	position: absolute;
	top: 0%;
	width: 96%;
	height: 100%;
	overflow: hidden;
}

.imagebox_usecase_overlay_content_wrapper .imagebox_event_text {
	display: none;
}

.imagebox_usecase_overlay_content_wrapper .imagebox_overlay_text::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	background-color: transparent;
}

/* Add a thumb */
.imagebox_usecase_overlay_content_wrapper .imagebox_overlay_text::-webkit-scrollbar-thumb {
    background: var(--bg-color-grey);
}

/* Hide scrollbar for IE, Edge and Firefox */
.imagebox_usecase_overlay_content_wrapper .imagebox_overlay_text {
	overflow: auto;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: thin;  /* Firefox */
} 

.imagebox_usecase_overlay_content_wrapper .usecase_link_wrapper {
	
	position: absolute;
	top: 100%;
	background-color: var(--bg-color-light-grey);
	transition: top 500ms;
	
	width: 100%;
	height: 100%;
	display: flex !important;
	flex-direction: column;
	justify-content: flex-start;
	padding: 20px;
}

.imagebox_usecase_overlay_content_wrapper .usecase_link_wrapper .more {
	margin-top: auto;
}

.imagebox_usecase:hover .imagebox_usecase_overlay_content_wrapper .usecase_link_wrapper {
	/* display: initial; */
	visibility: visible;
	top: 0%;
	transition: top 500ms;
}

.imagebox_usecase_content_wrapper h4,
.imagebox_usecase_overlay_content_wrapper h4 {
	margin-top: 0;
	min-height: 1rem;
	margin-bottom: 30px;
}

.imagebox_usecase {
	max-width: 50%;
}
/* Ende Ergänzungen Oliver Kaup (Informationsfabrik) */

/* Länge rote Linie bei GF: 470px */
/* Länge rote Linie bei Überschrift: 276px */
/* Breite x Höhe bei numbered_boxes: ca. 185px x ca. 348px -> Abstand: ca. 24px */