/** GLOBALS **/
:root {
    --ci-yellow:#feef3b;
    --ci-black: #231f20;
}



/** HEADER **/
#main-header .et_pb_widget .et_pb_image a {
    display:flex;
    width:100%;
    justify-content:center;
}
#main-header .et_menu_container {
    display:flex;
    justify-content:center;
}
#main-header .et_menu_container {
    display:flex;
    justify-content:center;
    padding-top:20px;
}
/*.et_header_Style #et_top_navigation nav>ul>li>a {
    padding-bottom:20px;
}*/



.ci-col_dark-tile {
    padding: 20px;
    border: 2px solid var(--ci-yellow);
    border-radius: 5px;
    color: white!important;
    background: var(--ci-black);
    height:100%;
}
.ci-col_dark-tile.icn-top .et_pb_main_blurb_image {
    margin-top:-50px;
}
.ci-col_dark-tile h4.et_pb_module_header {
    font-size:26px;
    border-bottom:1px solid var(--ci-yellow);
    margin-bottom:10px;
}
.ci-col_dark-tile h4.et_pb_module_header span {
    color:var(--ci-yellow)!important;
}



/** FOOTER **/
#main-footer #footer-info a:hover,
#main-footer .et-social-icons a:hover {
    color:white;
}
#main-footer a {
    transition:color 300ms;
}
#main-footer a:hover {
    color:var(--ci-yellow);
}
#footer-widgets .footer-widget li a {
    transition:color 300ms;
}
#footer-widgets .footer-widget li a:hover {
    color:var(--ci-yellow);
    transition:color 500ms;
}
#footer-bottom .et-social-icon a:hover,
#footer-bottom #footer-info a:hover {
    color: var(--ci-yellow);
}



/** SIDE BUTTONS **/
#side-button-container {
    position:fixed;
    left:33px;
    padding:15px;
    background:transparent;
    top:calc(100vh - 300px);
	z-index:10;
}
#side-button-container #side-buttons {
    display:flex;
    flex-direction:column;
    position:relative;
    z-index:10;
}
#side-button-container #side-buttons .sbtn {
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--ci-yellow);
    border-radius:25px;
    border:2px solid var(--ci-black);
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
    transition:all 300ms;
	height:50px;
	width:50px;
	overflow:hidden;
    z-index:10;
    box-shadow:0 0 4px rgba(0,0,0,0.3);
}
#side-button-container #side-buttons .sbtn:hover {
	width:250px;
    border-color:var(--ci-yellow);
}
#side-button-container #side-buttons .sbtn a {
    color:black;
    font-weight:600;
    text-shadow:0 -2px 2px rgba(255,255,255,.3);
	opacity:0;
	width:0;
	transition:all 300ms;
	transition-delay:150ms;
	white-space:nowrap;
	padding-right:0;
}
#side-button-container #side-buttons .sbtn:hover a {
	opacity:1;
    width:180px;
	padding-right:20px;
	overflow:hidden;
	transition-delay:0;
}
#side-button-container #side-buttons .sbtn img.icn {
	/*background:red;#7d9917;
	border-radius:50%;*/
    width:24px;
    height:auto;
    margin-left:0;
}
@media only screen and (max-width:768px) {
	#side-button-container {
	    left:4px;
	    top:calc(100vh - 270px);
	}
}
@media only screen and (max-width:480px) {
    #side-button-container {
        left:-10px;
        opacity:.5;
    }
    #side-button-container:hover {
        opacity:1;
    }
}


/** Facebook  & Insta side buttons **/
#btn-fb,
#btn-insta {
    position:fixed;
    right:30px;
    z-index:11;
    height:50px;
    width:50px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--ci-yellow);
    border-radius:25px;
    border:2px solid var(--ci-black);
}
#btn-fb .et-pb-icon,
#btn-insta .et-pb-icon {
    color:black;
    font-size:27px;
}
#btn-fb {
    top:calc(100vh - 140px);
}
#btn-insta {
    top:calc(100vh - 200px);
}
@media only screen and (max-width:480px) {
    #btn-fb {
        right:-50px;
    }
}



/** BUTTON INVERTED **/
.et_pb_button.inverted {
    border-color:var(--ci-yellow);
    background-color:var(--ci-black);
    color:var(--ci-yellow);
}
.et_pb_button.inverted:hover {
    border-color:var(--ci-black);
    background-color:var(--ci-yellow);
    color:var(--ci-black);
}



