/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@import url("fonts.css");

/*Allgemein */
#back_to_top span{background-color:rgba(0,0,0,0.2);border:none;}
h1{color:#333; text-transform:uppercase;}
.gelb{color:#f9af19;}
a.ubtn-link {margin-left: -25px !important;}
.orange{color:#f9af19;}
span.orange{font-weight:400;margin-top:15px;}
.mobil-planer-button{display:none;}  
.q_logo .normal{height:90%!important;margin-top:5px;}
.grayscale img{ filter: gray;-webkit-filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);transition-property: filter;transition-duration: 1s;-o-transition: .5s ease-in-out;}
.grayscale img:hover{ filter: none;-webkit-filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);-o-transition: .5s ease-in-out;}
.qode_clients .qode_client_holder a:hover{opacity:1!important;}
.header_inner{border-top: 5px solid #f9af19 !important;}

#zertifizierungen-footer{margin-top: 20px; color: orange;background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2017/12/pfeil.png); background-repeat:no-repeat;}

.page_not_found {padding-top: 50px;}


/* Flip Effekt */
.fugen .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/fugenschnitt-e1460551153335.jpg) 0 0 no-repeat;}
.fugen .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/fugenschnitt-back-e1460558956522.jpg) 0 0 no-repeat;}
.diagonal .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/diagonal-e1460558966285.jpg) 0 0 no-repeat;}
.diagonal .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/diagonal-back-e1460558976112.jpg) 0 0 no-repeat;}
.block .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/blockparkett-e1460558984202.jpg) 0 0 no-repeat;}
.block .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/blockparkett-back-e1460558991448.jpg) 0 0 no-repeat;}
.versetzt .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/versetzt-e1460559001463.jpg) 0 0 no-repeat;}
.versetzt .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/versetzt-back-e1460559008758.jpg) 0 0 no-repeat;}
.boem .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/modul-e1460559016173.jpg) 0 0 no-repeat;}
.boem .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/05/raum-boehmischer-verband-e1462887274829.png) 0 0 no-repeat;}
.fisch .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/fischgraete-e1460559024315.jpg) 0 0 no-repeat;}
.fisch .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/fischgraete-back-e1460559031424.jpg) 0 0 no-repeat;}
.schlauch .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/schlauchfoermig-e1460560379236.jpg) 0 0 no-repeat;}
.schlauch .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/raum-schlauchfoermig.jpg) 0 0 no-repeat;}
.vertikal .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/Vertikal_Verlegung-e1460560410189.jpg) 0 0 no-repeat;}
.vertikal .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/raum-vertikal.jpg) 0 0 no-repeat;}
.farbe .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/farbe-e1460560418713.jpg) 0 0 no-repeat;}
.farbe .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/raum-hell-e1460563859526.jpg) 0 0 no-repeat;}
.boden .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/boden-e1460560425807.jpg) 0 0 no-repeat;}
.boden .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/raum-dunkler-boden-e1460563867281.jpg) 0 0 no-repeat;}
.horizontal .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/horizontal-e1460560433501.jpg) 0 0 no-repeat;}
.horizontal .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/raum-horizontal-e1460563852967.jpg) 0 0 no-repeat;}
.hoehe .ifb-front{background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/raumhoehe-e1460560441452.jpg) 0 0 no-repeat;}
.hoehe .ifb-back {background: url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/04/raum-dunkle-seitenwand-e1460563875657.jpg) 0 0 no-repeat;}
.flip-text{width:250px;font-size:13px;margin-top:-70px;}
.flip-text p{font-size:12px;margin-top:10px;line-height:17px;}
.slick-prev {margin-left:-90px;}

