/*
 Theme Name:   Optime Child
 Description:  Child Theme zur Bearbeitung
 Author:       Klickkomplizen
 Author URI:   https://www.klickkomplizen.de
 Template:     optime
 Version:      1.0
 Text Domain:  optime-child
*/

#cms-loadding .loading-center-absolute .lds-ring div { border-color: #ffcc00 transparent transparent transparent; }

#content {position:relative;}
#content:after {
	content: "";
	position:absolute;
	bottom: 0px;
	right: 0px;
	width: 20%;
	height: 20%;
	
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(https://karriere.vng-handel.de/inhalt/uploads/VNG_Header-e1583155558174.png);
	background-size: 100%;
	
	-webkit-transform: scaleY(-1);;
	transform: scaleY(-1);;
}

#head-triangel {
	background-color: transparent;
	background-repeat: no-repeat !important;
	background-position: top right !important;
	background-image: url(https://karriere.vng-handel.de/inhalt/uploads/VNG_Header-e1583155558174.png) !important;
	position: absolute;
    right: 0px;
    top:0px;
height: 200px;
	width: 377px;
background-size: cover;

}

.cms-services-grid.layout1 .grid-item-inner { height:100%;}
.cms-testimonial-carousel.layout2.yellow-hyphons .cms-testimonial-item::before {
	background-image: url(images/quote-icon-vng.png);
}

.gallery-overlay-text {
	color: #fff;
	font-size: 18px;
	font-weight:bold;
	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
}

.gallery-overlay-text:hover {
	opacity: 0.8;
}

.plain_jobs h4 {
	font-size: 18px !important;
	font-weight: normal !important;
	margin-bottom: 0px  !important;
	text-align: left;
}

.plain_jobs .grid-item-inner {
	padding: 0px !important;
	box-shadow: none !important;
	background-color: transparent !important;
}

.plain_jobs .item-content,
.plain_jobs .item-readmore {display:none;}

.single-service ul { list-style: disc; margin-left:20px;}
.single-service ul li { list-style-position: outside;}

/* body a { font-weight: bold; color: #ffcc00; } */
body a:hover, body a:focus, body a:active { color: #ffcc00; }

.site-footer .bottom-footer .footer-bottom-copyright a { font-weight: bold; color: #ffcc00; }
.site-footer .bottom-footer .footer-bottom-copyright a:hover,
.site-footer .bottom-footer .footer-bottom-copyright a:focus,
.site-footer .bottom-footer .footer-bottom-copyright a:active { color: #000000; text-decoration: none; }

ul.social-media-icons {
    position: fixed;
    right: 0;
    top: 30%;
    list-style: none;
    z-index: 17;
    padding: 0;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
}
.social-media-icons li {
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    width: 30px;
}
.social-media-icons img {
    width: 30px;
}
.social-media-icons img:hover {
    opacity: 0.6;
}

.social-media-icons li.sticky-contact {
    height: 150px;
    width: 38px;
    padding: 15px 24px 16px 16px;
    margin: 0;
    margin-top: 10px;
    background: #ffcc00;
}

.social-media-icons .sticky-contact a {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    display: inline-block;
    color: #000;
    font-size: 29px;
    height: 120px;
    font-weight: 500px;
    margin-left: -10px;
}

.social-media-icons .sticky-contact:hover a {
    color: #fff;
}


.extra-layout .cms-testimonial-item {
    height: auto !important;
    background-color: transparent !important;
}
.extra-layout .cms-testimonial-item::before {display:none;}
.extra-layout .cms-testimonial-avatar {
    border:0px;
    padding:0px;
    border-radius: 0px;
    width: 100%
}
.extra-layout .cms-testimonial-avatar img {
    width: 100%;
    max-width: 100%;
    border-radius: 0px;
    display: inline-block;
}

.extra-layout .cms-testimonial-content {
    background-color: #fff;
    padding: 35px 37px;
    position:relative;
    border-radius: 0px 0px 6px 6px;
}

.extra-layout .cms-testimonial-content p { 
    margin: 0px;
    text-align:center;
    font-weight: 500;
}


.extra-layout .cms-testimonial-content::after {
    content: "";
    display: block;
    width: 26px;
    height: 20px;
    border-left: 13px solid #fff;
    border-top: 10px solid #fff;
    border-right: 13px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 40px;
}

.extra-layout .cms-testimonial-content::before {
    content: "";
    display: block;
    width: 60px;
    height: 43px;
    position: absolute;
    left: 40px;
    top: -20px;
    background-image: url(images/quote-icon-vng.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.extra-layout .name-position {margin-top: 30px;}
.extra-layout .name-position .name {
    margin:0px;
    font-weight: bold;
}
.extra-layout .name-position .position {font-size: 16px;}

.owl-carousel.svg-nav .owl-nav .owl-prev {
    left: -42px;
    background-color: transparent;
}
.owl-carousel.svg-nav .owl-nav .owl-next {
    right: -42px;
    background-color: transparent;
}

.owl-carousel .owl-dots .owl-dot.active span { border-color: #ffcc00; }
.owl-carousel .owl-dots .owl-dot.active:before, .owl-carousel .owl-dots .owl-dot.active:after { background-color: #ffcc00; }

.vng-button-gelb .btn,
.vng-button-gelb button,
.vng-button-gelb .button,
.vng-button-gelb input[type="submit"] {
	background-color: #ffcc00 !important;
	border-color: #ffcc00 !important;
}

.vng-button-gelb .btn:hover, .vng-button-gelb button:hover,
.vng-button-gelb .button:hover, .vng-button-gelb input[type="submit"]:hover,
.vng-button-gelb .btn:focus, .vng-button-gelb button:focus,
.vng-button-gelb .button:focus, .vng-button-gelb input[type="submit"]:focus,
.vng-button-gelb .btn.focus, .vng-button-gelb .btn:active {
	background-color: #FFFFFF !important;
	color: #ffcc00 !important;
	border-color: #ffcc00 !important;
}

.widget.cms-contact-box { background-color: #ffcc00 !important; }
.cms-contact-button a.btn { background-color: #ffcc00 !important; border-color: #ffcc00 !important; }
.widget.cms-contact-box .cms-contact-button a:hover { color: #ffcc00 !important; background-color: #ffffff !important; }

.scroll-top:not(.fixed-bottom) { background-color: #ffcc00; }
.scroll-top:not(.fixed-bottom):hover { background-color: #000000; color: #fff; }

.mfp-wrap .mfp-container .mfp-arrow { background-color: #ffcc00; }

@media (max-width: 768px) {
    .hidden-xs {display:none}
}

@media (max-width: 992px) {
    .hidden-sm {display:none}
}