/*
Theme Name: RDTS - Responsive HAWE-Türen
Author: Denis Winkelbach, fs
Author URI: http://www.rdts.de
Description: based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. and Twitter Bootstrap 3.
Version: 0.1
Text Domain: rdts-responsive
Domain Path: /languages/
*/


/*font-faces*/

@import url(https://fonts.googleapis.com/css?family=Ropa+Sans:400,400italic);

html, body {height: 100%;width: 100%;margin: 0;padding: 0;}
body{font-family: 'Ropa Sans', sans-serif;color: #4A4A4A;font-size: 18px;line-height: 1.3;background-color: #EFF1EB;}
div {position: relative;}
a, a:hover, a:focus, a:active {font-family: 'Ropa Sans', sans-serif;color: #369736;/*font-size: 18px;*/}
a.eyecatcher, a:hover.eyecatcher, a:focus.eyecatcher, a:active.eyecatcher {color: #4A4A4A;/*font-size: 18px;*/}
a:hover, a:focus, a:active {text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {text-transform: uppercase;}
h1 {font-size: 53px;margin-top: 0px;margin-bottom: 42px;}

ul, ol {list-style-type: none;}
.clearfix{float:none; clear:both; height:1px; width:1px;}
.element_row.weiss{background-color: #fff; padding-top: 54px; padding-bottom: 54px;}
.entry-header{ position:absolute; left: -5000px; top:-5000px; font-size: 0.0px;}
.entry-header.anzeigen{position:relative;left:auto;top: auto; font-size:inherit;}

/*************** Header ****************/

/*----------------AllgemeinHeader-------------------*/
header#masthead .menu{height:13px;}
header#masthead .mainLogo{margin-top: 14px;}
header#masthead {background-color:#369736; color:#fff; position:relative;}
header#masthead ul{list-style: none; padding-left: 0; }

header#masthead div.languageChooser{text-transform: uppercase; float:right;}
header#masthead div.languageChooser a{font-size:14px;}
header#masthead div.languageChooser ul li{font-size:14px;}
header#masthead div.languageChooser ul li.active a{color: #c6c6c6;}
header#masthead div.languageChooser ul li:first-child{margin-right:12px;}

header#masthead ul li{float: left;}

header#masthead ul>li>a {color:white; }
header#masthead ul>li>a:hover, header ul>li>a:focus, header ul>li>a:active{color: white;}
/*---------------Navigation Header---------------*/

nav.navbar{z-index: 99;}
.verticalBorder{height:13px; color:#fff; border-left: 5px solid;}
nav.navbar{z-index:1;}
.navbar-nav > li > a{font-size: 28px;padding: 0;text-transform: uppercase;}
.navbar-nav > li{min-width: 140px; text-align:center; margin-bottom: 20px;}
.nav > li > a:hover,.nav > li > a:focus, .nav > li > a:active{background-color: transparent; color: #231A23;}
header#masthead ul.navbar-nav>li.current-menu-item.current_page_item > a{ color: #000;}
.menu>.navbar ul.navbar-nav{float:right; margin-top: -35px;}
.navbar-nav > li:last-child a{padding-right:0;}
.navbar-nav > li:first-child a{padding-left:0;}
.navbar-toggle{border: 2px solid #fff; margin-top: -36px;}
.navbar-toggle .icon-bar{background-color: #fff;}





/*************** Startseite ****************/

.top_bild {width: 100%;background-color: #000; margin-bottom:54px;}
.top_bild img {margin: auto;}

/*************** Standardelemente ****************/
.site-content header.entry-header.anzeigen{margin-top:54px;}
.site-content header.entry-header.nicht-anzeigen~.entry-content>.element_row.none{margin-top:54px;}
.element_row.weiss~.element_row.weiss{padding-top: 0px;}

/*.elements_container:last-child {margin-bottom: 54px;}*/
.content_slider,.infobox,.acf-map,.embed-container,.subtitle_h3,.volltext,.subtitle_h2,
.akkordeon, .tabs_el, .einleitung {margin-bottom: 54px;}
.acf-map {width: 100%;height: 400px;border: #ccc solid 1px;}
.embed-container { position: relative; padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto;} 
.embed-container iframe,.embed-container object,.embed-container embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.akkordeon:last-child, .tabs_el:last-child, .einleitung p:last-child {margin-bottom: 0;}
.weiss .tab-content, .weiss .nav-tabs > li.active > a,.weiss .nav-tabs > li.active > a:hover,.weiss .nav-tabs > li.active > a:focus, .weiss .eyecatcher{background-color: #EFF1EB;}

/*.element_row.weiss~.element_row.none,.element_row.none~.element_row.weiss{margin-top:54px; }*/
.element_row.weiss,.element_row.none{margin-bottom:54px; }
.element_row.weiss .elements_container>div:last-child,.element_row.none .elements_container>div:last-child{margin-bottom:0; }

.volltext, .einleitung {font-size: 22px;}
.einleitung img,.volltext img{max-width:100%;}
.volltext p, .einleitung p{line-height: 1.4em;}
.volltext p:last-child{margin-bottom: 0;}
.volltext h2{font-size: 22px; color:#369736; font-weight:bold; margin: 0 0 11px;}
.volltext h3{font-size: 22px; font-weight:bold; margin: 0 0 10px;}
.volltext ul,.einleitung ul{list-style-image: url(images/arrowrechts.png); margin: 0 0 15px 27px; padding: 0 0 0 0;}
.volltext ul li{margin-bottom:5px;}

.eyecatcher {background-color: #fff;box-shadow: 0 5px #CFE7CE;overflow: auto;display:block; margin-bottom:54px;}
.eye_bild img {width: 100%;}
.text_eyecatcher {min-height: 150px;margin: 30px 20px 20px 30px;font-size: 16px;}
.text_eyecatcher h3 {margin: auto; margin-bottom: 10px; font-size:22px; padding-top:10px;}
.text_eyecatcher > p {line-height: 1.2;}
.eyeHeadLine{display:block; margin-bottom: 19px;}
.iconEYE {    background-color: #3b9937;border-radius: 50px;color: #fff;float: left;font-size: 22px;height: 46px;margin-right: 15px;padding: 11px;width: 46px;}
.iconEYE.fa-phone{padding: 12px 14px; }
.iconEYE.fa-envelope{padding: 11px 1px;}
.iconEYE.fa-certificate{padding: 11px 13px; font-size:23px;}
.iconEYE.fa-shield{font-size: 24px;padding: 12px 14px;}
.iconEYE.fa-diamond{font-size: 23px;padding: 12px 10px;}
.iconEYE.fa-diamond{font-size: 23px;padding: 12px 10px;}
.iconEYE.fa-stop-circle{font-size: 28px;padding: 9px 11px;}
.col-md-12 .eyecatcher {background-color: #fff;overflow: auto; box-shadow: none; }
.col-md-12 .text_eyecatcher {padding: 22px; margin: 0;}
.col-md-12 .text_eyecatcher h3{ font-size: 24px; margin-top: 10px; margin-bottom: 20px; }
.col-md-12 .text_eyecatcher p{line-height: 1.45em;}
.col-md-12 .eye_bild {float:right; max-width: 350px;margin-left:60px;float: right;height: 100%; width:auto;}
.col-md-12 .iconEYE{display:none;}

.panel-heading {border: none;border-radius: 0;padding: 20px 30px;}
.panel-default > .panel-heading {color: #fff;background-color: #3B9A36;}
.panel-heading a, .panel-heading a:hover, .panel-heading a:focus, .panel-heading a:active {color: #fff;text-decoration: none;}
.panel-group .panel {border-radius: 0;}
.panel-default {border: none;}
.panel {box-shadow: none;margin-bottom: 2px;}
.panel-title {font-size: 25px;}
.panel-title:before {font-family: FontAwesome;content: '\f139';margin-right: 22px;}
.collapsed .panel-title:before {font-family: FontAwesome;content: '\f13a';}
.panel-body {padding: 0;}
.panel-body p, .tab-content{padding: 30px;}
.panel-body img, .tab-content img {float: right;margin-left: 30px;}

.tab-content {background-color: #fff;overflow: auto;}
.nav-tabs {border-bottom: none;}
.nav.nav-tabs > li > a {padding-left:30px; padding-right:30px;margin-right: 7px;}
.nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:focus, .nav.nav-tabs > li > a:active, .nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {text-transform: uppercase; color: #fff;border: none;border-radius: 0;background-color: #3B9A36;font-size: 25px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: #fff;color: #3B9A36;}

.galeriebild {margin-bottom: 25px;width: 190px;height: 190px;overflow: hidden;text-align: -moz-center;text-align: center;border-radius: 200px;}
.galeriebild .img-responsive {width: 100%;min-height: 100%;position: absolute;bottom: 0;top: 0;left: 0;right: 0;margin: auto;}
/* #swipebox-title{display:none;} */
#swipebox-top-bar {font-family: inherit;}

/*regenbogenslider*/
div.regenbogen{background-color: #646164!important; padding-top: 52px;padding-bottom: 37px;}
.regenbogen .slides li {height: 140px;}
.regenbogen .slides li button {display: block;padding: 13px 12px 22px;background:transparent;background-size: contain;transition: all .2s ease-in;position: relative;}
.regenbogen .flexslider {background: transparent;margin-bottom: 0;border: none;padding-left: 15px;}
.regenbogen .flex-direction-nav a::before {font-size: 36px; color: rgba(255, 255, 255, 0.8)}
.regenbogen .flex-direction-nav a { margin: -28px 0 0;}
.regenbogen .prod_name {font-size: 10px;color: #FFFFFF;position: absolute;bottom: 0;text-align: center;opacity: 0;left: 0px;width: 100%;background-color: #42291C;}
.regenbogen .slides li button:hover .prod_name {opacity: 1;}
.regenbogen .slides li button:hover img { -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.regenbogen .flexslider .slides img {
    -webkit-transition: all 0.3s ease;
        -moz-transition:    all 0.3s ease;
        -o-transition:      all 0.3s ease;
        -ms-transition:     all 0.3s ease;
        transition:         all 0.3s ease;
    -moz-user-select: none;
    height: 100px;
    width: auto;
}
.regenbogen button.btn_tueren{background-color:transparent; border:none; border-radius:0px;}
.regenbogen .flex-direction-nav button {margin: -28px 0 0;}
.regenbogen .flex-direction-nav .flex-prev {left: -48px;}
.regenbogen .flex-direction-nav a {opacity: 0.45;}

.modal_regenbogen.modal {background-color: rgba(0, 0, 0, 0.6);}
.modal_regenbogen .modal-content {box-shadow: none; background-color: transparent;border: medium none;}
.modal_regenbogen .modal-content .modal-body{text-align:center; padding-top: 0;}
.modal_regenbogen .modal-content .modal-body .tuer_modal_img_container{margin-bottom:20px;}
.modal_regenbogen .modal-content .modal-body .tuer_modal_img_container img{max-height: 560px;}
.modal_regenbogen .modal-content .modal-header{color:white; border-bottom: none; padding-bottom: 0;}
.modal_regenbogen .modal-content .close {color: #fff;font-size: 61px;opacity: 1;text-shadow: none; font-weight:normal;}
.modal_regenbogen .modal-content .tuer_beschreibung{color: #fff;  margin-left: auto;margin-right: auto;max-width: 400px;}
.modal_regenbogen .tuer_mod_direction{position:absolute; color:white; cursor:pointer; font-size: 40px; bottom:-30px; border:none; background-color:transparent;}
.modal_regenbogen .tuer_next_img.tuer_mod_direction{right:-40px;}
.modal_regenbogen .tuer_prev_img.tuer_mod_direction{left: -40px;}

/*========================= top container header ==================================*/
.top-container .flex-viewport{max-height:400px; }
.top-container .flexslider.headslider{
margin: auto;
    max-width: 100%;
}
.top-container{
    background-color: #000;
    /*margin-bottom:54px;*/
}
.top-container .flexslider .flex-direction-nav{
    display:block;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
     opacity: 0;}
.top-container .flex-control-nav.flex-control-paging{
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
     opacity: 0;}
.top-container:hover .flex-control-nav.flex-control-paging{ 
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
     opacity: 1;}
.top-container:hover .flexslider .flex-direction-nav{ 
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
     opacity: 1;}
.top-container>img{margin: auto; width:100%; }

.top-container .flex-control-nav {z-index: 10; bottom:0;}
.top-container .flex-direction-nav .flex-next{right:20px;}
.top-container .flex-direction-nav a::before{color:#fff;}
.top-container .flex-direction-nav .flex-prev{left:20px;}
.top-container .flex-direction-nav a {height: 46px;}
.top-container .flex-control-paging li a.flex-active{background-color: #fff;}
.flex-direction-nav a::before{text-shadow: none;}


/* ====================== flexslider von rakkocopy =============================== */


.content_slider .flexslider .slides img {
    width: 100%;
    display: block;
    height: auto !important;
}

.content_slider .flex-control-nav.flex-control-paging, .content_slider .flex-direction-nav {display: none;}
.content_slider .flexslider ul.slides, .content_slider .flexslider ul.slides li {
    padding:0;
    margin:0;
}
.content_slider .flexslider ul {
    list-style:none;
}
.content_slider .flexslider .flex-direction-nav {
    display: block;
    position:absolute;
    background-color: #3B9A36;
    top: 20px;
    right: 20px;
    z-index: 4;
    color: #fff;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Helvetica, Arial, sans-serif;
    padding:0;
}
.content_slider .slide_caption {
    background-color: #fff;
    color: #231A23;
    padding: 5px 10px;
    min-height: 33px;
    font-size:16px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.content_slider .flexslider .flex-direction-nav li {
    display: inline-block;
    font-size: 18px;
    padding: 4px 1px;
    margin:0;
}
.content_slider .flexslider .flex-direction-nav li a {
    text-decoration: none;
    display: block;
    width: 30px;
    height: 20px;
    position: relative;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0.5;
    cursor: pointer;
    color: rgba(0,0,0,0.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    /* background: transparent url("../images/nav_controls.png") no-repeat left top; */
    color: #fff;
    font-size: 80px;
    line-height: 1;
    font-weight: 100;
    text-align: center;
    text-shadow: none;
    text-indent:-9999999px;
}
.content_slider .image_holder {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.content_slider .flexslider.modal_slider {
    margin-bottom: 0;
}
.content_slider .slider_modal button.close {
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 20px;
    background: url(images/scale_down.jpg) center center #ccc;
    opacity: 1;
    width: 50px;
    height: 50px;
    color: #666;
    margin: 0;
}
.content_slider .slider_modal .modal-dialog {
    width: 100%;
    margin: 0 auto;
}
.content_slider .slider_modal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    border: none;
}
.content_slider .modal-backdrop.in {
    filter: alpha(opacity=1);
    opacity: 1;
    z-index: 5;
}
.content_slider .slider_modal .modal-body {
    padding: 0;
}

.content_slider ul.slides>li>a {display: block;position: relative;}
.content_slider .light_box_trigger {
    background: url(images/back_zoom.jpg) no-repeat 20px 20px transparent;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 3;
    cursor: pointer;
}

html .flexslider {
    margin: 0 0 0px;
    background: #333;
    border: none;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    zoom: 1;
}
.content_slider .ma_slider_controls {position: absolute;background-color: #3B9A36;top: 20px;right: 20px;z-index: 2;color: #fff;font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Helvetica, Arial, sans-serif;}
.content_slider .ma_slider_controls span {display: block; float: left;}
.content_slider .pfeil_prev,.content_slider .pfeil_next {
    width: 50px;
    height: 30px;
    font-size: 0px;
    cursor: pointer;
}
.content_slider .pfeil_prev,.content_slider .flexslider .flex-direction-nav li a.flex-prev {
    left:0;
    background: url(images/slider_prev.png) no-repeat center bottom transparent;
   
}
.content_slider .pfeil_next,.content_slider .flexslider .flex-direction-nav li a.flex-next {
    right:0;
    background: url(images/slider_next.png) no-repeat center bottom transparent;
    
}
.content_slider .flexslider .flex-direction-nav li.num_active{border-left: 1px solid #fff; padding-left:10px;}
.content_slider .flexslider .flex-direction-nav li.num_total{border-right: 1px solid #fff; padding-right:10px;}


/* ========================================== 


/*************** Footer ****************/

footer#colophon {background-color: #231A23; color: #fff; padding-top: 50px; padding-bottom: 50px;}
footer#colophon p{font-size:17px;}
footer#colophon h4{font-size:20px; margin-bottom:15px; text-transform:none;}
footer#colophon .col-md-4:first-child .contactFooterCol{border-right: 1px solid #373737;}
footer#colophon .addressBox {color: #fff; display:block; /*cursor:pointer;*/ margin-bottom:30px;}
footer#colophon .mapimg{max-width: 180px; margin-bottom:13px;}
footer#colophon .contactBox a,footer .contactBox a:hover,footer .contactBox a:focus,footer .contactBox a:active{color: #369736; display:block;}
footer#colophon .contactBox .contactLine{display:inline-block; top:-4px;margin: 0; font-size: 20px;}
footer#colophon .contactBox i{ color: #369736; font-size: 28px; display:inline-block; width: 34px;}
footer#colophon .contactBox i.fa-map-marker{font-size:30px;}
footer#colophon .footerGreyBox{background-color: #2F2630; color: #369736; padding: 36px 16px; margin-bottom:26px; max-width: 400px;display:block;cursor:pointer;}
footer#colophon .footerGreyBox .prospimg{float:left; margin-right:20px; display:inline-block;}
footer#colophon div.prosptext{padding-top:5px; font-size: 16px;}
footer#colophon a.impressumlink{color: #c6c6c6; float: right; text-transform: uppercase; font-size: 14px;}
footer#colophon a.social_link{color:#c6c6c6; font-size:20px;}
footer#colophon a.social_link:hover,footer#colophon a.social_link:focus{text-decoration:none;}

.hidden{display:none; position:absolute; left: -10000px; top: -10000px; width:1px; height: 1px;}
header#masthead ul.sub-menu{top: 32px; background-color: white; display:none; position:absolute;}
header#masthead ul.sub-menu li{padding:8px 12px;  text-align: left;}
header#masthead ul.sub-menu li a{color: black;}