/** POPUP - MAKE SCHEDULE **/
.modal-gfx-wrapper {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position:relative;
}
#popup-make-schedule .modal-gfx-wrapper .vis-hor-line {
    background:var(--ci-black);
    position:absolute;
    top:calc(50% - 5px);
    width:calc(100% + 25px);
    left:0;
    height:5px;
}
#popup-make-schedule .vis-vert-line {
    position:absolute;
    height:100%;
    background:var(--ci-black);
    width:5px;
    right:-5px;
}



/** ZOOM SLIDER **/
.zslider {
    z-index:1;
}
.zslider .et_pb_slides {
    animation: zslider 40s infinite;
}
@keyframes zslider {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.1);
    }
    100% {
        transform:scale(1);
    }
}
.zslider .et-pb-controllers {
    bottom:30px;
}
.zslider .et-pb-controllers a {
    width:12px;
    height:12px;
    border-radius:12px;
    outline:3px solid var(--ci-blue-opaque);
    margin-right:15px;
}



/** Company chronical slider **/
.slider-chronical .swiper-container {
    padding:25px 0;
}
.slider-chronical h4.item-title {
    border-bottom:1px solid var(--ci-yellow);
    margin-bottom: 10px;
    text-shadow:0 2px 2px black;
}



/** Karriere: Einführungsprozess **/
.section-intro-process .et_pb_column {
    align-items:stretch;
    justify-content:space-between;
}
.section-intro-process .et_pb_blurb {
    background:var(--ci-black);
    border:2px solid var(--ci-yellow);
    border-radius:5px;
    padding:20px;
    max-width:22%;
    position:relative;
}
.section-intro-process .et_pb_blurb:after {
    content:'';
    position:absolute;
    right:-25px;
    top:calc(50% - 50px);
    width:0;
    height:0;
    border-top:50px solid transparent;
    border-bottom:50px solid transparent;
    border-left:25px solid var(--ci-yellow);
    /*filter:drop-shadow(-2px 0 1px var(--ci-black)) drop-shadow(2px 0 1px var(--ci-black)) drop-shadow(0 -2px 1px var(--ci-black)) drop-shadow(0 2px 1px var(--ci-black));*/
}
.section-intro-process .et_pb_blurb:last-child {
    margin-bottom:2.75%!important;
}
.section-intro-process .et_pb_blurb:last-child:after {
    display:none;
}
.section-intro-process .et_pb_blurb .et_pb_module_header {
    color:var(--ci-yellow);
    border-bottom:1px solid var(--ci-yellow);
    margin-bottom:10px;
}
.section-intro-process .et_pb_blurb .et_pb_blurb_description {
    color:white;
}
@media only screen and (max-width:1024px){
    .section-intro-process .et_pb_column {
        display:block;
    }
    .section-intro-process .et_pb_blurb {
        max-width:100%;
        width:100%!important;
        margin-bottom:40px!important;
    }
    .section-intro-process .et_pb_blurb:after {
        content:'';
        position:absolute;
        right:calc(50% - 50px);
        top:100%;
        border-left:50px solid transparent;
        border-right:50px solid transparent;
        border-top:25px solid var(--ci-yellow);
    }
}



/** TILE CLOUD **/
.tile-cloud .et_pb_column {
    display:flex;
    justify-content:center;
}
.tile-cloud .et_pb_button_module_wrapper {
    margin:0 3px 3px 0!important;
    /*margin:0 7px 7px 0!important;*/
    flex-grow:0;
}
.tile-cloud .et_pb_button {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border-radius:5px!important;
    min-height:80px;
    /*border-color:var(--ci-yellow)!important;*/
    transition:all 300ms;
}
body #page-container .et_pb_section .tile-cloud .et_pb_button:after {
    font-size:20px!important;
    /*left:calc(50% - 30px)!important;*/
    left:0!important;
    margin-left:0!important;
    top:-10px;
    background:var(--ci-black);
    width:34px;
    text-align:center;
    border-radius:50%;
    border:2px solid var(--ci-yellow);
    box-shadow:0 2px 4px rgba(0,0,0,0.3);
    z-index:10;
    pointer-events:none;
}
body #page-container .et_pb_section .tile-cloud .et_pb_button:hover {
    background:var(--ci-yellow)!important;
    color:var(--ci-black)!important;
    padding:6px 20px;
}
body #page-container .et_pb_section .tile-cloud .et_pb_button:hover:after {
    /*left:calc(50% - 10px)!important;*/
    left:calc(100% - 22px)!important;
    margin-left:0!important;
}