/*
Theme Name:     DFD Ronneby Child Theme for fein.media 
Theme URI: 		http://rnbtheme.com/
Description:    ronneby - Highly Functional Multifaceted WP Theme
Author:         pixelpublic GmbH
Author URI:		http://www.pixelpublic.de/
Template:       dfd-ronneby
Version:        1.0.0
*/


/* WEBFONTS START */

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact
Monotype with any questions regarding Web Fonts:  https://www.linotype.com
*/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=66b0ec58-f493-4734-b7eb-d0df7e6e3107&fontids=1475730,1475766,1475770,1475778");
@font-face{
	font-family:"Frutiger 45 Light";
	src:url("Fonts/1475730/087d8a95-3f25-4bae-a1d1-db9ddffd72f5.woff2") format("woff2"),url("Fonts/1475730/ab1bcdf7-9570-4cba-a8e3-3e39ddd861db.woff") format("woff");
}
@font-face{
	font-family:"Frutiger 47 Light Condensed";
	src:url("Fonts/1475766/d081ebc4-72ee-49ad-94a1-b3cd3e01e2a1.woff2") format("woff2"),url("Fonts/1475766/e4b55b70-bcab-4701-b1ce-3cd09b3c8077.woff") format("woff");
}
@font-face{
	font-family:"Frutiger 57 Condensed";
	src:url("Fonts/1475770/5995e4b5-97ff-4823-bebb-dc150282a2cf.woff2") format("woff2"),url("Fonts/1475770/bd26bfea-b97f-4b32-b5f6-504be0b1938d.woff") format("woff");
}
@font-face{
	font-family:"Frutiger 67 Bold Condensed";
	src:url("Fonts/1475778/4c4ee705-e593-4456-988d-03a5a2594534.woff2") format("woff2"),url("Fonts/1475778/e728739a-5d86-4213-9f4f-73394eff3d19.woff") format("woff");
}

/* WEBFONTS ENDE */

/* HELPER START */

.zweispaltig {
    -webkit-columns: 2 260px;
    -moz-column-count: 2;
    -moz-column-width: 260px;
    columns: 2 260px;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
}

.rounded-corners,
.rounded-corners .dfd-video-box {
	border-radius: 5px;
}

.rounded-corners .dfd-video-box iframe {
	border-radius: 6px !important;
}

.orange {
	color: #EF8939 !important;
}

.white,
.white p {
	color: #FFFFFF !important;
}

.wpb_wrapper p > a.white-link:not(.dk_toggle) {
	color: #FFFFFF !important;
}

.wpb_wrapper p > a.white-link:not(.dk_toggle)::before {
	border: none !important;
}

.network-box .wpb_wrapper {
	margin-bottom: 50px;
	-webkit-box-shadow: 0 3px 50px rgba(0, 0, 0, 0.16);
	box-shadow: 0 3px 50px rgba(0, 0, 0, 0.16);
	border-radius: 5px;
}

.description-box {
	padding-bottom: 30px;
}

.description-box > .wpb_wrapper {
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
	border-radius: 5px;
	padding: 30px;
	height: 100%;
}

.reference-box {
	padding-bottom: 20px;
}

.reference-box > .wpb_wrapper {
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
	box-shadow: 0 8px 10px rgba(0, 0, 0, 0.16);
	border-radius: 5px;
	padding: 30px;
	height: 100%;
	background-color: white !important;
}

.gray-square {
	display: inline-block;
	position: relative;
	margin: 0 6px;
	bottom: 2px;
	width: 4px !important;
	height: 4px !important;
	background-color: #9E9E9E;
}

.white-square {
	display: inline-block;
	position: relative;
	bottom: 4px;
	width: 4px !important;
	height: 4px !important;
	background-color: white;
}

/* HELPER ENDE */

