/*
Theme Name: Duplex Child
Author: muhibbur
Version: 1.0.0
Author URI: http://themeforest.net/user/template_path
Theme URI: http://themeforest.net/user/template_path
Description: This is interior theme
License: ''
License URI: ''
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats
Text Domain: wp_duplex
Template: duplex
*/

@import url(../duplex/style.css);

.main-header .main-box .logo-box {
	text-align:center;
	float:unset;
	margin-top:20px;
	height:50px;
  width:100%;
}
.main-header .nav-outer { 
	float:left;
	width:100%;
}
.main-header .main-box .outer-container {
	padding:0px;
}
.main-header .navigation {
	margin-top:97px;
	z-index:8;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:980px;
}
.navigation #menu-item-27 {
}
.navigation #menu-item-393 {
	margin-left:271px;
}
.main-menu .navigation > li > a {
	text-transform: lowercase;
	font-size:15pt;
	font-weight:normal;
	font-family: "Questrial", sans-serif;
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a {
	text-decoration: underline;
	color:#e6e4e5;
}
.main-header {
	font-family:unset;
	margin-bottom:50px
}
.main-menu .navigation > li {
    position: relative;
    display: inline-block;
    padding: 30px 0px;
    margin: 0px 68px 0px 0px;
    text-align:left;
}

#faq p {
	text-align:left;
}
.main-menu .navigation > li#menu-item-25 {
	margin:0px;
}
h1, h2 {
	font-family: 'Questrial', sans-serif; 
}
.muli h3, .muli h4, .muli h2 {
	font-family: 'Muli', sans-serif;
	font-weight:bold;
}
.muli h2 {
	font-size:16pt;
}
.quest h3, .quest h4 {
	font-family: 'Questrial', sans-serif; 
}
.main-header {
	font-family:unset;
	margin-bottom:50px
}
body, html {
	font-size:13pt;
}
.starttext {
	margin-top:120px;
	font-size:23pt;
	font-weight:normal;
	line-height:1.4;
}
.starthoch {margin-top:130px;
}
.cookie {
	background-color:white;
	color:black;
	padding:5px;
}
.cookie-notice-container {
	font-family: "Muli", sans-serif;
}
section#footer_area {
	background:#e6e4e5;
	padding-top:50px;
	padding-bottom:50px;
	color:black;
	line-height: 1.7em;
}
.dahs {
	width:160px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.footer-menu {
}
.footer-menu li {
	list-style:none;
}
.footer-menu li a {
	color:black;
	font-weight:bold;
	transition: 0.3s ease-in;
	-webkit-transition :0.3s ease-in;
	-moz-transition:0.3s ease-in;
	font-family: "Muli", sans-serif;
}
.footer-menu li a:hover {
	color:white;
	text-decoration: underline;
}
.main-header .header-top {
	background:#e6e4e5;
	color:white;
	font-family: "Questrial", sans-serif;
	text-transform: lowercase;
}
.logo img {
    width:200px;
    height:auto;
}
.logo-box .logo {width: 200px;
    margin-left: auto;
    margin-right: auto;}
header {
    height:300px;
}
.main-header .header-top ul li a {
	color:white;
}
.main-header .header-top ul li a:hover {
	color:black;
}
.sophie {
	margin-bottom:40px;
}
.subtitle {margin-bottom:50px; font-weight:bold;}
.logo-box .logo img {
	width:180px;
}
.logo-box a img {z-index: 850; position: relative;}
.main-header .header-top ul li {
	margin-top:5px;
	margin-left:20px;
	margin-bottom:5px;
	margin-right:0px;
}
.main-header .header-top {
	padding:0px;
}
p a {color:black;
text-decoration: underline;
font-weight:bold;}
a:hover {
	color:#e6e4e5;
	text-decoration: underline
}

.homeStaging, .homeStyling, .kidsStyling {
    width:140px;
    height:140px;
    text-align:center;
    transition: 0.3s ease-in;
	-webkit-transition :0.3s ease-in;
	-moz-transition:0.3s ease-in;
    display:block;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
}
.center {
    text-align:center;
}
.vc_row.changeorder {
	display: flex;
}
.homebutton, .stylingbutton, .kidsbutton {
	margin-bottom:30px;
}
.homebutton .homeStaging {
    background-image:url('/img/staging.svg');
}
.homebutton:hover .homeStaging {
    background-image:url('/img/staging-grey.svg');
}
.stylingbutton .homeStyling{
    background-image:url('/img/styling.svg');
}
.stylingbutton:hover .homeStyling {
    background-image:url('/img/styling-grey.svg');
}
.kidsbutton .kidsStyling {
    background-image:url('/img/kids.svg');
}
.kidsbutton:hover .kidsStyling {
    background-image:url('/img/kids-grey.svg');
}
.titelbild {
    width:80%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}
.img-fluid {
    width:100%;
    height:auto;
}
.main-menu .navigation > li > ul {
	color:black;
	background-color:white;
	border-top:0px;
	width: 160px;
    box-shadow: 0 0 0 0;
}
.main-menu .navigation > li.dropdown:hover > ul {
	top:70px;
}
.main-menu .navigation > li > ul > li > a { 
	color:black;
	text-transform: inherit;
	font-weight:normal;
	font-family: "Questrial", sans-serif;
}
.main-menu .navigation > li > ul > li:hover > a {
	color:#e6e4e5;
	background-color:white;
}
.gallbtn {position: absolute;
	transition:0.3s ease-in;
right:10px;
top:30px;
z-index:5;
width:130px;}
a:hover .gallbtn {
-webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform:scale(1.05);
  transform:scale(1.05);
}
h3 a, a h3 {
	color:black;
	font-family:'Questrial', sans-serif;
	font-size:15pt;
	transition: 0.3s ease-in;
	-webkit-transition :0.3s ease-in;
	-moz-transition:0.3s ease-in;
}

.extra {
	font-weight:bold;
}
.extraZ {
	font-weight:bold;
}

.homebutton:hover h3 a, .homebutton:hover a h3, .stylingbutton:hover a h3, .kidsbutton:hover a h3 {
	color:#e6e4e5;
}

h2.detailpage {
	font-size:15pt;
	font-family:'Questrial', sans-serif;
	text-align:center;
	font-weight:normal;
}
.wpb_wrapper p {
	text-align:center;
	line-height:1.6em;
	font-family: 'Questrial', sans-serif;
	font-size:13pt;
}
h2 {
	font-size:16pt;
	font-family: "Muli", sans-serif;
	font-weight: bold;
}
#vergleich, #vergleichZ, #vergleichB {
    width:100%;
    height:auto;
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
}
.vorherOne {
    background-image:url('/img/nook-vorher-1.jpg');
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
    background-size:cover;
    margin-bottom:40px;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}