/* Slider */
.slider-box {white-space:normal!important;width:380px;}
.slider-box-titel {background:rgba(30,30,30,0.7);padding:30px; border-bottom:#f9af19 solid 2px;background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-oben.jpg)no-repeat;}
.slider-box-titel h1{text-transform:uppercase; font-size:22px; color:#fff;}
.slider-box-text{background:rgba(30,30,30,0.5);padding:30px; background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-unten.jpg)no-repeat;}
.slider-box-text p{color:#fff; padding-bottom:30px; font-size:13px; line-height:23px;}
.slider-box a{font-size: 13px; line-height: 23px;padding:10px 30px; border:solid 2px #fff; margin-top:30px; color:#fff; text-transform:uppercase; transition: all 1s;}
.slider-box a:hover{color:#000;background-color:#f9af19; border-color:#f9af19;}
.slider-box-text p.gross{text-transform: uppercase; font-size: 22px;padding-bottom:0;font-weight:500;line-height:34px;}

.projekte .slider-box-text{background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-unten2.jpg);}
.projekte .slider-box-titel {background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-oben2.jpg);}
.fliese .slider-box-text{background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-unten3.jpg);}
.fliese .slider-box-titel {background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-oben3.jpg);}
.planer .slider-box-text{background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-unten4.jpg);}
.planer .slider-box-titel {background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-oben4.jpg);}
.kontakt .slider-box-text{background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-unten5.jpg);}
.kontakt .slider-box-titel {background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-oben5.jpg);}
.home .slider-box-text{background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-unten6.jpg);}
.home .slider-box-titel {background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-oben6.jpg);}
.aussen .slider-box-text{background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-unten6.jpg);padding-bottom:20px;}
.aussen .slider-box-titel {background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/header-oben6.jpg);}