/* TYPOGRAPHIE START */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td,
.sub-menu-link,
.wpb_wrapper p a,
.dfd-module-readmore span,
input,
textarea,
#nf-form-1-cont ::placeholder,
.dfd-progress label,
.dfd-progress .skill-percent {
	font-family: "Frutiger 45 Light", Helvetica, Arial, Verdana, sans-serif !important;
}

rs-layer {
	font-family: "Frutiger 47 Light Condensed", Helvetica, Arial, Verdana, sans-serif !important;
}

.info-box-subtitle {
	font-family: "Frutiger 57 Condensed", Helvetica, Arial, Verdana, sans-serif !important;
	font-style: normal !important;
}

.item-title,
.dfd-content-title-small,
.dfd-button-text-main,
.submit-button,
.info-box-title,
rs-layer b,
div.page-title-inner .page-title,
.dfd-blog-title,
.reference-header-row h2.h5,
.reference-box h3.h5,
.dfd-controls .page-inner-nav .pagination-title div.box-name,
b {
	font-family: "Frutiger 67 Bold Condensed", Helvetica, Arial, Verdana, sans-serif !important;
	font-weight: normal !important;
}

.item-title {
 	letter-spacing: 0 !important;
}

.h2 {
	font: normal 35px / 49px "Frutiger 67 Bold Condensed", Helvetica, Arial, Verdana, sans-serif !important;
	letter-spacing: 0;
}

.h6 {
	margin-bottom: 5px !important;
	text-transform: uppercase;
	font: normal 18px / 28px "Frutiger 67 Bold Condensed", Helvetica, Arial, Verdana, sans-serif !important;
	letter-spacing: 0;
}

div.page-title-inner .page-title {
	font-size: 40px !important;
	line-height: 56px !important;
}

div.page-title-inner.page-title-inner-bgcheck .page-title b {
	color: #EF8939 !important;
	font-weight: normal !important;
}

.dfd-blog-title {
	font-size: 24px !important;
	line-height:  30px !important;
}

.dfd-progress label {
	text-transform: uppercase !important;
	font-size: 16px !important;
	line-height: 24px !important;
}

.dfd-progress .skill-percent {
	font-weight: normal !important;
	font-size: 20px !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
}

.reference-header-row h2.h5 {
	font-size: 35px !important;
	line-height: 49px !important;
	letter-spacing: 0 !important;
}

.reference-box h3.h5 {
	font-size: 20px !important;
	line-height: 28px !important;
	letter-spacing: 0 !important;
}

/* TYPOGRAPHIE ENDE */

/* BUTTONS START */

.white-button .dfd-button-inner-cover,
.white-button .icon-wrap.with-image {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

.white-button:hover img {
	filter: invert(100%);
}

@media (min-width: 800px) and (max-width: 1000px) {
	.white-button .dfd-button-text-main {
		letter-spacing: 0 !important;
		font-size: 15px !important;
	}
}

@media (max-width: 359px) {
	.white-button .dfd-button-text-main {
		letter-spacing: 0 !important;
		font-size: 15px !important;
	}
}


.dfd-btn-wrap.button {
	border-radius: 5px;
	padding-top: 10px;
	height: 54px !important;
	
}

/* BUTTONS ENDE */

/* BULLETS START */

.wpb_text_column > .wpb_wrapper ul {
	list-style: none !important;
	margin-left: 20px;
}

.wpb_text_column > .wpb_wrapper ul li::before {
	content: "•";
	position: absolute;
	margin-left: -20px;
}

/* BULLETS ENDE */

/* HEADER START */
#header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {border-color: transparent!important;}
#header .header-wrap {
	background-color: #131313;
}

