/*
Theme Name: RDTS - Responsive
Author: Manuel Anghel
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
Domain Path: /languages/
*/

/*@import url(http://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700);*/

html {min-height: 100%;}
body {font-family: 'Interstate',sans-serif; background: url(images/body_bg.jpg) no-repeat center bottom #fff; background-size: contain;}
a {color: #E2001A; text-decoration: none;}
a:hover, a:focus {color: #E2001A;}
.graue_box {height: 30px; width: 100%; background-color: #666;margin-bottom: 20px;color: #fff;text-align: center;}

/*-------------------------- Alignments -------------------------------*/

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}

/*-------------------------- Responsive Tables -------------------------------*/

.table-responsive{min-height:.01%;overflow-x:auto}
@media screen and (max-width:767px){
    .table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border: none;}
    .table-responsive>.table{margin-bottom:0}
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {white-space:nowrap}
    .table-responsive>.table-bordered{border:0}
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {border-left:0}
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {border-right:0}
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {border-bottom:0}
}


/*-------------------------- Header -------------------------------*/

#masthead {margin-top: 30px; margin-bottom: 61px;}
.page-template-start_zielgruppe #masthead {margin-bottom: 41px;}
.navbar-default .navbar-nav>li>a {color: #777; text-transform: uppercase; font-size: 16px;font-family: 'Interstate',sans-serif;font-weight: bold;}
.navbar-default .navbar-nav>li:last-child > a, .navbar-default .navbar-collapse, .navbar-default .navbar-form {padding-right: 0;}
.navbar-default {margin-top: 7px;}
.navbar-default .navbar-nav>li:hover>a {color: #E2001A;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #E2001A; background-color: transparent;}
.dropdown-menu:before {content: ''; background: url(images/menu_top.png) no-repeat center center transparent;height: 9px;display: block;width: 100%;position: absolute;top: -9px;}
.dropdown-menu>li>a {text-transform: uppercase;}
.dropdown-menu>li:hover>a, .dropdown-menu>li:focus>a, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background-color: transparent; color: #E2001A;}

/*-------------------------- Vorschaltseite -------------------------------*/

.vor_bg {position: absolute; z-index: -1; width: 50%; top: 0; bottom: 0;background-size: cover;background-repeat: no-repeat;background-position: center top;}
.vorschalt_content {padding-left: 20px;padding-top: 150px;position: relative;}
.vorschalt_logo {margin-bottom: 50px;}
.vorschalt_links {
    font-size: 31px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 45px;
    letter-spacing: -0.07em;
}
.vorschalt_links a {color: #000;display: inline-block;}
.vorschalt_links a:hover, .vorschalt_links a:focus {color: #E2001A; text-decoration: none;}
body.home.page {background-image: none;height: 100%;min-height: 100%;}
.home.page article {/* margin-top: 150px; */}
.vorschaltseite .container {width: 992px;}

/*-------------------------- Start Zielgruppe -------------------------------*/

.infobox {
    margin-bottom: 30px;
    position: relative;
    min-height: 328px;
}
.start_zg .infobox {
    min-height: 328px;
}
.referenz .infobox {
    min-height: auto;
}
.i_headline {font-size: 26px;text-transform: uppercase;position: absolute;bottom: 24px;color: #fff;font-weight: bold;height: auto;letter-spacing: 0.0em;border-left: 5px solid #E2001A;padding: 3px 0 2px;line-height: 20px;}
.i_subheadline {position: absolute;bottom: 0px;background-color: #000;color: #fff;padding: 0 3px;text-transform: uppercase;font-size: 17px;height: auto;line-height: 25px;letter-spacing: 0.065em;}
.i_headline, .i_subheadline {}

.textbox {margin-bottom: 23px; height: 328px; overflow: hidden;text-transform: uppercase;font-weight: bold;margin-top: -10px;letter-spacing: -0.05em;}
.textbox.red { background-color: #E2001A; color: #fff; margin-top: 0; padding: 17px 30px;}
.textbox.klein {font-size: 28px; line-height: 42px;}
.textbox.mittel {font-size: 40px; line-height: 51px;}
.textbox.gross {font-size: 90px; line-height: 85px;margin-top: -11px;}

/*-------------------------- Footer -------------------------------*/

footer {margin: 50px 0;}
footer h3 {font-size: 16px;text-transform: uppercase;font-weight: normal;letter-spacing: 0;line-height: 23px;}
footer a {color: #000; text-decoration: underline;}
footer a:hover, footer a:focus {color: #E2001A;}
footer p {font-size: 14px;line-height: 1.4;}

/*-------------------------- Standardartikel -------------------------------*/

.entry-header {display: none;}
.entry-header.anzeigen {display: block;}
.entry-title {font-size: 40px;text-transform: uppercase;letter-spacing: -0.01em;margin-top: 0;margin-bottom: 0;font-weight: 700;opacity: 0;height: 0;color: transparent;}
.entry-title.anzeigen {opacity: 1;height: auto;color: #000;}
.entry-subtitle {font-size: 26px;text-transform: uppercase;margin-top: 0;margin-bottom: 0;letter-spacing: -0.0em;font-weight: 700;opacity: 0;height: 0;color: transparent;}
.entry-subtitle.anzeigen {opacity: 1;height: auto;color: #000;margin-bottom: 20px;margin-top: 0px;}
.einleitung {font-size: 20px;letter-spacing: 0.05em;line-height: 1.24;}
.flexslider {margin: 40px -50px 50px;}
.flex-direction-nav {z-index: 200;}
.flex-direction-nav a {width: 70px;height: 70px;margin: -35px 0 0;opacity: 1;color: transparent;text-shadow: none;-webkit-transition: none;-moz-transition: none;transition: none;}
.flex-direction-nav .flex-prev {left: -100px;background: url(images/pfeil_left.jpg) no-repeat center center transparent;}
.flex-direction-nav .flex-next {right: -100px;text-align: right;background: url(images/pfeil_right.jpg) no-repeat center center transparent;}
.flexslider:hover .flex-direction-nav .flex-prev {left: -100px; opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next {right: -100px;text-align: right; opacity: 1;}
.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before {content:'';}
.slide_caption {position: absolute;bottom: 0;background-color: #E2001A;color: #fff;padding: 0;text-transform: uppercase;font-size: 24px;height: auto;font-weight: bold;letter-spacing: 0.09em;line-height: 1;}
.akkordeon .panel-default>.panel-heading {padding: 0; border-radius: 0; background-color: transparent; border-color: transparent;}
.akkordeon .panel-default>.panel-heading a.collapsed {background: url(images/akk_open.png) no-repeat 98.5% center #afafaf;}
.akkordeon .panel-default>.panel-heading a.collapsed:hover {text-decoration: none; background-color: #6e6e6e;}
.akkordeon .panel-default>.panel-heading a:focus {text-decoration: none;}
.akkordeon .panel-default>.panel-heading a {padding: 11px 19px 13px;display: block;color: #fff;text-transform: uppercase; background: url(images/akk_close.png) no-repeat 98.5% center #e2001a;}
.akkordeon .panel-default>.panel-heading a h4 {font-size: 16px;font-weight: 400;}
.panel-group.akkordeon {margin-bottom: 30px;}
.panel-body {padding: 20px 20px 10px;font-size: 16px;}
.nav-pills>li>a {border-radius: 0; background-color: #afafaf;color: #fff;font-size: 16px; font-weight: 400;text-transform: uppercase;padding: 10px 20px 9px;}
.nav-pills>li>a:hover, .nav-pills>li>a:focus {background-color: #6e6e6e;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {background-color: #e2001a;}
.tab-pane {padding: 20px;font-size: 16px;}
.infobox .slide_caption p {margin-bottom: 0;}
.volltext {margin-bottom: 19px;}
.volltext.klein {font-size: 12px;line-height: 1.4;}
.volltext ul {list-style-image: url(images/bullets.jpg);padding-left: 21px;font-size: 17px;margin-top: 36px;margin-bottom: 32px;}
.volltext ul li {padding-left: 10px;margin-bottom: 11px;line-height: 24px;letter-spacing: 0.05em;}
.width_8 {width: 617px;}
.width_7 {width:509px;}
.width_6 {width:401px;}
.width_4 {width:348px;}
.width_3 {width:240px;}
.subtitle_h2 {font-size: 40px;text-transform: uppercase;font-weight: 700;letter-spacing: -0.015em;}
.subtitle_h2.klein {font-size: 26px;}
.subtitle_h3 {font-size: 30px;text-transform: uppercase;font-weight: 700;letter-spacing: 0;margin-bottom: 16px;}
.textbox.flex {height: auto;}
.pdf_dateien {margin-bottom: 20px;}
.datei {margin-bottom: 5px;overflow: auto;}
.pdf_icon {background: url(images/pdf_icon.jpg) no-repeat center center transparent;width: 55px;height: 55px;display: block;margin-right: 20px;float: left;}
.datei a {color: #000;font-size: 17px;position: relative;top: 14px;}
.scrollToTop {background: url(images/pfeil_up.jpg) no-repeat center center transparent;width: 70px;height: 70px;cursor: pointer;}
.icon_box {width: 45px;height: 45px;}
.drucken {width: 100%;overflow: auto;margin-top: 18px;}
.druck_box .icon_box i {font-size: 18px;}
.druck_box {font-size: 14px;margin-bottom: 10px;}
.share_box {font-size: 14px;margin-bottom: 10px;}
.druck_box a, .motopress-share-buttons .share_box a {display: block;width: auto;}
.share_box span, .druck_box span {position:relative;top: -18px;display: inline-block;}
.icon_box.druck { background: url(images/drucken.jpg) no-repeat center center transparent;}
.icon_box.twitter { background: url(images/twitter.jpg) no-repeat center center transparent;}
.icon_box.facebook { background: url(images/facebook.jpg) no-repeat center center transparent;}
.volltext table {width: 100%;}
.volltext table th {padding: 11px 9px;background-color: #666;color: #fff;text-transform: uppercase;font-weight: 400;border: 1px solid #fff;font-size: 14px;}
.volltext table td {font-size: 14px;background-color: #AFAFAF;color: #000;padding: 7px 8px;border: 1px solid #fff;font-family: 'Interstate',sans-serif;line-height: 1.25;}
.acf-map {width: 100%;height: 400px;border: #ccc solid 1px;margin: 0 0 30px;}
.embed-container { position: relative; padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto; margin-bottom: 30px;} 
.embed-container iframe,.embed-container object,.embed-container embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
table tr td {padding-bottom: 20px;}

/*-------------------------- Aktuelles Detail -------------------------------*/

.back_pfeil {background: url(images/pfeil_back.png) no-repeat center center transparent; width: 19px; height: 13px;margin-bottom: 4px;}
.back_text {text-transform: uppercase;display: block;color: #000;font-family: 'Interstate',sans-serif;}
a.back_link:hover, aa.back_link:focus {color: #000;}
.single .entry-meta {font-size: 26px; text-transform: uppercase; font-weight: 700; color: #AFAFAF;margin-top: 0px;margin-bottom: 20px;}
.back_link {margin-top: 10px;display: block;}

/*-------------------------- Aktuelles ?bersicht -------------------------------*/

.entry-meta {font-size: 20px; text-transform: uppercase; font-weight: 700; color: #AFAFAF;margin-top: -6px;margin-bottom: 20px;}
.akt_uebersicht h2.entry-title {line-height: 0.8;margin-bottom: 8px;}
.akt_uebersicht h2.entry-title a {color: #000;font-size: 30px;letter-spacing: 0.0em;font-weight: bold;}
.akt_uebersicht h2.entry-title a:hover, .akt_uebersicht h2.entry-title a:focus {color: #E2001A; text-decoration: none;}
.entry-image a:hover img, .infobox a:hover img {opacity: 0.7;}
.akt_uebersicht article {margin-bottom: 30px;}
.entry-summary {line-height: 22px;font-weight: 400;}

/*-------------------------- Referenzen ?bersicht -------------------------------*/

.ref_filter {padding-left: 5px;}
.ref_filter.list-inline > li {padding: 0;text-transform: uppercase;color: #000;cursor: pointer;}
.ref_filter.list-inline > li:hover, .ref_filter.list-inline > li.active {color: #E2001A;}
.filter_el .trenner {margin-left: 0px;}
.ref_filter.list-inline > li:hover .trenner, .ref_filter.list-inline > li.active .trenner, .ref_filter.list-inline > li.active:hover .trenner {color: #000;}
.referenzen .i_headline {font-size: 20px; line-height: 19px;padding: 2px 0 2px;bottom: 20px;}
.referenzen .i_subheadline {font-size: 14px; line-height: 20px;}
/*.referenzen .i_headline span {background-color: #E2001A;box-shadow: -5px 0px 0 #E2001A, 5px 0px 0 #E2001A;    -webkit-box-shadow: -5px 0px 0 #E2001A, 5px 0px 0 #E2001A;  -moz-box-shadow: -5px 0px 0 #E2001A, 5px 0px 0 #E2001A;position: relative;left: 0;padding: 3px 0 0;}*/
.i_headline .wrap1 { position: relative; left: 5px; background: #E2001A; padding: 0px 0 0; line-height: 0.15em;}
.i_headline .wrap2 { position: relative; left: -5px; background: #E2001A; padding: 0; line-height: 1;}
button.btn-default:hover, button.btn-default:focus, input.btn-primary:hover, input.btn-primary:focus  {color: #fff; background-color: #E2001A;border-color: transparent;}
i.reload {background: url(images/reload.png) no-repeat center center transparent;width: 27px;height: 30px;display: inline-block;position: relative;top: 3px;margin-right: 10px;}
button.btn-default span.btn_besch {position: relative;top: -5px;}

/*-------------------------- Formulare -------------------------------*/

label {display: inline-block;margin-bottom: 5px;font-weight: 400;text-transform: uppercase;}
.form-control {width: 80%;border-radius: 0;background-color: #AFAFAF;color: #fff;}
input.btn-primary {background:url(images/pfeil_btn.png) no-repeat left center #E2001A;border: transparent;padding: 10px 15px 10px 65px;}
.infobox a {display: block;}

.vorschalt_links ul {list-style-type: none;padding-left: 25px;}
.vorschalt_links ul li {position: relative;margin-bottom: 15px;}
.vorschalt_links ul li:before {content: ''; width: 16px; height: 16px; display: block;position: absolute;background-color: #e2001a;left: -25px;top: 15px;}
.vorschaltseite #content {min-height: 100%;}
.vorschalt_footer {font-size: 14px; text-transform: uppercase;letter-spacing: -0.01em;position: absolute;bottom: 10px;}
.vorschalt_footer a {color: #000;}
#modal_akt .close {color: #000; opacity: 1;font-size: 35px;position: absolute;right: 20px;top: 10px;z-index: 2;}
#modal_akt .modal-body {padding: 35px 40px 25px;}
#modal_akt .modal-content {border-radius: 0;}
#modal_akt .modal-title {text-transform: uppercase;line-height: 1.1;font-weight: bold;letter-spacing: 0;color: #000;margin-bottom: 5px;}
#modal_akt .modal-title a {color: #000;}
#modal_akt .modal-dialog {margin-top: 180px;}
.start_link {position: absolute; right: 17px;top: -15px;font-size: 10px;text-transform: uppercase;letter-spacing: 0;}
.start_link a {color: #AFAFAF;}
#modal_akt .modal-title a:hover, #modal_akt .modal-title a:focus {color: #E2001A;text-decoration: none;}
footer img {max-width: 100%; height: auto; height: inherit;}