/* Footer */
.footer_top_holder h5{font-size:14px;text-transform:uppercase;border-bottom: 1px solid #ddd;padding-bottom: 5px;}
.footer_top_holder p{font-size:12px !important;line-height:20px; text-align:justify;}
#ninja_forms_form_5_cont input, #ninja_forms_form_5_cont textarea{border: none; padding: 8px;text-transform: uppercase;font-size: 11px;color:#555;font-family: "Open sans";}
#ninja_forms_form_5_cont textarea{height:100px!important;}
#ninja_forms_form_5_cont .field-wrap {margin-bottom:10px;}
#ninja_forms_form_5_cont #ninja_forms_field_6:hover{cursor:pointer;background-color:#f9af19;}
.footer_top a:hover{color:#f9af19 !important;}
.footer_top .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title, .footer_top .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title a {font-size:10px;line-height:14px;}
.footer_top .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title a:hover{color:#fff!important;}
.footer_top .column_inner > div h5 {color: #f9af19;font-weight: 400;}

/*Startseite*/
.kontakt{margin-top:13px;}
.kontakt p{color:#fff; font-size:16px;}
.planer-home h2, .planer-home p{color:#fff;}
.planer-home p{font-size:16px; padding-bottom:50px;}
.planer-home hr{height: 2px; width:80px; background-color:#fff; border:none; margin: 0 auto; margin-top: 30px; margin-bottom: 60px;}
.planer-home a{padding:15px 40px; border: solid 2px #fff; text-transform:uppercase; color:#fff; transition: all 0.7s;}
.planer-home a:hover{border-color:#555;background-color:#555; color:#fff;}
.ueber-uns-icons h4{margin-bottom:15px;}
.ueber-uns-icons p{line-height:22px;}
.raeume-home .q_image_with_text_over .desc {margin-top:50%;}
.raeume-home .q_image_with_text_over .desc a{text-transform:uppercase; padding:15px 30px; border: 2px solid #fff; color:#fff; background-color:rgba(249,175,25,0.7); transition:all 0.8s;}
.raeume-home .q_image_with_text_over .desc a:hover{background-color:rgba(249,175,25,0.9);}
.raeume-home .q_image_with_text_over .caption.no_icon{margin-top: 50% !important; background-color:rgba(249,175,25,0.7)!important;padding: 10px!important;}
.raeume-home .q_image_with_text_over .shader {background-color: rgba(0,0,0,.2)!important;}
.leistungen .q_image_with_text_over .shader{background:#f9af19!important; border-radius:50%;}
.leistungen .q_image_with_text_over .shader:hover{background:#f5f5f5!important;}
.qode_clients .qode_client_holder_inner:before, .qode_clients .qode_client_holder_inner:after {border:none;}

/* Über Uns */
.team h3{color:#f9af19;margin-top:30px;font-size:20px;}
.team h4{color:#ccc;font-size:13px;}
.team p{font-size:13px; line-height:22px;}
.team-button-link{background-color:#fff;text-transform:uppercase;padding:10px 30px;transition: all 0.6s;border: 1px solid #ddd;}
.team-button-link:hover{background-color:#f9af19;color:#fff!important;border-color:#f9af19;}
h3.ult_modal-title {color: #fff!important; font-size: 1.5em!important;}
.ult_modal-body h4{font-size:16px;margin-bottom:20px;}
.ult_modal-body li{margin-bottom:8px;}
.ult_modal.ult-small{width:45%!important;}
.call_to_action_text h5{color:#fff;text-transform:uppercase;}
.call_to_action_text p{color:#fff;font-size:13px;line-height:20px;font-style:italic;}
.qbutton, .qbutton.medium, #submit_comment, .load_more a, .blog_load_more_button a, .post-password-form input[type='submit'], input.wpcf7-form-control.wpcf7-submit, input.wpcf7-form-control.wpcf7-submit:not([disabled]), .woocommerce table.cart td.actions input[type="submit"], .woocommerce input#place_order, .woocommerce-page input[type="submit"], .woocommerce .button { line-height: 60px!important; height: 60px!important;  border-width: 2px;}
.call_to_action .column2.button_wrapper .qbutton{margin:-30px 0 0!important;}
.q_circle_inner2:hover{background-color:#eee!important;}
.page-id-15403 .q_image_in_circle:hover{background-color:#1062ab!important;}

/* Kontakt */
.page-id-15401 #ninja_forms_form_5_cont input, .page-id-15401 #ninja_forms_form_5_cont textarea{background-color:#eee;}

/* Fliesen */
.vorteile p{font-size:13px;line-height:20px; margin-top:10px;}
.ls-nav-prev, .ls-nav-next {background-color: #f9af19!important; border-color: #f9af19!important;}
.ls-v5 .ls-nav-prev, .ls-v5 .ls-nav-next {width: 50px!important; height: 50px!important;}
.q_circles_holder.four_columns .q_circle_inner {width: 120px; height: 120px;}
.ablauf p.q_circle_text{font-size:13px!important; line-height:22px!important;}
.q_list.circle ul>li, .q_list.number ul>li {margin: 0!important; }
.q_list.circle ul>li:before {background-color: #f9af19!important;}
.q_list li {font-size:12px;}
h4.q_circle_title{font-size:14px;}
.q_circles_holder.four_columns .q_circle_outer{padding:0 15px 0 15px;}
.gestaltung p {text-align: left;}
.pflege-liste{border:#f9af19 1px solid; padding:30px; max-width:430px;margin-left:40px;background-color:#f6f6f6;}
.slick-next, .slick-prev {height: 1.2em!important;  width: 1.2em!important;  border-radius: 50%!important; background-color: #f9af19!important;}
.page-id-15405 .vc_col-sm-6{width:47%;}

/*Planer*/
.page-id-15399 .vc_col-sm-6{width:47%;}
.page-id-15399 .ablauf{padding-left:15%;padding-right:15%;}
.page-id-15399 .q_image_in_circle:hover{background-color:#1062ab!important;}

/* Referenzen */
.referenzen h2{color:#f9af19;margin-bottom:20px;}

/*Räume*/
.raum-einleitung{padding:60px 50px;background:url(https://www.fliesen-hoffmann-templin.de/wp-content/uploads/2016/06/raume-header-1.jpg);background-repeat:no-repeat;position:relative;top:-160px;background-position:0 -45px;background-color:#1d5797;}
.raum-einleitung h1{color:#fff; font-size:42px;}
.raum-einleitung p{color:#fff; font-size:20px;font-weight:400;text-align:justify; line-height: 28px;}
.raum-img{position:absolute; z-index:999;right:15%;top:70px;}
.vorteile .ult-new-ib-desc::before{border-color:#f9af19!important;}
.vorteile h2.ult-new-ib-title{margin:30px 0 20px 0;}
.raeume-vorteile h2, .raeume-vorteile-2 h2{color:#f9af19;text-transform:uppercase;margin-bottom:25px;}
.raeume-vorteile p, .raeume-vorteile-2 p{font-size:13px;line-height:22px;padding:0 20px;}
.raeume-vorteile {padding-top:45px;padding-bottom:50px;}
.raeume-vorteile-2 {padding-top:60px;padding-bottom:60px;}
.einsatz {position:absolute; left:-15%; top:100px;width:450px;height:320px;z-index:999;}
.einsatz-unten{position:absolute; right:-12%; top:100px;width:450px;height:320px;z-index:999;}
.raeume{width:30%!important;}
.einsatz-mobil{position:absolute;z-index:999;width:350px;height:270px;top:-50px;right:200px;}

/*Mobil*/
@media screen and (max-width: 1312px) {
.raum-einleitung{background-position:0 0px;}
.raum-einleitung.wohnzimmer, .raum-einleitung.kueche{background-position:0 -50px;}
}
@media screen and (max-width: 1200px) {
.planer-button{display:none!important;} 
.mobil-planer-button{display:block;}
.raum-img{right:5%;}
.pflege-liste{margin-left:10px;margin-bottom:20px;}
.page-id-15399 .ablauf{padding-left:5%;padding-right:5%;}
.raeume-vorteile {padding-top:45px;padding-bottom:40px;}
.raeume-vorteile-2 {padding-top:40px;padding-bottom:40px;}
.raeume-vorteile.neu {padding-top:30px;padding-bottom:30px;}
.raeume-vorteile h2, .raeume-vorteile-2 h2{font-size:22px;line-height:20px;}
.raeume-vorteile p, .raeume-vorteile-2 p{font-size:12px;line-height:18px;}
.raum-einleitung.wohnzimmer h1{font-size:30px;}
.wpb_layerslider_element img {left:-200px;}
.page-id-15403 .wpb_layerslider_element img {left:-500px;}
}
@media screen and (max-width: 999px) {
.vc_col-has-fill>.vc_column-inner{padding-top:0;}
.raeume-vorteile {padding-top:15px;padding-bottom:10px;}
.raeume-vorteile-2 {padding-top:10px;padding-bottom:15px;}
.raeume-vorteile p, .raeume-vorteile-2 p {font-size:11px;line-height:16px;}
.raeume-vorteile h2, .raeume-vorteile-2 h2 {font-size:16px;margin-bottom:15px!important;}
}
@media screen and (max-width: 950px) {
.raum-img{display:none}
.page-id-15405 .vc_col-sm-6, .page-id-15399 .vc_col-sm-6{width:100%;}
.page-id-15399 .pflege-liste{margin-top:40px;margin-bottom:0;max-width:750px}
.slider-box{width:290px;margin-left:-20px;}
.slider-box-text p.gross, .slider-box-titel h1{font-size:17px;line-height:22px;}
.page-id-15403 .vc_custom_1461150426996{margin-top:30px;}
.call_to_action .column2.button_wrapper{margin-top:40px;}
h2{font-size:21px;}
}
@media screen and (max-width: 767px) {
.raeume{width:350px!important;margin:0 auto; margin-top:30px;margin-bottom:30px;}
.raeume-vorteile {padding-top:35px;padding-bottom:30px;}
.raeume-vorteile-2 {padding-top:30px;padding-bottom:35px;}
.raum-einleitung{top:0;background-position:0 40px}
.raum-einleitung.wohnzimmer, .raum-einleitung.bad{top:0;background-position:0 -40px}
.raum-einleitung.kueche{background-position:0 -50px;}
.wpb_layerslider_element img {left:-500px;}
.page-id-15403 .wpb_layerslider_element img {left:-1000px;}
.page-id-15415 .raum-einleitung{top:0;background-position:0 -40px}
}
@media screen and (max-width: 710px) {
.einsatz-mobil{right:170px;}
}
@media screen and (max-width: 644px) {
.raum-einleitung{top:0;background-position:0 -50px}
.raum-einleitung.bad{top:0;background-position:0 0px}
}
@media screen and (max-width: 610px) {
.einsatz-mobil{right:120px;width:300px;height:230px;}
}
@media screen and (max-width: 470px) {
.einsatz-mobil{right:100px;width:270px;height:210px;}
}
@media screen and (max-width: 420px) {
.einsatz-mobil{right:80px;width:270px;height:210px;}
}