/* Einfärben der aktiven Sektion auf der Startseite (One Pager) in Verbindung mit CSS Klasse im Menü */
body.fp-viewing-section-geschaeftspartner li.geschaeftspartner .nav-item,
body.fp-viewing-section-netzwerk li.netzwerk a.item-title,
body.fp-viewing-section-team li.team a.item-title, 
body.fp-viewing-section-ueber-uns li.ueber-uns a.item-title, 
body.fp-viewing-section-intro li.home a.item-title,
body.fp-viewing-section-leistungen li.leistungen a.item-title, 
body.fp-viewing-section-kontakt li.kontakt a.item-title,
.menu-item-depth-0.current-menu-item a.item-title,
.menu-item-depth-1.current-menu-item a.menu-link {color: #EF8939!important;}

body.page-template-tmp-one-page-scroll .current-menu-item a.item-title {color: #FFF!important}

body.single-post li.projekte a.item-title {color: #EF8939!important;}

body.dfd-page-title-unsere-projekte li.projekte a.item-title,
body.dfd-page-title-laufende-projekte li.projekte a.item-title,
body.dfd-page-title-referenzen li.projekte a.item-title {color: #EF8939!important;}

body.laufende-projekte li.laufende-projekte a.menu-link , 
body.unsere-projekte li.unsere-projekte a.menu-link  {color: #EF8939!important;}

#header-container.small:not(.header-style-7):not(.header-style-14) #header .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before {
	border-color: transparent !important;
}



@media (min-width: 1101px) {
	/*#header .header-wrap {
	  background: linear-gradient(180deg, rgba(0,0,0,0.8) 1%, rgba(0,0,0,0.001) 100%) !important;
	}
	
	#header .mega-menu-item::before {
		border-color: transparent !important;
	}
	*/
	#header .mega-menu-item .item-title:hover,
	#header .mega-menu-item .item-title:focus {
		color: #EF8939 !important;
	}
	
	#header .mega-menu-item .item-title.open {
		background-color: #333333 !important;
	}
	
	#header .nav-menu div.sub-nav.open {
		top: 76px;
	}
}

#header .mobile-logo img {
	height: 48px !important;
}

@media (max-width: 1100px) {
	#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel 	.header-col-left,
	#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right {
		height: 80px !important;
		line-height: 48px !important;
	}
	
	#header .header-icons-wrapper {
		width: 102px !important;
		height: 48px !important;
	}
	
	#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left {
		padding: 10px 0 !important;
	}
}

/* HEADER ENDE */

/* FOOTER START */

#footer-wrap {
	width: 100%;
}

#footer .columns {
	margin: 0 !important;
}

#footer .copyright-note {
	color: #AAB0B3;
	font-size: 16px;
	line-height: 22px;
}

#footer .footer-social-navigation-wrapper {
	display: flex;
	justify-content: center;
}

#footer .footer-social-navigation {
	display: flex;
	justify-content: center;
}

#footer .footer-social-navigation-item.facebook,
#footer .footer-social-navigation-item.crystal-sound,
#footer .footer-social-navigation-item.rockshop {
	margin-right: 18px;
}

#footer .footer-social-navigation-item:hover a img {
	filter: brightness(200%);
}

#footer .footer-navigation-wrapper {
	display: flex;
	justify-content: flex-end;
}

#footer .footer-navigation {
	display: flex;
}

#footer .footer-navigation-item {
	line-height: 22px !important;
}

#footer .footer-navigation-item.datenschutz {
	margin-left: 26px;
}

#footer .footer-navigation-item a {
	color: #AAB0B3 !important;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 22px;
}

#footer .footer-navigation-item a:hover,
#footer .footer-navigation-item a:focus {
	color: #EF8939 !important;
}

@media (max-width: 799px) {
	#footer .copyright-note {
		text-align: center;
	}

	#footer .footer-navigation-wrapper {
		justify-content: center;
	}
}


#sub-footer .footer-address {
	color: #9E9E9E;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
}

#sub-footer {
	border-top: 1px solid rgba(239, 137, 57, 0.2);
	padding: 10px 20px;
	height: auto;
}

#sub-footer .subfooter-copyright {
	height: auto;
}

#sub-footer .gray-link {
	color: #9E9E9E !important;
}

#sub-footer .gray-link:hover,
#sub-footer .gray-link:focus {
	color: #EF8939 !important;
}