.vorherAlt {
	background-image:url('/img/projekt-altstadt-before-1.jpg');
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
    background-size:cover;
    margin-bottom:40px;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}
.vorherAlt:hover {
	background-image:url('/img/projekt-altstadt-after-1.jpg');
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.vorherAlta {
	background-image:url('/img/projekt-altstadt-before-2.jpg');
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
    background-size:cover;
    margin-bottom:40px;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}
.vorherAlta:hover {
	background-image:url('/img/projekt-altstadt-after-2.jpg');
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.vorherAltb {
	background-image:url('/img/projekt-altstadt-before-3.jpg');
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
    background-size:cover;
    margin-bottom:40px;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}
.vorherAltb:hover {
	background-image:url('/img/projekt-altstadt-after-3.jpg');
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.vorherAltc {
	background-image:url('/img/projekt-altstadt-before-4.jpg');
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
    background-size:cover;
    margin-bottom:40px;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}
.vorherAltc:hover {
	background-image:url('/img/projekt-altstadt-after-4.jpg');
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.vorherAltd {
	background-image:url('/img/projekt-altstadt-before-5.jpg');
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
    background-size:cover;
    margin-bottom:40px;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}
.vorherAltd:hover {
	background-image:url('/img/projekt-altstadt-after-5.jpg');
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.vorherAlte {
	background-image:url('/img/projekt-altstadt-before-6.jpg');
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
    background-size:cover;
    margin-bottom:40px;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}
.vorherAlte:hover {
	background-image:url('/img/projekt-altstadt-after-6.jpg');
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.vorherAlte {
	background-image:url('/img/projekt-altstadt-before-6.jpg');
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
    background-size:cover;
    margin-bottom:40px;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}
.vorherAlte:hover {
	background-image:url('/img/projekt-altstadt-after-6.jpg');
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}


.vorherOne:hover {
    background-image:url('/img/nook-nachher-2.jpg');
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.vorherOne img, .vorherAlt img, .vorherAlta img, .vorherAltb img, .vorherAltc img, .vorherAltd img, .vorherAlte img {
    opacity:0;
}

.vorherTwo {
    background-image:url('/img/nook-vorher-2.jpg');
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
    background-size:cover;
    margin-bottom:40px;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}
.vorherTwo:hover {
    background-image:url('/img/nook-nachher-1.jpg');
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.vorherTwo img {
    opacity:0;
}

.busi1, .busi2, .busi3, .busi4 {
	margin-bottom:80px;
}
.busi1 img, .busi2 img {
	width: 520px;
    padding: 30px;
}
.busi1 {text-align:right;}
.busi2 {text-align:left;}
.busi4 img {margin-left:auto;margin-right:auto;}
.vorherThree {
    background-image:url('/img/nook-vorher-3.jpg');
    transition: 0.5s ease-in;
	-webkit-transition :0.5s ease-in;
	-moz-transition:0.5s ease-in;
    background-size:cover;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}

.vorherThree:hover {
    background-image:url('/img/nook-nachher-3.jpg');
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.presse img {
	padding:15px;
	border:2px solid black;
	transition:0.3s ease-in;
	width: 66%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.presse img:hover {
	-webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform:scale(1.05);
  transform:scale(1.05);
}

.presse {
	margin-top:30px;
	margin-bottom:30px;
}

.vorherThree img {
    opacity:0;
}
.kidsOne, .kidsTwo, .kidsStart, .kidsLast {
    width:100%;
    height:auto;
}
.kidsOne img, .kidsTwo img, .kidsStart img, .kidsLast img {
    opacity:0;
}
.kidsOne {
    background-image:url('/img/kidsstyling-2A.jpg');
    transition: 0.8s ease-in;
	-webkit-transition :0.8s ease-in;
	-moz-transition:0.8s ease-in;
    background-size:cover;
}
.kidsOne:hover {
    background-image:url('/img/kidsstyling-2B.jpg');
}
.kidsTwo {
    background-image:url('/img/kidsstyling-3A.jpg');
    transition: 0.8s ease-in;
	-webkit-transition :0.8s ease-in;
	-moz-transition:0.8s ease-in;
    background-size:cover;
}
.kidsTwo:hover {
    background-image:url('/img/kidsstyling-3B.jpg');
}
.kidsStart {
	background-image:url('/img/kidsstyling-1A.jpg');
	transition: 0.8s ease-in;
	-webkit-transition :0.8s ease-in;
	-moz-transition:0.8s ease-in;
    background-size:cover;
    max-width:400px;
    float: right;
}
.kidsStart:hover {
	background-image: url('/img/kidsstyling-1B.jpg');
}
.kidsLast {
	background-image:url('/img/kidsstyling-4A.jpg');
	transition: 0.8s ease-in;
	-webkit-transition :0.8s ease-in;
	-moz-transition:0.8s ease-in;
    background-size:cover;
    max-width:400px;
    float: left;
}
.kidsLast:hover {
	background-image: url('/img/kidsstyling-4B.jpg');
}

.hidden-bar .hidden-bar-closer .btn {
	width:35px;
	height:auto;
	margin-right:10px;
}
.tx {
   text-align:center;
   opacity:1;
}
.txt {
    text-align:center;
    opacity:0;
}
.txt, .tx {
    position:absolute;
    z-index:9;
    font-size:35pt;
    text-transform: uppercase;
    color:white;
    top:50%;
    left:30%;
    font-family: "Questrial",sans-serif;

}
.kidstext {padding-top:50px;}
.vorherOne:hover .tx {
    opacity:0;
}
.vorherOne:hover .txt {
    opacity:1;
}
#faq p {
	margin-bottom: 80px;
}
.faq {
	margin-bottom:50px;
}
.cat {font-weight:400;
font-size:1.8em;}
.hidden-bar .side-menu ul li a { 
	color:black;
	transition: 0.3s ease-in;
	-webkit-transition :0.3s ease-in;
	-moz-transition:0.3s ease-in;
	text-transform: lowercase;
}
.hidden-bar .side-menu ul li a:hover { 
	color:#e6e4e5;
	text-decoration: underline;
}
.mobileonly {
	display: none;
}
.hidden-bar .side-menu .current-menu-item a {
	color:#e6e4e5;
	text-decoration: underline;
}
.hidden-bar {
	background:white;
	padding-top:100px;
	font-family: "Questrial", sans-serif;
}
#impressum .wpb_wrapper p, #datenschutz .wpb_wrapper p {
	margin-bottom:30px;
}
#agb h2 {
	margin-bottom:30px;
}
#agb ol li {
	margin-bottom:30px;
}
#agb ol li ol li {
	margin-bottom:15px;
}
#agb ol {
	margin-top:50px;
}
#agb ol li ol {
	margin-top:10px;
}
#sophietext p {
	letter-spacing: -0.003em!important;
}
.scroll-to-top:hover {
	background:black;
}
.gallerybtn {
	background-color:white;
	color:#e6e4e5;
	padding:20px;
	text-align:center;
	border:0px;
}
.gallerybtn.active {
	text-decoration: underline;
	color:black;
}
.gallerybtn:focus {
	outline:0px;
}
.galleryh1 {
	text-align:center;
	margin-bottom:30px;
}
.tp-caption b {font-size:unset !important;}
.stylingtext p {
	padding-left:80px;
}
.stylingtextleft p {
	padding-right:80px;
}
.hidden-bar-closer .btn {
	padding:5px;
}
.hidden-bar .social-icons {
	text-align:left;
	float:left;
}
.hidden-bar .social-icons ul {
	padding-left:20px;
}
.hidden-bar .social-icons ul li a {
    	background:white;
    	color:black;
    	font-size:18pt;
    }
.hidden-bar .social-icons ul li a:hover {
    	background: #ffffff;
    	color: #e6e4e5;
    }
.pint {
	text-align:right;
	margin-top:30px;
}
.pint.gallery {
	margin-bottom:80px;
	margin-top:0px;
}
p strong, p b, p.subtitle {
	font-family: 'Muli', sans-serif;
}
/* Gallery */

.contfilt {
  overflow: hidden;
}

.filterDiv {
  float: left;
  background-color: white;
  color: #ffffff;
  width: 100%;
  text-align: center;
  margin: 2px;
  display: none; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #ccc;
  cursor: pointer;
  color:white;
}

/* Add a light grey background on mouse-over */
.btn:hover {
  color:#e6e4e5;
}

/* Add a dark background to the active button */
.btn.active {
  background-color: #666;
  color: white;
}
.busi4 img {width:66%;}
#myBtnContainer {
	width:66%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.hidden-bar .side-menu ul li#menu-item-388 a, .hidden-bar .side-menu ul li#menu-item-389 a {
	text-transform: inherit;
}
@media only screen and (min-width:1200px) {
#styling .container, #stylingT .container, #faq .container, .kidscontainer .container {
	width:1015px;
}
}
@media only screen and (max-width:1200px) {
	#styling .container, #stylingT .container, #faq .container, .kidscontainer .container {
		all:none;
	}
	.stylingtext p {
	padding-left:0px;
}
.stylingtextleft p {
	padding-right:0px;
}
.gallbtn {
	width:100px;
}
}
@media only screen and (max-width:1120px) {
	.navigation #menu-item-393 {
	margin-left:240px;
}
}
@media only screen and (max-width: 1023px) {
	.main-header .main-box .logo-box {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		width:100%!important;
		margin:0px;
		text-align:center!important;
	}
	header {
		height:250px;
	}
	.logo-box .logo img {
		width:160px;
	}
	.main-header .nav-toggler {
		right:10px;
		top:72px;
		margin-top:0px;
		z-index:999;
	}

	.main-header .nav-toggler button {
		color:black;
		background:white;
		border:none;
		width:60px;
		height:auto;
		padding:10px;
	}
	.hidden-bar.right-align .hidden-bar-closer {
		left:unset;
		right:5px;
		top:50px;
	}

	.kidstext {
		padding-top:0px;
	}
}

