/* 
    Komponentenstyles
    Created on : 11.08.2016
    Author     : Manuel Anghel, fs
*/

/* Allgemein */

/* Einheitlicher margin-bottom zwischen Elementen */
.einleitung, .volltext, .tabs_el, .acf-map, .embed-container {margin-bottom: 20px;}

/* Textelemente */
.einleitung {}
.volltext {}
h1 {}
h2 {}
h3 {}

/* Standardslider */
.standardslider .flex-viewport {overflow: hidden; position: relative;background-color: #edf2f6;}
.standardslider .slides {width: 1400%; margin-left: -4401px;}
.standardslider .slides li {width: 100%; margin-right: 0px; float: left; display: block;height: 540px;}
.standardslider .slides .item {position: relative;top: 50%;transform: translateY(-50%);}
.standardslider .slides .item img {width: auto;max-height: 540px;margin: auto;}
.standardslider .caption_box {max-width: 450px;position: absolute;z-index: 1000;right: 100px;top: 0;}
.standardslider a.caption_box:hover, .standardslider a.caption_box:focus, .standardslider a.caption_box:active {text-decoration: none;}
.standardslider .flex-direction-nav a:before {text-shadow: 1px 1px 0 rgba(0,0,0, 0.3);}

/* Akkordeon */
.panel-group .panel {
    background-color: #D9DADB;
}
.panel-default > .panel-heading {
    background-color: #034AA2;
    border-color: transparent;
    border: 0px solid transparent;
    color: white;
    text-decoration: none;
}
.panel-default > .panel-heading a h4 {
    text-decoration:none;
    font-size:22px;
    color:#fff;
}
/* Tabs */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {background-color: #D9DADB; border: 0 none; }
.nav-tabs > li > a {border: 0;border-radius: 0; background-color: #034AA2;; color: #fff; font-size:25px; text-decoration: none;}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color: black; background-color: #D9DADB;}
.tab-pane{background-color: #D9DADB;}
.tab-content .tab-pane{padding: 20px 10px;}

/* Google Map */
.acf-map {height: 400px;}

/* Video */
.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%;border: none;}

/* Galerie */
.galeriebild {margin-bottom: 10px;}
.galeriebild img {max-width: 100%;}

/* Dateien */
.element_file div[data-dataurl] {cursor: pointer;}

/* Eyecatcher & Call to Action */

.inhalt_eyecatcher {padding: 20px;}
.inhalt_eyecatcher h3 {margin: 10px 0;font-weight: 700;}

.element_calltoaction .inhalt_eyecatcher {text-align: center;}
.element_calltoaction .inhalt_eyecatcher p, .element_calltoaction .inhalt_eyecatcher h3 {font-size: 2em;}
.element_calltoaction .inhalt_eyecatcher h3 {text-transform: uppercase;}


.eye_bild img {margin: auto;}

.eyecatcher_farbe_1 {background-color: #000;color: #fff;}
.eyecatcher_farbe_1 a {color: #fff;}
.eyecatcher_farbe_2 {background-color: #818181;color: #181818;}
.eyecatcher_farbe_2 a {color: #181818;}
.eyecatcher_farbe_3 {background-color: #fffc00;color: #000;}
.eyecatcher_farbe_3 a {color: #000;}

.inhalt_eyecatcher .button_container {text-align: center;margin: 40px 0 20px 0;}
a.calltoaction_button {margin: auto;padding: 20px;background-color: blue;color: #fff;text-transform: uppercase;}
.calltoaction_button:hover, .calltoaction_button:focus, .calltoaction_button:active {text-decoration: none;}