/* FOOTER ENDE */

/* TEAM START */

.team-banner .image-wrap,
.team-banner .image-cover,
.team-banner .title-wrap,
.team-banner .title-wrap::before {
	border-radius: 5px;
}

/* TEAM ENDE */

/* KONTAKTFORMULAR START */

#nf-form-1-cont .nf-before-form-content {
	display: none;
}

#nf-form-1-cont ::placeholder {
  color: #333333;
  opacity: 1;
}

#nf-form-1-cont :-ms-input-placeholder {
  color: #333333;
}

#nf-form-1-cont ::-ms-input-placeholder {
  color: #333333;
}

#nf-form-1-cont .nf-error-msg {
	color: #333333;
}

#nf-form-1-cont .ninja-forms-req-symbol,
#nf-form-1-cont #nf-label-field-6 {
	color: #ffffff;
	font-weight: normal;
}

#nf-form-1-cont textarea,
#nf-form-1-cont input {
	border-radius: 5px;
}

#nf-form-1-cont .submit-button {
	width: auto;
	height: 70px;
	padding: 22px 40px;
	border-radius: 5px;
	background: #333;
	border: 0;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	
	font-size: 20px;
	line-height: 30px;
	cursor: pointer;
}

#nf-form-1-cont .submit-button:hover {
	background: #EF8939;
}

#nf-form-1-cont .nf-response-msg p {
	color: white;
}

/* KONTAKTFORMULAR ENDE */

/* PROJEKTE START */

.dfd-blog .cover {
	padding: 0 10px 60px 10px !important;
}

.dfd-blog-title a {
	background: none !important;
}

.dfd-blog-title a:hover,
.dfd-blog-title a:focus {
	color: #EF8939 !important;
}

.entry-thumb img {
	border-radius: 5px;
}

.dfd-blog-title a::before {
	content: "";
	display: block;
	position: absolute;
	top: -22em;
	right: -22em;
	bottom: -22em;
	left: -22em;
}


.reference-banner {
	margin-bottom: 60px;
}

.reference-banner .info-banner-image {
	border-radius: 5px;
}

.reference-banner .info-box-title {
	padding-top: 7px !important;
}

.reference-banner:hover .info-box-title {
	color: #EF8939 !important;
}


/*.dfd-logo-carousel-wrap .logo-carousel .dfd-logo-carousel-item .thumb-wrap img {*/
	/* Bugfix */
	/*display: inline-block !important;*/
	/*top: 0 !important;*/
	/*-webkit-transform: none !important;*/
	/*-moz-transform: none !important;*/
	/*-o-transform: none !important;*/
	/*transform: none !important;*/
/*}*/

/*.dfd-logo-carousel-wrap .dfd-item-offset.columns {*/
	/* Bugfix */
	/*float: left !important;*/
	/*clear: none !important;*/
/*}*/

.dfd-logo-carousel-wrap .logo-carousel .dfd-logo-carousel-item {
	padding: 0 0 20px 0;
}


.dfd-carousel-module-wrapper .dfd-single-image-module img {
	border-radius: 5px !important;
}

.dfd-carousel-module-wrapper.dfd-arrows-enabled.dfd-arrows_aside2 .dfd-slider-control.prev {
	left: 10px !important;
}

.dfd-carousel-module-wrapper.dfd-arrows-enabled.dfd-arrows_aside2 .dfd-slider-control.next {
	right: 10px !important;
}

.dfd-arrows-style_4 .dfd-slider-control::after {
	background: rgba(0,0,0,0.3) !important;
}

.dfdroundedold ul.dfd-slick-dots li span {
	width: 11px !important;
	height: 11px !important;
	border-color: #676767 !important;
}

.dfdroundedold ul.dfd-slick-dots li.slick-active span {
	background-color: #676767 !important;
}