@media only screen and (max-width: 990px) { 
	.kidsLast, .kidsStart {
		max-width:300px;
	}
	.starthoch {width:300px;}
	.starttext {font-size:16pt;}
	.gallerybtn {padding:10px;}

}

@media only screen and (max-width: 767px) {
	.logo-box .logo img {
		margin-top:20px;
	}
	.sokontakt {
		padding-top:30px;
	}
	.vc_row.presse {
		margin-top:0px;
		margin-bottom:0px;
	}
	.presse img {
		margin-top:30px;
		margin-bottom:30px;
		width:80%;
	}
	.starttext br {display:none;}
	.gallbtn {width:80px;}
	.busi1,.busi2 {text-align:center;}
	.busi1 img, .busi2 img {padding:0px;}
	.busi4 img {width:80%;}
	.starthoch {width:300px;
		margin-top:50px;
		margin-left:auto;
		margin-right:auto;}
	.wpb_single_image.wpb_content_element.vc_align_left {
		text-align:center;
	}
	.vc_row.vc_custom_1549279607610 {
		margin-top:100px!important;
		margin-bottom:150px!important;
	}
	.starttext {font-size:16pt;
		margin-top:50px;
	    padding-left: 74px;}
	.kidsOne, .kidsTwo, .kidsLast, .kidsStart {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
	.kidsLast, .kidsStart {
		max-width: unset;
		float:unset;
	}
	.main-header .nav-toggler {
		top:90px;
	}
	.main-header .main-box .logo-box {height:auto;}
	header {height:auto;}
	.main-header {margin-bottom:10px;}
	section#footer_area {
		background: #e6e4e5!important;
	}
	#styling .wpb_single_image .vc_figure, #stylingT .wpb_single_image .vc_figure {
		width:100%;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
	}
	.footer ul {
		padding:0px;
		margin-top:30px;
		margin-bottom:30px;
	}
	.container {
		padding-left:15px;
		padding-right:15px;
	}
	.mobileonly {
		display: block;
	}
}
@media only screen and (max-width: 588px) {
	.starttext {
		padding-left:0px;
	}
}