@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,700"); .slideshow-outer {
position: relative;
}
#slider-wrapper {
position: relative;
}
.slider-label {
position: absolute;
bottom: 15%;
right: 100px;
}
#slider-wrapper .rev_slider>ul:after {
content: "";
background: transparent url(//www.lebensraumheute.de/wp-content/themes/Divi-Child/img/slider-shadow.png);
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.top {
font-family: 'Open Sans', sans-serif;
font-size: 1.8vw;
line-height: 110%;
font-weight: 400;
color: #fdf0e7;
text-transform: uppercase;
}
.middle {
font-family: 'Open Sans', sans-serif;
font-size: 3vw;
line-height: 110%;
font-weight: 700;
color: #ef6a0b;
text-transform: uppercase;
}
.bottom {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 2vw;
line-height: 110%;
font-weight: 300;
color: #fdf0e7;
text-transform: uppercase;
}
#scroll-btn {
position: absolute;
width: 100%;
}
#scroll-btn::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 80%;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 80%, rgba(0, 0, 0, .8) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 80%, rgba(0, 0, 0, .8) 100%);
}
#scroll-btn a {
position: absolute;
bottom: 20px;
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font: normal 400 20px/1 'Josefin Sans', sans-serif;
letter-spacing: .1em;
text-decoration: none;
transition: opacity .3s;
}
#scroll-btn a:hover {
opacity: .5;
}
#scroll-btn a {
padding-top: 60px;
}
#scroll-btn a span {
position: absolute;
top: 0;
left: 50%;
width: 30px;
height: 50px;
margin-left: -15px;
border: 2px solid #fff;
border-radius: 50px;
box-sizing: border-box;
}
#scroll-btn a span::before {
position: absolute;
top: 10px;
left: 50%;
content: '';
width: 6px;
height: 6px;
margin-left: -3px;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sdb10 2s infinite;
animation: sdb10 2s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
0% {
-webkit-transform: translate(0, 0);
opacity: 0;
}
40% {
opacity: 1;
}
80% {
-webkit-transform: translate(0, 20px);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes sdb10 {
0% {
transform: translate(0, 0);
opacity: 0;
}
40% {
opacity: 1;
}
80% {
transform: translate(0, 20px);
opacity: 0;
}
100% {
opacity: 0;
}
}
iframe.tour {
width: 100%;
height: 320px;
}
h1 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 54px;
line-height: 110%;
font-weight: 700;
color: #ef6a0b;
text-transform: uppercase;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
line-height: 110%;
font-weight: 400;
color: #333333;
text-transform: uppercase;
}
h3 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 48px;
line-height: 110%;
font-weight: 700;
color: #ef6a0b;
text-transform: uppercase;
}
.et_pb_gallery {
margin-bottom: 50px !important;
}
div:not(.gallerie-01) .et_pb_gallery_items>.et_pb_gallery_item,
div:not(.gallerie-02) .et_pb_gallery_items>.et_pb_gallery_item {
width: calc(50% - 4px) !important;
margin-right: 4px !important;
margin-bottom: 4px !important;
}
.gallerie-01 .et_pb_gallery_items>.et_pb_gallery_item:nth-child(1) {
position: relative;
width: 80% !important;
z-index: 0;
}
.gallerie-01 .et_pb_gallery_items>.et_pb_gallery_item:nth-child(2) {
position: absolute;
bottom: -10%;
width: 45% !important;
right: 0%;
border: 10px solid #fdf0e7;
z-index: 1;
}
.gallerie-02 .et_pb_gallery_items>.et_pb_gallery_item:nth-child(1) {
position: relative;
width: 65% !important;
margin-left: 30% !important;
z-index: 0;
}
.gallerie-02 .et_pb_gallery_items>.et_pb_gallery_item:nth-child(2) {
position: absolute;
bottom: -25%;
width: 55% !important;
left: 0%;
border: 10px solid #fdf0e7;
z-index: 1;
}
.et_pb_blurb {
width: 100%;
height: 100%;
border: 0px solid #fdf0e7; box-shadow: 6px 6px 10px 0px #EEEEEE;
padding: 0 0 10px;
background: #FFFFFF;
}
.et_pb_blurb h4 {
font-family: 'Open Sans Condensed', sans-serif!important;
font-size: 24px!important;
line-height: 110%!important;
font-weight: 700!important;
color: #ef6a0b!important;
text-transform: uppercase!important;
}
.et_pb_blurb_container {
padding-left: 15px;
padding-right: 10px;
}
@media all and (min-width: 981px) {
.teaser .et_pb_column_1_4 {
width: 24.875% !important;
margin-right: 3.5% !important;
}
}
.teaserbox {
background: #FFFFFF;
position: relative;
margin-bottom: 0 !important;
}
.teaserbox-bild {
position: relative;
margin-bottom: 0 !important;
}
.teaserbox .teaserbox-bild .et_pb_image_wrap:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
background: #fdf0e7;
opacity: 0.4;
z-index: 	1;
transition: all 0.3s ease-in-out;
}
.teaserbox .teaserbox-bild .et_pb_image_wrap:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
background: #fdf0e7;
opacity: 0.8;
transition: all 0.3s ease-in-out;
}
.teaserbox:hover .teaserbox-bild .et_pb_image_wrap:after {
height: 0%;
}
.teaserbox-content {
position: absolute;
top: 40%;
left: 	10%;
width: 80%;
z-index: 	1;
}
.teaserbox-content h4 {
font-family: 'Open Sans Condensed', sans-serif!important;
font-size: 40px!important;
line-height: 110%!important;
font-weight: 700!important;
color: #ef6a0b!important;
text-transform: uppercase!important;
}
.teaserbox-content p {
opacity: 1;
}
.teaserbox:hover .teaserbox-content p {
opacity: 0;
}
.teaserbox a.et_pb_button {
width: 100%;
border-radius: 0;
}
a.et_pb_button {
border-radius: 0!important;
padding: .3em 1em!important	;
position: 	relative;	
background: 	none!important	;
background-color: 	transparent!important	;	
overflow: hidden;	
border: 2px solid #ef6a0b!important;
color: #ef6a0b;
}
a.et_pb_button:hover {
padding: .3em 1em!important	;
position: 	relative;	
background: 	none!important	;
background-color: 	transparent!important	;	
overflow: hidden;	
border: 2px solid #ef6a0b!important;
color: #FFFFFF!important;
}
.teaserbox a.et_pb_button {
padding: .3em 1em!important ;
position:   relative;   
background:     none!important  ;
background-color:   transparent!important   ;   
overflow: hidden;   
border: 2px solid #ef6a0b!important;
color: #FFFFFF;
}
.teaserbox:hover a.et_pb_button {
padding: .3em 1em!important	;
position: 	relative;	
background: 	none!important	;
background-color: 	transparent!important	;	
overflow: hidden;	
border: 2px solid #ef6a0b!important;
color: #ef6a0b;
}
.teaserbox a.et_pb_button:hover {
color: #ef6a0b!important;
}
a.et_pb_button:after {
display: none !important;
}
a.et_pb_button:before {
opacity: 	0!important	;
display:block!important;
content: ''!important;
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #ef6a0b;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
a.et_pb_button:hover:before {
opacity: 	1!important	;
-webkit-transform: scale3d(25, 9, 1);
transform: scale3d(25, 9, 1);
}
.teaserbox a.et_pb_button:before {
opacity:    1!important ;
-webkit-transform: scale3d(25, 9, 1);
transform: scale3d(25, 9, 1);
}
.teaserbox:hover a.et_pb_button:before {
opacity: 	0!important	;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
}
.et_pb_scroll_top.et-pb-icon {
background: #ef6a0b;
}
.et_pb_section.bg-left,
.et_pb_section.bg-right {
overflow: hidden;
}      .copyright {
float: left;
margin-right: 2em;
color: #FFFFFF;
padding: 15px;
}
.bottom-nav li.current-menu-item>a {
color: #ef6a0b!important;
}
#et-secondary-nav li ul, #top-header {
background-color: #ef6a0b;
}
#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
color: #ef6a0b;
}
a {
color: #ef6a0b;
text-decoration: none;
}
.nav li ul {
border-top: 3px solid #ef6a0b;
}
body #page-container .et_pb_cta_0.et_pb_promo .et_pb_promo_button.et_pb_button:hover {
color: #FFFFFF!important;
}
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
font-size: 16px!important;
}
div#header-icons {
position: fixed;
width: 60px;
right: 0;
top: 150px;
z-index: 1000;
}
div#header-icons .icon {
background: #ef6a0b;
padding: 12px;
border-top: 1px solid #FFFFFF;
line-height: 1.4;
text-align: center;
color: #FFFFFF;
font-size: 0px;
transition: all 0.3s ease-in-out;
}
div#header-icons .icon:last-child {
border-bottom: none;
}
div#header-icons .icon:hover {
margin-left: -40px;
font-size: 10px;
}
div#header-icons .icon img {
margin-top: 6px;
}
.et_pb_text ul {
padding: 0;
}
.et_pb_text li {
list-style-type: none;
background: url(//www.lebensraumheute.de/wp-content/themes/Divi-Child/img/li-before.png);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: 0px 5px;
padding: 0 0 0 28px;
font-size: 16px;
line-height: 1.8;
}