.dfd-carousel-wrapper {
	/* Bugfix */
	margin-left: 0 !important;
	margin-right: 0 !important;
	overflow: hidden !important;
}

.dfd-carousel-module-wrapper {
	/* Bugfix */
	margin-left: -10px !important;
	margin-right: -10px !important;
}


.dfd-progress .progress-bar {
	margin-top: 18px !important;
	height: 23px !important;
}

.dfd-progress .progress-bar::before {
	border: none !important;
	background: rgba(103, 103, 103, 0.2) !important;
}

/* PROJEKTE ENDE */

/* SINGLE POST START */

#layout.single-post {
	margin-top: 75px !important;
	margin-bottom: 75px !important;
}

#layout.single-post .dfd-single-style-advanced {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.post {
	padding-bottom: 0 !important;
}

@media (min-width: 800px) {
	#layout.single-post {
		margin-top: 150px !important;
		margin-bottom: 150px !important;
	}
}


.dfd-controls {
	display: block !important;
}

.dfd-controls .dfd-controler span,
.dfd-controls .subtitle,
.dfd-controls .entry-comments {
	display: none !important;
}

.dfd-controls .page-inner-nav .dfd-controler {
	color: #676767 !important;
	border: 1px solid #676767;
	border-radius: 0;
}

.dfd-controls .page-inner-nav:hover .dfd-controler,
.dfd-controls .page-inner-nav.active .dfd-controler {
	background: #EF8939 !important;
	border-color: #EF8939 !important;
	color: white !important;
}

.dfd-controls .dfd-controler.prev::before {
	content: "\e802";
	font-family: "dfd-added-font-icon";
}

.dfd-controls .dfd-controler.next::before {
	content: "\e803";
	font-family: "dfd-added-font-icon";
}

.dfd-controls .page-inner-nav .pagination-title div.box-name {
	border-bottom: none !important;
}

/* SINGLE POST ENDE */

/* REFERENZEN START */

.reference-header-row,
.reference-header-image-column,
.reference-header-title-column {}

.reference-header-row {
	margin-bottom: 20px;
	border-radius: 5px;
	background-color: #ECC492;
	background-image: url("/wp-content/uploads/2021/03/Dreiecke.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
}

.reference-header-row .dfd-single-image-module img {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.reference-header-row h2.h5 {
	margin-left: 100px;
	margin-right: 20px;
}

@media (max-width: 799px) {
	.reference-header-row .reference-header-image-column {
		display: none;
	}

	.reference-header-row {
		padding: 50px 20px;
		text-align: center !important;
	}

	.reference-header-row h2.h5 {
		display: inline;
		margin-left: 0;
		margin-right: 0;
	}
}


.reference-box h3.h5 {
	min-height: 56px;
}

/* REFERENZEN ENDE */

/* 404 START */

.error404 #main-content .container-shortcodes,
.error404 #main-content .cart-empty-subtext {
	display: none !important;
}

.error404 .dfd-added-font-icon-konus {
	color: #EF8939 !important;
}

.error404 .button-on-page .wc-backward {
	margin-top: 30px !important;
}

/* 404 ENDE */

/* Logo Slider */
.lshowcase-logos .bx-wrapper .bx-pager.bx-default-pager a:hover, .lshowcase-logos .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #EF8939!important;
}
.lshowcase-logos .bx-wrapper .bx-pager, .lshowcase-logos .bx-wrapper .bx-controls-auto { bottom: -90px!important; }

/* Korrektur Modal */
.dfd-modal-box-overlay .dfd-modal-box-cover .dfd-modal-box-wrap.height-resize { overflow: initial; }

/* Video Player */
.video-player-for-wpbakery,
.video-player-for-wpbakery-container {
	width: 100%;
	padding: 0 !important;
}

/* Fix Revolution Slider Whitespace auf Mobil */
@media (max-width: 1100px) {
	#intro {
		min-height: 0 !important;
	}
}

/* Impressum */
.pixelpublic-logo-link::before {
	border: none !important;
}