@import 'forms.css';

h1 { font-size: 24px; }

span[class^="stars-"] {
    position: relative;
    display: block;
    min-width: 39px;
}
span[class^="stars-1"]:before {
    font-family: FontAwesome;
    content: "\f005";
    color: rgba(163, 126, 59, 1);
}
span[class^="stars-2"]:before {
    font-family: FontAwesome;
    content: "\f005 \f005";
    color: rgba(163, 126, 59, 1);
}
span[class^="stars-3"]:before {
    font-family: FontAwesome;
    content: "\f005 \f005 \f005";
    color: rgba(163, 126, 59, 1);
}
span[class^="stars-null"]{
    font-family: FontAwesome;
    display: none;
}
span[class^="stars-null"]:before {
    content: "";
}

mark {
    background: #337ab7;
}

body {
    background: #ffffff;
}

body .scroller {
    background: rgba(255, 255, 255, .9) !important;
}

main {
    margin: 1em 0;
    background: #FFFFFF;
    background: rgba(255, 255, 255, .95);
    z-index: 1000;
}

main[id^=magazin] {
    z-index: 999;
}

h1, h2, h3, h4 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a{
    color: #337ab7;
    text-decoration: none;
}

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

.gruen {
    color: #690;
}

label.green {
    color: #48A43F;
}

label.red {
    color: #dd4b39;
}

label.yellow {
    color: #a37e2b;
}

.fa.fa-file-pdf-o {
    color: #dd4b39;
}

.telephone-info {
    line-height: 1.5em;
}

.telephone{
    color: #dd4b39;
    font-weight: 600;
    border : solid #dd4b39;
    border-width: 1px 0;
}

.email{
    color: #337AB7;
    font-weight: 600;
    border : solid #337AB7;
    border-width: 1px 0;
}

.telephone::before{
    font-family: 'FontAwesome';
    font-weight: 600;
    content: '\f095';
    color: #dd4b39;
    padding: 0 1em;
    text-shadow: -3px 0 #c2c2c2;
}

.email::before{
    font-family: 'FontAwesome';
    font-weight: 600;
    content: '\f0e0';
    color: #337AB7;
    padding: 0 1em;
    text-shadow: -3px 0 #c2c2c2;
}

.font-white{
    color: #FFFFFF;
}


.highlight{
    font-weight: 600;
    color: #337ab7;
}

.highlight.green{
    color: #48a43f;
}

.highlight.btn {
    white-space: normal;
}

.progress {
    margin: 0;
    position: relative;
}

.progress-bar {
    background: #48a43f; /* Old browsers */
    background: -moz-linear-gradient(left, #48a43f 0%, #a37e2b 50%, #dd4b39 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #48a43f 0%, #a37e2b 50%, #dd4b39 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #48a43f 0%, #a37e2b 50%, #dd4b39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#48a43f', endColorstr='#dd4b39', GradientType=1); /* IE6-9 */
}

.progress.invert {
    background: #48a43f; /* Old browsers */
    background: -moz-linear-gradient(left, #48a43f 0%, #a37e2b 50%, #dd4b39 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #48a43f 0%, #a37e2b 50%, #dd4b39 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #48a43f 0%, #a37e2b 50%, #dd4b39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#48a43f', endColorstr='#dd4b39', GradientType=1); /* IE6-9 */
}

.progress.invert .progress-bar {
    background: transparent;
    flex-grow: 0;
}

.progress.invert .progress {
    border-radius: 0 0 0 0;
}

.phase-wrapper i {
    color: #FFFFFF;
}

.phase-wrapper i.red {
    color: #dd4b39;
}

.phase-wrapper i.gold {
    color: #a37e2b;
}

.phase-wrapper i.green {
    color: #48a43f;
}

.disclaimer-text {
    font-size: .8em;
    font-style: italic;
    color: #818181;
    text-align: justify;
}

.sub-title.green{
    color: #48a43f;
}
table td span.redcolor{
    position: relative;
    color: #dd4b39;
    margin: 0 0 0 1em;
}

table td span.greencolor{
    position: relative;
    color: #48a43f;
    margin: 0 0 0 1em;
}

table td span.rot{
    position: relative;
    color: #dd4b39;
    margin: 0 0 0 1em;
}
table td span.gruen{
    position: relative;
    color: #48a43f;
    margin: 0 0 0 1em;
}

table td span.rot:before,
table td span.gruen:before,
table td span.redcolor:before
{
    font-family: 'FontAwesome';
    position: absolute;
    left : -1.5em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 100%;
}
table td span.rot:before{
    content: '\f063';
}

table td span.gruen:before {
    content: '\f062';
}

/* class for Text-Overflow */
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.box-style {
    min-height: 100%;
}

.box-style .box {
    box-sizing: border-box;
    box-shadow: none;
    background: #f9f9f9;
    padding: 1em;
}

.box-style .box.box-image{
    border-bottom: 2px solid #ffffff;
}

/* Ausnahmen */

#fonds-vl-fonds .box-style .box ,
#fonds-sparplan .box-style .box{
    border: none;
}

.box-style .box.gray-border {
    border-color: #f9f9f9;
}

.box-style .box.depot-partner {
    background: url('../images/depots/depoteroeffnung/rawpixel-com-594763-unsplash.jpg') no-repeat center center;
}

.box.chartmodul .box-content{
    text-align: center;
    min-height: 250px;
}

.box-style .box .title-block {
    position: absolute;
    left: 1em;
    bottom: 1em;
    right: 1em;
    top: 1em;
    background: rgba(63, 63, 63, .75);
}

.box-style .box-content {
    padding: 1em;
    background: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .065);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .065);
    min-height: 100%;
    overflow: hidden; /* dont use box-content for wrapping responsive tables */
}

.box-style .box.stop-propagation .box {
    background: #ffffff;
}
.box-style .box.stop-propagation .box:nth-child(n+2) {
    padding-top: 0;
}
.box-style .box.stop-propagation .box:not(:last-child) {
    padding-bottom: 0;
}

#chartmodul .dropdown.fv-cmenu .btn-primary.btn-primary,
#chartmodul .dropdown.fv-cmenu .btn-primary.btn-primary.active,
#chartmodul .dropdown.fv-cmenu .btn-primary:active,
#chartmodul .dropdown.fv-cmenu .open>.dropdown-toggle.btn-primary{
    position: relative;
    color: #fff;
    background: #336699;
    padding: 6px 12px;
    margin: 0;
    display: block;
    width: 100%;
}

#chartmodul .dropdown.fv-cmenu .btn.dropdown-toggle span.fa-list-plus{
    position: absolute;
    width: 30px;
    right: 10px;
    top: 10px;
}

#chartmodul .dropdown.fv-cmenu .btn.dropdown-toggle .fa-list-plus{
    fill: #ffffff;
}

#chartmodul .dropdown.fv-cmenu .btn.dropdown-toggle:hover .fa-list-plus{
    fill: #2196f3;
}


@media (min-device-width : 320px){
    .flex-row {
        flex-wrap: wrap;
    }
}

@media (min-device-width : 425px){
    .flex-row {
        flex-wrap: wrap;
    }
}

@media (min-device-width : 768px){
    .flex-row {
        flex-wrap: wrap;
    }
}

@media (min-device-width: 1024px) {
    .flex-row {
        flex-wrap: wrap;
    }
}

/* ================================================================ */
/*                          FARBEN                                  */
/* ================================================================ */

.image-footer-line {
    color: gray;
    font-size: .8em;
    float: right;
    padding: 0 .5em 0 0;
}

dl.dl-horizontal dt {
    padding: 10px 15px;
    background: #ececec;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #d4d4d4;
}

dl.dl-horizontal dd {
    background: #f5f5f5;
    position: relative;
    padding: 10px 0 0 1em;
    border-top: 1px solid #FFFFFF;
}

.advantage-text .article-preview-wrapper .media-body .media-heading {
    text-align: center;
    color: #3f3f3f;
    border-bottom: 1px solid #a37e2b;
    padding: 1em 0;
}

.advantage-text .media {
}

.advantage-text .media-body .media-heading {
    text-align: center;
    color: #a37e2b;
    border-bottom: 1px solid #76a9dc;
}

.advantage-text .media-body p {
    font-size: small;
    color: #3f3f3f;
}

/* ==================================  TITLES  ====================================================================== */

.icon-title {
    border-bottom: 1px solid #eeeeee;
    padding: 1em 0;
    font-weight: 600;
}

.icon-title i {
    float: right;
    padding: 0 1em;
    color: #337ab7;
}

.title-underline {
    padding: .5em 0;
    border-bottom: 1px solid #eeeeee;
    font-weight: 600;
}

#page-start{}

#page-start .title{
    text-align: center;
    font-weight: 600;
    font-size: 1.6em;
}

#page-start .sub-title{
    text-align: center;
    font-size: 1.2em;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 1em;
}

#page-start .description{}

.box-light-gray {
    margin: 1em 0;
    background: #f5f5f5;
}

.box-gray {
    background: #dcdcdc;
}

#error-messages-wrapper {
    z-index: 50000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #2e2e2e;
    border-bottom: 1px solid #76a9dc;
}

.info-box {
    padding: 1em 2em 0em 2em;
    font-size: .9em;
    font-style: italic;
}

/* ================================================================ */
/*                          ALLGEMEINES                             */
/* ================================================================ */

body {
    overflow-x: hidden;
    color: #3f3f3f;
    font-family: 'Open Sans', 'Arial', sans-serif;
}

html,
body,
.mobile-container,
.scroller {
    /*height: 100%;*/
}

a, button {
    transition: all 0.25s;
}

.navbar-brand span {
    text-indent: -9999px;
}

.panel, .panel .list-group {
    box-shadow: none;
    -webkit-box-shadow: none;
}

a:focus, a:hover {
    color: #336699;
    text-decoration: none;
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #76a9dc;
}

.list-group-bulletpoints .list-group {
    list-style: disc;
    padding-left: 20px;
}

.panel-primary > .panel-heading {
    background: #336699;
    background: -webkit-linear-gradient(top, #336699, #76a9dc);
    background: -o-linear-gradient(top, #336699, #76a9dc);
    background: -moz-linear-gradient(top, #336699, #76a9dc);
    background: linear-gradient(to bottom, #336699, #76a9dc);
    background-repeat: repeat-x;
    color: #fff;
    border: none;
}

.panel-primary {
    border: none;
}

.panel-footer {
    background: none;
    border: 0;
}

.media-right, .media > .pull-right {
    padding: 0;
}

hgroup {
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    margin: 0 0 1em 0;
}

hgroup .page-header {
    color: #a37e2b;
    display: block;
    text-align: center;
    position: relative;
    margin: 0.5em 0;
    text-decoration: none;
    text-transform: uppercase;
    border: 0;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, .2);
}

hgroup .page-header:before {
    position: absolute;
    content: '';
    top: 1.5em;
    left: 37.5%;
    width: 25%;
    border-bottom: 3px double #a37e2b;
}

hgroup h2 {
    color: #76a9dc;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
}

/* ================================================================ */
/*              BOOTSTRAP RESET - AND STANDARDS                     */
/* ================================================================ */

/* Ausnahme für die 2 Teaser-Artikel */
.fd-grid-view .panel-fondsdiscount ul li {
    border-bottom: 1px solid #d1d1d1;
}

.fd-grid-view .panel-fondsdiscount ul li:first-child {
    border-top: 1px solid #d1d1d1;
}

/* spezielle FD Liste */

.fd-list-group {

}

.fd-list-group li {
    border-bottom: 1px solid #d1d1d1;
}

.fd-list-group li:hover .fd-list-action i {
    color: #d1d1d1;
}

.fd-list-group-item {
    position: relative;
}

.fd-list-content {
    display: inline-block;
    width: 85%;
    padding: 0 1em 0 0;
    border-right: 1px solid #d1d1d1;
}

.fd-list-action i {
    position: absolute;
    color: #76a9dc;
    right: 1em;
    top: 35%;
    text-shadow: none;
}

/* horizontale Liste */
.list-group-horizontal .list-group-item {
    display: inline-block;
}

.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left: -4px;
    margin-right: 0;
}

.list-group-horizontal .list-group-item:first-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0px;
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0;
}

.panel {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

.headline {
    color: #818181;
}

#breadcrumb {
    background: #efefef;
}

#breadcrumb .breadcrumb {
    background: none;
    margin: 0;
    padding: 1em 0;
}

/* ===================== alter kram einfach durchschleifen ========================= */

.suche p.placeholder_txt {
    position: absolute;
    margin: 0;
    font-size: 8pt;
    color: #9cf;
}

.suche p.telefon {
    background: none;
    margin-bottom: 5px;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

.multilevelpushmenu_wrapper .levelHolderClass {
    overflow-y: scroll !important;
}

.newsletter-btn {
    overflow: hidden;
    text-align: center;
    display: block;
    width: 100%;
}

/* ================================================================ */
/* FOOTER */
/* ================================================================ */
#footer {
    padding: 2em 0;
    background: #336699;
    background: -webkit-linear-gradient(top, #76a9dc, #336699);
    background: -o-linear-gradient(top, #76a9dc, #336699);
    background: -moz-linear-gradient(top, #76a9dc, #336699);
    background: linear-gradient(to bottom, #76a9dc, #336699);
    background-repeat: repeat-x;
    color: #fff;
    border-top: 1px solid #336699;
    border-bottom: 1px solid #fff;
}

#footer span i {
    background: #336699;
    width: 30px;
    padding: 8px 15px 8px 8px;
    margin-right: 5px;
}

@media (min-width: 768px) {
    .footer-nav {
        padding-left: 0;
        padding-right: 0;
    }
}

.fd-footer-widget a {
    color: #fff;
}

.fd-footer-widget dl {

}

.fd-footer-widget dl dt {
    border-bottom: 1px solid #f5f5f5;
    padding: 1em 0;
    color: #fff;
    letter-spacing: 1px;
}

.fd-footer-widget dl dd {

}

.fd-footer-widget dl dd ul {
    list-style: none;
    padding: 0;
}

.fd-footer-widget dl dd ul li {
    border-bottom: 1px solid #76a9dc;
}

.fd-footer-widget dl dd ul li:first-child {
    border-top: 0;
}

.fd-footer-widget dl dd ul li a {
    display: block;
    color: #fff;
    padding: 5px;
}

.fd-footer-widget ul.socials li {
    width: 16.6%;
    float: left;
    border-bottom: none;
    text-align: center;
}

.fd-footer-widget dl dd ul li:hover a,
#footerHotline span:hover {
    background: #76a9dc;
    transition: all 0.25s;
}

#footerHotline span {
    display: block;
    border-bottom: 1px solid #76a9dc;
}

#site-feedback {
    background: #336699;
    color: #fff;
    padding: 1em 0;
    font-weight: 700;
    border: solid #fff;
    border-width: 0 0 1px 0;
}

#site-feedback a {
    color: #ffffff;
    padding: 5px;
}

#site-feedback a:hover {
    background: #76a9dc;
    transition: all 0.25s;
}

#site-feedback #fd_stars i {
    color: #fff;
}

#copyright {
    padding: .5em 0;
    background-color: #3f3f3f;
    background-image: -webkit-linear-gradient(top, #3f3f3f 0%, #696969 100%);
    background-image: -moz-linear-gradient(top, #3f3f3f 0%, #696969 100%);
    background-image: -o-linear-gradient(top, #3f3f3f 0%, #696969 100%);
    background-image: linear-gradient(top, #3f3f3f 0%, #696969 100%);
    border-radius: 0;
}

#copyright .copyright p {
    padding: 1em;
    font-size: .75em;
    color: #f5f5f5;
}

#copyright .copyright .list-group-horizontal {
    margin-bottom: 0;
}

#copyright .copyright .list-group-item {
    padding: 1em;
    font-size: .75em;
    display: inline-block;
    border-radius: 0;
}

#copyright .copyright .list-group-item a {
    color: #f5f5f5;
}

#copyright .copyright .list-group-item:hover {
    background: #76a9dc;
}

/* ================================================================ */
/* Bootstrap Klassen �berschreiben */
/* ================================================================ */
/* =================== MENU ==================================== */
/* CSS used here will be applied after bootstrap.css */

.fd-fullwidth .nav > li > a {
    position: relative;
    border-radius: 0;
}

.fd .fd-content .nav .link-effect a {
    position: relative;
    display: block;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    background: #ffffff;
    background: rgba(255, 255, 255, .5);
    padding: 10px 0;
    color: #337ab7;
    text-shadow: none;
    font-weight: 600;
}

.fd .fd-content .nav .link-effect a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0;
    max-width: 0;
    border-bottom: 2px solid #a37e2b;
    color: #a37e2b;
    content: attr(data-hover);
    -webkit-transition: max-width 0.65s;
    -moz-transition: max-width 0.65s;
    transition: max-width 0.65s;
}

.fd .fd-content .nav .link-effect a:hover::before,
.fd .fd-content .nav .link-effect a:focus::before {
    max-width: 100%;
}

.fd .nav,
.fd .dropup,
.fd .dropdown,
.fd .collapse {
    position: static;
}

.fd .navbar-inner,
.fd .container {
    position: relative;
}

.fd .dropdown-menu {
    left: auto;
}

.fd .dropdown-menu > li {
    display: block;
}

.fd .dropdown-submenu .dropdown-menu {
    left: 100%;
}

.fd .nav.pull-right .dropdown-menu {
    right: 0;
}

.fd .fd-content {
    *zoom: 1;
}

.fd .fd-content:before,
.fd .fd-content:after {
    display: table;
    content: "";
    line-height: 0;
}

.fd .fd-content:after {
    clear: both;
}

.fd.navbar .nav > li > .dropdown-menu:after,
.fd.navbar .nav > li > .dropdown-menu:before {
    display: none;
}

.fd .dropdown.fd-fullwidth .dropdown-menu {
    border-radius: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 1em;
    background: url('../images/world.svg') no-repeat center center;
    border: solid #76a9dc;
    border-width: 0px 1px 1px 1px;
    z-index: 1000000;
    background-color: #ffffff;
}

.fd .fd-content .panel-heading {
    border-bottom: 1px solid #efefef;
    padding: 10px 0;
}

.fd .fd-content .media:first-child {
    margin-top: 15px;
}

/* Ausnahme für die Suche in der Menubar */
/* =================== sichtbar nur wenn affix ================ */

.fd.affix-top .navbar-right {
    display: none;
}

.fd.affix .navbar-right {
    display: block;
}

.fd.affix .navbar-right #affix-search,
.fd.affix .navbar-right #header-cart-button-affix{
    background-color: #3f3f3f;
    background-image: -webkit-linear-gradient(top, #696969 0%, #3f3f3f 100%);
    background-image: -moz-linear-gradient(top, #696969 0%, #3f3f3f 100%);
    background-image: -o-linear-gradient(top, #696969 0%, #3f3f3f 100%);
    background-image: linear-gradient(top, #696969 0%, #3f3f3f 100%);
    border-left: 1px solid #525252;
    border-right: 1px solid #383838;
    padding: 15px 5px;
}

/* ================================================================ */
/* Google Suche FIX for working with Bootstrap 3 */
/* ================================================================ */

.reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after, .gsc-inline-block {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
    box-sizing: content-box;
    line-height: normal;
}

/* ================================================================ */
/*                       STANDARD FORMATS                           */
/* ================================================================ */

.page-title {
    padding: 0 0;
    margin: 0;
    text-align: center;
    text-shadow: 0 1px 0 #ededed;
    line-height: 1.5;
}

.navbar-toggle .icon-bar {
    background: #ffffff;
}

.list-group {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    list-style-type: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background: none;
    border: none;
}

.list-group-item:first-child,
.list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.list-group.numbered {
    counter-reset: li;
}

.list-group.numbered .list-group-item {
    padding-left: 3em;
}

.list-group.numbered .list-group-item:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1em;
    border: 1px solid #76a9dc;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

.list-group.numbered .list-group-item strong{
    display: block;
    color: #337ab7;
}

/* ================================================================ */
/*                       MAGAZIN BEREICH INTRO                      */
/* ================================================================ */
#magazin-intro,
#category-intro,
#article-intro,
#tags-intro {
    color: #818181;
}

#magazin-intro .magazin {
    padding: 1em 0;
}

#magazin-intro .panel-body {
    padding: 1em 0;
}

#magazin-intro .publishing-date,
#category-intro .publishing-date,
#article-intro .publishing-date {
    position: absolute;
    right: 1em;
    top: 1em;
}

.intro .media,
.intro .media-body {
    overflow: visible;
}

#article-intro .media .media-left {
    padding: 0;
}

#article-intro .media .media-left .small-copyright {
    padding: 0;
    color: #818181;
    font-size: 0.7em;
    margin: 0;
}

#article-intro .media .media-left .small-copyright span {
    display: block;
}

.intro .category-label {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    text-align: center;
    padding: 10px 15px;
    background: #48A43F;
    z-index: 10000;
}

.top-news-wrapper {
    position: absolute;
    top: 1em;
    z-index: 1000;
    left: 0;
    right: 0;
}

.top-news-wrapper .top-news {
    text-align: center;
    color: #a37e2b;
    margin: 0;
}

.top-news-wrapper .top-news:before, .top-news-wrapper .top-news:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 20%;
}

.top-news-wrapper .top-news:before {
    background: rgb(126, 126, 126);
    background: -moz-linear-gradient(right, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(right, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(right, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(right, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(right, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    left: 0;
}

.top-news-wrapper .top-news:after {
    background: rgb(126, 126, 126);
    background: -moz-linear-gradient(left, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(left, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    right: 0;
}

.fd-special {
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #fff;
}

.fd-special:first-child {
    border-top: 1px solid #d1d1d1;
}

.fd-special a {
    position: relative;
}

.fd-special a div {
    width: 80%;
    padding: 0.5em;
    overflow: hidden;
}

.fd-special a div span {
    line-height: 1.5em;
}

.fd-special a i {
    color: #f5f5f5;
    top: 30%;
    right: 0;
    position: absolute;
    border-left: 1px solid #d1d1d1;
    padding: 0.5em 1em 0.5em 3em;
}

.intro-article .panel-fondsdiscount {
    min-height: 330px;
    margin: 0; /* reset bootstrap style */
}

.intro-article .thumbnail header.caption {
    background: none;
}

.article .thumbnail header.caption {
    background: none;
}

/*  ALLGEMEIN   */
.thumbnail header .article-infos {
    color: #818181;
    text-align: left;
    min-height: 40px;
}

.thumbnail header .article-infos a {
    color: #a37e2b;
}

.intro-article .thumbnail .description {
    position: relative;
    min-height: 150px;
    padding: 1em;
}

.article .thumbnail .description {
    position: relative;
    height: 170px;
    padding: 1em;
    background: none;
    background: url('../images/streifen_lighter.svg') no-repeat bottom right;
    background-size: 150px 58px;
}

.description a.fd-more {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.thumbnail {
    position: relative;
    border-width: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    transition: all 0.45s ease-in-out;
}

.category .thumbnail {
    min-height: 420px;
}

.fd-grid-view li.article,
.fd-grid-view li.intro-article {
    background: #ffffff url('../images/groovepaper.png') repeat;
    border: 2px solid #fff;
    padding: 1em;
}

.fd-grid-view .caption h2 {
    text-align: center;
    margin: 0;
}

.fd-grid-view .thumbnail .caption h2 a span,
.fd-grid-view .thumbnail .caption h2 a {
    display: block;
    position: relative;
    padding: 0.5em 0;
    font-size: 16px;
    font-weight: bold;
}

/* GOLDEN STYLE CENTERED */
.fd-grid-view .thumbnail .caption h2 a span:first-of-type {
    font-size: 12px;
    text-transform: uppercase;
    color: #a37e2b;
    position: relative;
}

.fd-grid-view .thumbnail .caption h2 a span:first-of-type:before {
    position: absolute;
    content: '';
    top: 2em;
    left: 37.5%;
    width: 25%;
    border-bottom: 3px double #a37e2b;
}

.fd-grid-view .thumbnail img {
    -webkit-filter: grayscale(75%);
    filter: grayscale(75%);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    width: 100%;
}

.thumbnail:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.thumbnail .category-label {
    position: relative;
    background: #76a9dc;
    margin: 0 0 1em 0;
    min-height: 55px;
}

.thumbnail .category-label a {
    display: block;
    font-size: 1em;
    padding: 0.5em;
    color: #fff;
}

.thumbnail .category-footer,
.article-footer {
    background: rgb(118, 169, 220);
    background: rgba(118, 169, 220, 0.5);
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 0;
    right: 0;
    border-radius: 80px 0 0 0;
    z-index: -1;
}

.author {
    background: rgb(118, 169, 220);
    background: rgba(118, 169, 220, 0.3);
    position: absolute;
    width: 100px;
    height: 100px;
    bottom: 0;
    right: 0;
    border-radius: 100px 0 0 0;
}

.author em {
    color: #fff;
    position: absolute;
    top: 30px;
    left: 21px;
}

.foto-source {
    background: rgba(0, 0, 0, 0.38);
    position: absolute;
    bottom: 0;
    border-radius: 0;
}

/* ========================================== KATEGORIE-SEITE ========================================== */

.categoryfilterblock {
    overflow: hidden;
    background: #ffffff url('../images/groovepaper.png') repeat;
    border: solid #eeeeee;
    border-width: 1px 0;
}

.categoryfilterblock .filter-block {
    padding: 0.5em;
    cursor: pointer;
}

.categoryfilterblock .filter-block.form-group {
    margin: 0;
}

.list-grid-filter .filter-block i {
    color: #76a9dc;
    vertical-align: middle;
    font-size: 30px;
    padding: 0 1em 0 0;
}

#magazin .cover {
    background: #336699;
    background: -webkit-linear-gradient(top, #336699, #76a9dc);
    background: -o-linear-gradient(top, #336699, #76a9dc);
    background: -moz-linear-gradient(top, #336699, #76a9dc);
    background: linear-gradient(to bottom, #336699, #76a9dc);
    border: 1px solid #fff;
    border-width: 1px 0;
}

#magazin .cover .jumbotron {
    background: url('/images/magazin/world-map_magazinoverview.png') no-repeat center;
    background-size: contain;
    min-height: 200px;
    padding: 0;
    margin: 0;
}

#magazin .top-news-label .top-news {
    text-align: center;
    color: #a37e2b;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 0;
    margin: 0 0 1em 0;
    border-bottom: 1px solid transparent;
}

#magazin .top-news-label .top-news:before,
#magazin .top-news-label .top-news:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 19px;
    width: 30%;
}

#magazin .top-news-label .top-news:before {
    background: rgb(126, 126, 126);
    background: -moz-linear-gradient(right, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(right, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(right, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(right, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(right, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    left: 0;
}

#magazin .top-news-label .top-news:after {
    background: rgb(126, 126, 126);
    background: -moz-linear-gradient(left, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(left, rgba(163, 126, 59, 1) 0%, rgba(255, 255, 255, 1) 100%);
    right: 0;
}

/* ================================================================ */
/*                       Artikel Body Styles                        */
/* ================================================================ */
.intro .media-heading {
    position: relative;
    margin: 1em 0 0 0;
    font-size: 24px;
    text-align: left;
    color: #336699;
}

.intro .media-heading small {
    display: block;
    text-align: center;
    position: relative;
    padding: 0 0 .5em 0;
    text-decoration: none;
    text-transform: uppercase;
}

.intro .media-heading small,
.intro .media-heading small a {
    color: #a37e2b;
}

.intro .publishing-date time {
    color: #818181;
}

.intro .publishing-date a {
    color: #a37e2b;
}

.intro .media-heading small:before {
    position: absolute;
    content: '';
    top: 1.5em;
    left: 37.5%;
    width: 25%;
    border-bottom: 3px double #a37e2b;
}

.intro .media-heading span {
    position: relative;
    display: block;
    text-align: center;
    padding: .5em 0;
}

.intro .art-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 38px;
    background: #d1d1d1;
    border-bottom: 2px solid #fff;
}

.intro .art-author {
    position: absolute;
    bottom: 2px;
    top: unset;
    right: 1.5em;
    margin: 6px 0;
    font-size: 12px;
    padding: 0 15px;
    color: #a37e2b;
    text-transform: lowercase;
    -o-text-overflow: clip;
    text-overflow: clip;
}

.intro .lead {
    margin: 0;
    padding: 1em 0;
    font-size: 14px;
    font-weight: bold;
    color: #3f3f3f;
}

.article-body,
.article-bottom,
.article-warning {
    position: relative;
    padding: 1em;
    overflow: hidden;
}

/* ==================================================================================================== */
/* ========================================= STYLING DER ARTIKEL ====================================== */
/* ==================================================================================================== */

/* weitere Artikel im Anhang */

.article-more {
    padding: 1em 0;
    border: 1px solid #d1d1d1;
    border-width: 1px 0;
}

.article-more ul li {
    background: #efefef;
    border: 1px solid #fff;
    padding: 1em;
}

.article-more .thumbnail {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0;
    min-height: 450px;
}

.article-more header {
    background: none;
}

.article-more .description {
    padding: 1em;
}

.article-more li .caption {
    min-height: 175px;
}

.article-more li .caption h3 {
    position: relative;
}

.article-more li .caption h3 span {
    display: block;
    font-size: .8em;
    text-align: center;
    margin: 1em 0;
}

.article-more li .caption h3 span:first-child {
    text-align: center;
    font-size: .5em;
    color: #a37e2b;
    text-transform: uppercase;
    margin: 0;
}

.article-more li .caption h3 span:first-child:before {
    position: absolute;
    content: '';
    top: 1.5em;
    left: 37.5%;
    width: 25%;
    border-bottom: 3px double #a37e2b;
}

.article-conversion-block {
    overflow: hidden;
}

.article-conversion-block .headline {
    margin: 1em 0;
    text-align: center;
}

.article-conversion-block ul {
    position: relative;
    margin: 0;
    border: solid #76a9dc;
    border-width: 1px 0;
}

.article-conversion-block ul li a {
    line-height: 2.5em;
}

.article-conversion-block .fd-list-content span:first-child {
    display: inline-block;
    width: 25%;
    padding: 0 1em;
    /*background: #76a9dc;*/
    color: #ffffff;
}

.article-conversion-block .fd-list-action {
    display: inline-block;
}

.article-conversion-block .fd-list-action span {
    display: inline-block;
}

/* ==================== Produkte zum Artikel ======================== */

.article-products .article-products-link {
    float: right;
    overflow: hidden;
    width: 200px;
    padding: 0 1em;
    border-left: 1px solid #f9f9f9;
}

.article-products ul.media-list li {
    padding: 1em 0;
    border-bottom: none;
}

.article-products ul.media-list li .btn.btn-primary .counter {
    padding-left: 0
}

/* ==================== RISIKO ======================== */

.article-warning {
    background: #f5f5f5;
    overflow: hidden;
}

.article-warning .risiko-block{
    font-size: .8em;
}

.article-scroll-wrapper {
    display: none;
    padding: 1em;
    position: fixed;
    right: 1em;
    bottom: 5%;
    width: 20%;
    background: #ffffff;
    background: rgba(255, 255, 255, .5);
    border: 1px solid #d1d1d1;
    z-index: 10000;
    font-size: .9em;
}

.article-scroll-wrapper .close {
    position: absolute;
    background: #3f3f3f;
    color: #ffffff;
    right: 0em;
    top: 0em;
    padding: 10px;
}

.article-scroll-wrapper .media {
    border-top: 1px solid #d1d1d1;
    margin: 0;
}

.article-scroll-wrapper .media:first-child {
    border: none;
}

.article-scroll-wrapper .media:hover {
    background: #efefef;
}

.article-scroll-wrapper .media .media-heading {
    position: relative;
    text-align: center;
    color: #a37e2b;
    font-size: 1em;
    text-transform: uppercase;
    margin: 1em 0;
}

.article-scroll-wrapper .media .media-heading:before {
    position: absolute;
    content: '';
    top: 2em;
    left: 37.5%;
    width: 25%;
    border-bottom: 3px double #a37e2b;
}

.article-scroll-wrapper .panel {
    margin: 0;
}

.article-scroll-wrapper .panel ul {
    margin: 0;
}

.article-scroll-wrapper .media p {
    padding: 1em;
    color: #3f3f3f;
}

#sidebar-newsletter a.btn {
    display: block;
}

#sidebar-newsletter a.btn i {
    padding: 0 10px;
}

#news-footer-block{
    padding: 1em;
    background: #efefef;
}

#news-footer-block .title-underline{
    border-bottom: 1px solid #f5f5f5;
}

/* =================================================================================== */
/* =============================== RESPONSIVE LAYOUT ================================= */
/* =================================================================================== */

.intro {
    background: #ffffff url('../images/groovepaper.png') repeat;
    padding: 1em;
    border-bottom: solid #FFFFFF;
    border-top: solid #a37e2b;
    border-width: 2px 0;
    /*margin: 0 0 1em 0;*/
    overflow: hidden;
}

.intro .intro-description {
    padding: 1em;
    font-weight: 700;
}

.lp-info-box .lp-header-group h2 {
    width: 80%;
    display: inline-block;
}

.lp-info-box .lp-header-group img {
    width: 20%;
    float: right;
}

.lp-description {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}

.lp-info-box {
    padding: 1em;
}

table i.fa-file-pdf-o {
    color: #dd4b39;
    font-size: 2em;
}

/* =================================speziell================================= */

#sidebar-festgeld-nav img {
    width: 100%;
}

.festgeld-boxen p{
    padding-right: 30%;
    font-weight: 600;
}

/* =============================== BOX ELEMENTE ============================= */
/* ========================== 3 spaltige Teaser Boxen ======================= */

.partner-wrapper {
    background: #ececec;
    margin: 1em 0;
    padding: 1em 0;
}

.partner-wrapper .list-group-horizontal {
    padding: 0;
    margin: 0;
}

.partner-wrapper .list-group-item img {
    text-align: center;
    margin: 0 auto;
}

#fonds-vl-fonds .partner-wrapper{
    background: transparent;
    margin: 0;
}

/* ================================== CONVERSION BLOCK ========================= */

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.conversion figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.conversion figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.conversion figure h2 span {
    font-weight: 800;
}

.conversion figure h2,
.conversion figure p {
    margin: 0;
}

.conversion figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
    font-weight: 600;
    font-style: italic;
}

/* ========================= ARTIKEL DRUCK ========================== */

#print-button {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0.5em;
    color: #fff;
    background: #76a9dc;
}

/* ===================================================================================== */
/* ============================== FESTGELD ============================================= */
/* ===================================================================================== */

#angebote_filter {
    display: none;
}

#angebote .zins {
    color: #336699;
    font-weight: bold;
    font-size: 1.8em;
}

/* ===================================================================================== */
/* ============================== Ausnahmen PHONE SIZE S =============================== */
/* ===================================================================================== */
@media (min-width: 320px) {

    .intro {
        position: relative;
        padding: 0;
    }

    .intro .media-left {
        position: absolute;
        height: 200px;
        padding: 0;
    }

    .intro .media-left img {
        height: 200px;
        width: 100%;
    }

    .intro .media-heading {
        margin: 0;
        padding: 1em 0;
        min-height: 200px;
        /*background: rgba(255,255,255,.75);*/
        text-shadow: 1px 1px 1px #d1d1d1;
    }

    .intro .media-heading small {
        font-size: .5em;
        margin: 1em 0;
    }

    #magazin-intro .publishing-date,
    #category-intro .publishing-date,
    #article-intro .publishing-date {
        position: absolute;
        font-size: .75em;
        z-index: 400;
    }

    .intro .lead {
        margin: 0;
        text-align: center;
    }

    .intro .art-author {
        top: 210px;
    }

    .article-products .fd-list-content {
        display: block;
        width: 100%;
        border: none;
    }

    .article-products .fd-list-action {
        display: none;
    }

    .copyright .list-group-horizontal {
        padding: 0;
    }

    .copyright .list-group-horizontal .list-group-item {
        font-size: .65em;
        padding: 10px 15px;
    }

}

/* ===================================================================================== */
/* ============================== Ausnahmen PHONE SIZE M =============================== */
/* ===================================================================================== */

@media (min-width: 375px) {

}

/* ===================================================================================== */
/* ============================== Ausnahmen PHONE SIZE L =============================== */
/* ===================================================================================== */

@media (min-width: 425px) {

    .intro {
        padding: 1em;
    }

    .intro .media-left img {
        position: absolute;
        left: 0;
        right: 0;
        min-width: 365px;
        height: 300px;
    }
}

/* ===================================================================================== */
/* ========================= Ausnahmen Größer als IPHONE =============================== */
/* ===================================================================================== */

@media (min-width: 768px) {

    .intro .media-left {
        position: relative;
        padding: 0;
    }

    .intro .media-left img {
        position: relative;
    }

    .intro .media-heading {
        min-height: 0;
    }

    .intro .lead {
        padding: 1em;
    }

    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .row-eq-height > [class^=col]:first-of-type {
        display: flex;
    }

}

@media (min-device-width: 1024px) {

    header .navbar-nav > li > a {
        padding: 15px 9px;
    }
}

/* ===================================================================================== */
/* ========================= Ausnahmen PORTRAIT-ANSICHT AUF DEN TABLETS ================ */
/* ===================================================================================== */

@media (max-width: 768px) {

    .article-products .media-heading {
        font-size: 16px;
    }

    .article-products .fd-list-content .counter {
        position: absolute;
        top: 10%;
        left: 0;
    }

    .article-products .fd-list-content .small {
        font-size: .75em;
        padding-left: 15%;
        overflow: hidden;
        display: block;
    }
}

/* ===================================================================================== */
/* ========================= Ausnahmen ALLE ANSICHTEN AUF DEN TABLETS ================== */
/* ===================================================================================== */

@media (min-device-width: 425px) and (max-device-width: 768px) and (orientation: landscape) {

}

/* ===================================================================================== */
/* =================== Ausnahmen LANDSCAPE-ANSICHT AUF DEN TABLETS - IPAD MINI ========= */
/* ===================================================================================== */

@media (min-device-width: 1024px) {
    #fonds-vl-fonds.mobile-container:before{
        background: #cacaca;
        bottom: 38%;
        content: '';
        left: -100px;
        position: absolute;
        right: -100px;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
        top: 23%;
        z-index: 0;
        display: block;
    }
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .article .thumbnail header.caption {
        min-height: 200px;
    }

    .category .thumbnail {
        min-height: 500px;
    }

    .article .thumbnail .description {
        height: 200px;
    }


}

/* ===================================================================================== */
/* ========================= Ausnahmen PORTRAIT-ANSICHT AUF DEN TABLETS ================ */
/* ===================================================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

}

.timeline {
    position: relative;
    list-style: none;
    color: #3f3f3f;
}

.timeline .timeline-item {
    padding-left: 0;
    padding-right: 30px;
}

.timeline .timeline-item.timeline-item-right,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
    padding-left: 30px;
    padding-right: 0;
}

.timeline .timeline-item .timeline-event {
    width: 100%;
}

.timeline:before {
    border-right-style: solid;
}

.timeline:before,
.timeline:after {
    content: " ";
    display: block;
}

.timeline:after {
    clear: both;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 100% !important;
    margin-left: 1px;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #76a9dc;
}

.timeline.timeline-single-column.timeline {
    width: 100%;
    max-width: 768px;
}

.timeline.timeline-single-column.timeline .timeline-item {
    padding-left: 72px;
    padding-right: 0;
}

.timeline.timeline-single-column.timeline .timeline-item.timeline-item-right,
.timeline.timeline-single-column.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
    padding-left: 72px;
    padding-right: 0;
}

.timeline.timeline-single-column.timeline .timeline-item .timeline-event {
    width: 100%;
}

.timeline.timeline-single-column.timeline:before {
    left: 42px;
    width: 0;
    margin-left: -1px;
}

.timeline.timeline-single-column.timeline .timeline-item {
    width: 100%;
    margin-bottom: 20px;
}

.timeline.timeline-single-column.timeline .timeline-item:nth-of-type(even) {
    margin-top: 0;
}

.timeline.timeline-single-column.timeline .timeline-item > .timeline-event {
    float: right !important;
}

.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:before,
.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
}

.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:before {
    left: -15px !important;
    border-right-width: 15px !important;
}

.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:after {
    left: -14px !important;
    border-right-width: 14px !important;
}

.timeline.timeline-single-column.timeline .timeline-item > .timeline-point {
    transform: translateX(-50%);
    left: 42px !important;
    margin-left: 0;
}

.timeline.timeline-single-column.timeline .timeline-label {
    transform: translateX(-50%);
    margin: 0 0 20px 42px;
}

.timeline.timeline-single-column.timeline .timeline-label + .timeline-item + .timeline-item {
    margin-top: 0;
}

.timeline.timeline-line-solid:before {
    border-right-style: solid;
}

.timeline.timeline-line-dotted:before {
    border-right-style: dotted;
}

.timeline.timeline-line-dashed:before {
    border-right-style: dashed;
}

.timeline .timeline-item {
    position: relative;
    float: left;
    clear: left;
    width: 50%;
    margin-bottom: 20px;
}

.timeline .timeline-item > .timeline-event .timeline-heading h4 {
    color: #337ab7;
    text-align: center;
    padding: 1em 0;
    font-weight: 700;
}

.timeline-body .list-group .list-group-item {
    padding: 5px 0 5px 2em;
}

.timeline-body .list-group .list-group-item span {
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
}

.timeline-body .list-group .list-group-item a {
    color: #337ab7;
}

.timeline-footer p {
    font-size: .75em;
}

.timeline .timeline-item:before,
.timeline .timeline-item:after {
    content: "";
    display: table;
}

.timeline .timeline-item:after {
    clear: both;
}

.timeline .timeline-item:last-child {
    margin-bottom: 0 !important;
}

.timeline .timeline-item.timeline-item-right > .timeline-event,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event {
    float: right !important;
}

.timeline .timeline-item.timeline-item-right > .timeline-event:before,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,
.timeline .timeline-item.timeline-item-right > .timeline-event:after,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
}

.timeline .timeline-item.timeline-item-right > .timeline-event:before,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {
    left: -15px !important;
    border-right-width: 15px !important;
}

.timeline .timeline-item.timeline-item-right > .timeline-event:after,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
    left: -14px !important;
    border-right-width: 14px !important;
}

.timeline .timeline-item > .timeline-event:before {
    top: 10px;
    right: -15px;
    border-top: 15px solid transparent;
    border-left-width: 15px;
    border-left-style: solid;
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 15px solid transparent;
}

.timeline .timeline-item > .timeline-event:after {
    top: 11px;
    right: -14px;
    border-top: 14px solid transparent;
    border-left-width: 14px;
    border-left-style: solid;
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 14px solid transparent;
}

.timeline .timeline-item > .timeline-point {
    top: 25px;
}

.timeline-single-column.timeline .timeline-item > .timeline-event {
    float: right !important;
}

.timeline-single-column.timeline .timeline-item > .timeline-event:before,
.timeline-single-column.timeline .timeline-item > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
}

.timeline-single-column.timeline .timeline-item > .timeline-event:before {
    left: -15px !important;
    border-right-width: 15px !important;
}

.timeline-single-column.timeline .timeline-item > .timeline-event:after {
    left: -14px !important;
    border-right-width: 14px !important;
}

.timeline .timeline-item:nth-of-type(2) {
    margin-top: 40px;
}

.timeline .timeline-item.timeline-item-left,
.timeline .timeline-item.timeline-item-right {
    clear: both !important;
}

.timeline .timeline-item.timeline-item-right,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
    float: right;
    clear: right;
}

.timeline .timeline-item.timeline-item-right > .timeline-point,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-point {
    left: -24px;
}

.timeline .timeline-item.timeline-item-right > .timeline-point.timeline-point-blank,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-point.timeline-point-blank {
    left: -12px;
}

.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event,
.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event {
    float: right !important;
}

.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
}

.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {
    left: -10px !important;
    border-right-width: 10px !important;
}

.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
    left: -9px !important;
    border-right-width: 9px !important;
}

.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:before {
    top: 4px;
    right: -10px;
    border-top: 10px solid transparent;
    border-left-width: 10px;
    border-left-style: solid;
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 10px solid transparent;
}

.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:after {
    top: 5px;
    right: -9px;
    border-top: 9px solid transparent;
    border-left-width: 9px;
    border-left-style: solid;
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 9px solid transparent;
}

.timeline .timeline-item.timeline-item-arrow-sm > .timeline-point {
    top: 14px;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event {
    float: right !important;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:before,
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:before {
    left: -10px !important;
    border-right-width: 10px !important;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:after {
    left: -9px !important;
    border-right-width: 9px !important;
}

.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event,
.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event {
    float: right !important;
}

.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
}

.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {
    left: -15px !important;
    border-right-width: 15px !important;
}

.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
    left: -14px !important;
    border-right-width: 14px !important;
}

.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:before {
    top: 10px;
    right: -15px;
    border-top: 15px solid transparent;
    border-left-width: 15px;
    border-left-style: solid;
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 15px solid transparent;
}

.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:after {
    top: 11px;
    right: -14px;
    border-top: 14px solid transparent;
    border-left-width: 14px;
    border-left-style: solid;
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 14px solid transparent;
}

.timeline .timeline-item.timeline-item-arrow-md > .timeline-point {
    top: 25px;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event {
    float: right !important;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:before,
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:before {
    left: -15px !important;
    border-right-width: 15px !important;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:after {
    left: -14px !important;
    border-right-width: 14px !important;
}

.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event,
.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event {
    float: right !important;
}

.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
}

.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {
    left: -18px !important;
    border-right-width: 18px !important;
}

.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
    left: -17px !important;
    border-right-width: 17px !important;
}

.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:before {
    top: 10px;
    right: -18px;
    border-top: 18px solid transparent;
    border-left-width: 18px;
    border-left-style: solid;
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 18px solid transparent;
}

.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:after {
    top: 11px;
    right: -17px;
    border-top: 17px solid transparent;
    border-left-width: 17px;
    border-left-style: solid;
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 17px solid transparent;
}

.timeline .timeline-item.timeline-item-arrow-lg > .timeline-point {
    top: 28px;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event {
    float: right !important;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:before,
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:before {
    left: -18px !important;
    border-right-width: 18px !important;
}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:after {
    left: -17px !important;
    border-right-width: 17px !important;
}

.timeline .timeline-item > .timeline-event {
    background: #fff;
    border: 1px solid #337ab7;
    position: relative;
    float: left;
}

.timeline .timeline-item > .timeline-event:before {
    border-left-color: #337ab7;
    border-right-color: #337ab7;
}

.timeline .timeline-item > .timeline-event:after {
    border-left-color: #fff;
    border-right-color: #fff;
}

.timeline .timeline-item > .timeline-event * {
    color: inherit;
}

.timeline .timeline-item > .timeline-event:before,
.timeline .timeline-item > .timeline-event:after {
    content: "";
    display: inline-block;
    position: absolute;
}

.timeline .timeline-item > .timeline-event .timeline-heading,
.timeline .timeline-item > .timeline-event .timeline-body,
.timeline .timeline-item > .timeline-event .timeline-footer {
    padding: 4px 10px;
}

.timeline .timeline-item > .timeline-event .timeline-heading p,
.timeline .timeline-item > .timeline-event .timeline-body p,
.timeline .timeline-item > .timeline-event .timeline-footer p,
.timeline .timeline-item > .timeline-event .timeline-heading ul,
.timeline .timeline-item > .timeline-event .timeline-body ul,
.timeline .timeline-item > .timeline-event .timeline-footer ul {
    margin-bottom: 0;
}

.timeline .timeline-item > .timeline-event .timeline-heading h4 {
    font-weight: 700;
}

.timeline .timeline-item > .timeline-event .timeline-footer a {
    cursor: pointer;
    text-decoration: none;
}

.timeline .timeline-item > .timeline-event .panel,
.timeline .timeline-item > .timeline-event .table,
.timeline .timeline-item > .timeline-event .blankslate {
    margin: 0;
    border: none;
    border-radius: inherit;
    overflow: hidden;
}

.timeline .timeline-item > .timeline-event .table th {
    border-top: 0;
}

.timeline .timeline-item > .timeline-point {
    background: transparent;
    right: -24px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: 9px;
    margin-right: 15px;
    position: absolute;
    z-index: 100;
    line-height: 20px;
    text-align: center;
}

.timeline .timeline-item > .timeline-point i {
    color: #337ab7;
    font-size: 2em;
    text-shadow: none;
}

.timeline .timeline-item > .timeline-point.timeline-point-blank {
    right: -12px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: 6px;
    margin-right: 6px;
    color: #888888;
    background: #888888;
}

.timeline .timeline-label {
    position: relative;
    float: left;
    clear: left;
    width: 50%;
    margin-bottom: 20px;
    top: 1px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: center;
}

.timeline .timeline-label:before,
.timeline .timeline-label:after {
    content: "";
    display: table;
}

.timeline .timeline-label:after {
    clear: both;
}

.timeline .timeline-label:last-child {
    margin-bottom: 0 !important;
}

.timeline .timeline-label + .timeline-item {
    margin-top: 0;
}

.timeline .timeline-label + .timeline-item + .timeline-item {
    margin-top: 40px;
}

@media (max-width: 768px) {
    .timeline.timeline {
        width: 100%;
        max-width: 100%;
    }

    .timeline.timeline .timeline-item {
        padding-left: 72px;
        padding-right: 0;
    }

    .timeline.timeline .timeline-item.timeline-item-right,
    .timeline.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
        padding-left: 72px;
        padding-right: 0;
    }

    .timeline.timeline .timeline-item .timeline-event {
        width: 100%;
    }

    .timeline.timeline:before {
        left: 42px;
        width: 0;
        margin-left: -1px;
    }

    .timeline.timeline .timeline-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .timeline.timeline .timeline-item:nth-of-type(even) {
        margin-top: 0;
    }

    .timeline.timeline .timeline-item > .timeline-event {
        float: right !important;
    }

    .timeline.timeline .timeline-item > .timeline-event:before,
    .timeline.timeline .timeline-item > .timeline-event:after {
        right: auto !important;
        border-left-width: 0 !important;
    }

    .timeline.timeline .timeline-item > .timeline-event:before {
        left: -16px !important;
        border-right-width: 15px !important;
    }

    .timeline.timeline .timeline-item > .timeline-event:after {
        left: -14px !important;
        border-right-width: 14px !important;
    }

    .timeline.timeline .timeline-item > .timeline-point {
        transform: translateX(-50%);
        left: 38px !important;
        margin-left: 0;
    }

    .timeline.timeline .timeline-label {
        transform: translateX(-50%);
        margin: 0 0 20px 42px;
    }

    .timeline.timeline .timeline-label + .timeline-item + .timeline-item {
        margin-top: 0;
    }
}

.management blockquote {
    border-left: 0;
}

.mb-style-1,
.mb-style-2 {
    background: #336699 repeat top left;
    padding-top: 100px;
    color: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    border-top: 10px solid rgb(118, 169, 220);
}

.mb-style-1 .mb-thumb,
.mb-style-2 .mb-thumb {
    display: block;
    border: 10px solid #337ab7;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: -90px;
    margin: 0 0 0 -90px;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6);
}

.mb-style-1 blockquote:before,
.mb-style-1 blockquote:after,
.mb-style-2 blockquote:before,
.mb-style-2 blockquote:after {
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 30px;
    top: 100px;
    color: #242526;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.mb-style-1 blockquote:before,
.mb-style-2 blockquote:before {
    content: '\f10e';
}

.mb-style-1 blockquote:after,
.mb-style-2 blockquote:after {
    right: 35px;
    content: '\f10d';
    top: 65%;
}

.mb-style-1 blockquote p,
.mb-style-2 blockquote p {
    font-family: Cambria, Georgia, serif;
    font-style: italic;
    font-size: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 10px 10px 20px 10px;
    text-align: center;
    margin: 0 0 20px 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    min-height: 300px;
}

.mb-style-1 .mb-attribution,
.mb-style-2 .mb-attribution {
    text-align: right;
    padding: 1em;
}

.mb-style-1 .mb-author,
.mb-style-2 .mb-author {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #1b1c1d;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.mb-style-1 cite a,
.mb-style-2 cite a {
    color: #f0f0f0;
    font-style: italic;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7)
}

.mb-style-1 cite a:hover,
.mb-style-2 cite a:hover {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9)
}

/* ========================================= Allgemeine Firmenseiten - AGB etc ====================================== */
/* ================================================================================================================== */
dl.classic-blue {

}
dl.classic-blue > dt {
    font-size: 1.2em;
    color: #3f3f3f;
    margin-bottom: .5em;
}
dl.classic-blue > dd {

}
dl.classic-blue dd > span {
    margin-right: 5px;
    color: #3f3f3f;
    font-weight: 500;
}
.autotext h2 {
    font-size: 1.6em;
    color: #3f3f3f;
}
/* ============================================ OWL SLIDER ========================================================== */
/* ================================================================================================================== */
#slider-carousel.owl-theme .owl-dots {
    /*-moz-box-shadow: inset 0 -5px 5px -5px rgba(0,0,0,0.1);*/
    /*-webkit-box-shadow: inset 0 -5px 5px -5px rgba(0,0,0,0.1);*/
    /*box-shadow: inset 0 -5px 5px -5px rgba(0,0,0,0.1);*/

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 1 1 14px;
    justify-content: stretch;
}

#slider-carousel.owl-theme .owl-dots .owl-dot {
    border-radius: 0;
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    border-left: 1px solid rgba(214, 214, 214, .9);
}

#slider-carousel.owl-theme .owl-dots .owl-dot:first-child {
    border-left: none;
}

#slider-carousel.owl-theme .owl-dots .owl-dot span {
    border-radius: 0;
    width: auto;
    display: flex;
    flex-direction: column;
    flex: 1 1 14px;
    margin: 0;
}

#slider-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 10;
}

#slider-carousel.owl-theme .owl-dots .owl-dot.active span {
    background: rgba(118, 169, 220, 0.9);
}

#slider-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: rgba(118, 169, 220, 0.95);
}

#home-magazin-slider.owl-theme .owl-nav.disabled + .owl-dots {
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute;
    /*text-align: center;*/
    text-align: right;
    z-index: 10;
}

#home-magazin-slider.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    background: rgba(134, 151, 145, 0.9);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

#home-magazin-slider.owl-theme .owl-dots .owl-dot.active span,
#home-magazin-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: rgba(249, 249, 249, 0.9);
}

#slider-carousel .owl-text-wrapper {
    color: #ffffff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.67);
}

#slider-carousel .owl-text-wrapper p,
#home-magazin-slider .owl-text-wrapper p {
    background: transparent;
    color: #f5f5f5;
}

#slider-carousel.owl-carousel.owl-loaded,
#home-magazin-slider.owl-carousel.owl-loaded {
    background: #ececec;
}

#slider-carousel.owl-carousel .owl-item .title-image {
    min-height: 180px;
    max-height: 180px;
    width: auto;
    min-width: 100%;
}

#home-magazin-slider.owl-carousel .owl-item .title-image {
    min-height: 100px;
}

#slider-carousel.owl-carousel.owl-drag .owl-item,
#home-magazin-slider.owl-carousel.owl-drag .owl-item {
    max-height: 350px;
    max-width: 100%;
    overflow: hidden;
}

#slider-carousel .owl-item .item .slider-magazin-logo {
    position: absolute;
    top: 10px;
    right: 0;
}

.owl-item .item .slider-magazin-logo > .img-responsive {
    max-height: 35px;
    width: auto;
}

#slider-carousel .owl-text-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 1em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.67);
    background: #2e2e2e;
    background: rgba(0, 0, 0, 0.5);
}

#home-magazin-slider .owl-text-wrapper {
    position: absolute;
    width: 80%;
    left: 5%;
    top: 5%;
    bottom: 5%;
    padding: 1.5em;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.67);
    background: #2e2e2e;
    background: rgba(0, 0, 0, 0.5);
}

#slider-carousel .owl-text-wrapper h2 {
    font-size: 1em;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.67);
}

#home-magazin-slider .owl-text-wrapper h2 {
    color: #fff;
    font-size: 1em;
}

#slider-carousel .owl-text-wrapper p,
#home-magazin-slider .owl-text-wrapper p {
    color: #f5f5f5;
    font-size: .9em;
}

.owl-carousel .btn-gold,
.owl-carousel .btn-gold:visited {
    font-weight: 400;
    color: #fff;
    background: #B2A177;
    text-shadow: none;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #B2A177;
}

.owl-carousel .btn-gold:hover {
    background: #a37e2b;
}

@media (min-width: 768px) {

    #slider-carousel.owl-carousel .owl-item .title-image {
        max-height: 250px;
    }

    #slider-carousel .owl-text-wrapper {
        width: 70%;
        left: 2%;
        top: 5%;
        right: auto;
        bottom: auto;
        padding: 1.5em;
    }

    #slider-carousel .owl-item .item .slider-magazin-logo {
        right: 10px;
    }

    #slider-carousel .owl-text-wrapper h2,
    #home-magazin-slider .owl-text-wrapper h2 {
        font-size: 1.5em;
    }

    #slider-carousel .owl-text-wrapper p,
    #home-magazin-slider .owl-text-wrapper p {
        font-size: 1em;
    }
}

@media (min-width: 992px) {

    #slider-carousel .owl-text-wrapper {
        width: 70%;
        left: 3%;
        top: 5%;
        right: auto;
        bottom: auto;
        padding: 1.5em;
    }

    #slider-carousel .owl-text-wrapper h2 {
        font-size: 2em;
    }

}

@media (min-width: 1200px) {
    #slider-carousel .owl-text-wrapper {
        width: 50%;
        left: 2%;
        top: 5%;
    }
}

/* ================================================================================================================== */
/* ======================================================== FORMS =================================================== */
/* ================================================================================================================== */
#global-stats {
    position: relative;
    background: #fff;
    border: 1px;
    border-style: solid;
    border-color: #ececec;
    margin-top: -1em;
}

#global-stats .box {
    border-right: 1px solid #ececec;
    padding-top: 20px;
    padding-bottom: 20px;
}

#global-stats .box:first-child,
#global-stats .box:nth-child(2) {
    border-bottom: 1px solid #ececec;
}

#global-stats .box:last-child {
    border-right: 0;
}

#global-stats .box > .flex-col {
    flex-base: 50%;
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
}

#global-stats .box > .flex-col:first-child {
    font-weight: 900;
    color: #3f3f3f;
    font-size: 1.4em;
    padding-bottom: 5px;
}

#global-stats .box > .flex-col:last-child {
    font-weight: 600;
    color: #B2A177;
    font-size: 1em;
}

@media (min-width: 768px) {
    #global-stats {
        margin-top: -50px;
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .1);
    }

    #global-stats .box {
        border-bottom: 0 !important;
    }
}

/* ================================================================================================================== */
/* ======================================================== FORMS =================================================== */
/* ================================================================================================================== */

/* ==================================================== FORM VALIDATION ============================================= */

.form-control-feedback {
    right: 10px;
}

#list-view {
    display: none;
}

#grid-view {
    display: block;
}

.list-grid-filter > span {
    display: inline-block;
}

/* ================================================================================================================== */
/* =================================================== Messages from Forms ========================================== */
/* ================================================================================================================== */

#send-success-wrapper,
#send-fails-wrapper {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #48A43F;
    text-align: center;
    line-height: 2.5;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px #2e2e2e;
    -moz-box-shadow: 0 0 5px #2e2e2e;
    box-shadow: 0 0 5px #2e2e2e;
}

#send-fails-wrapper {
    background: #843534;
    color: #ffffff;
}

.cssanimations.csstransforms #close-message-wrapper {
    display: none;
}

/* ================================================================================================================== */
/* =================================================== Animations =================================================== */
/* ================================================================================================================== */

@-webkit-keyframes slideDownSuccessWrapper {
    0%, 100% {
        -webkit-transform: translateY(-50px);
    }
    10%, 90% {
        -webkit-transform: translateY(0px);
    }
}

@-moz-keyframes slideDownSuccessWrapper {
    0%, 100% {
        -moz-transform: translateY(-50px);
    }
    10%, 90% {
        -moz-transform: translateY(0px);
    }
}

/* ================================================================================================================== */
/* =================================================== Listen ======================================================= */
/* ================================================================================================================== */

.list-group.numbered {
    counter-reset: li;
}

ol.rectangle-list,
ul.rectangle-list {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
}

/* item  */
ol.rectangle-list > li,
ul.rectangle-list > li {
    position: relative;
    list-style: none; /* Disable the normal item numbering */
}

/* item hover */
.rectangle-list p {
    display: block;
    padding: .4em .4em .4em .8em;
    margin: .5em 0 .5em 2.5em;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

/* item hover */
.rectangle-list p:hover {
    background: rgb(230, 240, 247);
}

/* number  */
.rectangle-list p:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -.5em;
    top: 50%;
    margin-top: -1em;
    background: #3f3f3f;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
}

/* number hover */
.rectangle-list p:after {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -.5em;
    content: '';
    border: .5em solid transparent;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.rectangle-list p:hover:after {
    left: 1.5em;
    border-left-color: #3f3f3f;
}

.rectangle-list .list-group.check,
.list-group.pdf-list {
    padding: 1em 2em;
}

ol.rectangle-list .list-group-item,
ul.rectangle-list .list-group-item {
    padding: 2px 5px;
}

.list-group.check .list-group-item,
.list-group.pdf-list .list-group-item {
    position: relative;
    padding-left: 2em;
}

.list-group.check > li:before {
    position: absolute;
    left: -0.5em;
    top: 50%;
    margin-top: -.5em;
    font-family: FontAwesome;
    content: '\f00c';
    color: #337ab7;
    list-style: outside;
    line-height: 100%;
    padding: 0 1em;
}

.list-group.pdf-list > li:before {
    position: absolute;
    left: -0.5em;
    top: 50%;
    margin-top: -.5em;
    font-family: FontAwesome;
    content: '\f1c1';
    color: #dd4b39;
    list-style: outside;
    line-height: 100%;
    padding: 0 1em;
}

/* ================================================================================================================== */
/* =================================================== Listen ======================================================= */
/* ================================================================================================================== */

.modal .modal-header,
.modal .modal-footer {
    background-color: #3f3f3f;
    background-image: -webkit-linear-gradient(top, #696969 0%, #3f3f3f 100%);
    background-image: -moz-linear-gradient(top, #696969 0%, #3f3f3f 100%);
    background-image: -o-linear-gradient(top, #696969 0%, #3f3f3f 100%);
    background-image: linear-gradient(top, #696969 0%, #3f3f3f 100%);
}

.modal .modal-header {
    border: none;
}

.modal .modal-body {
    padding: 0 1em 1em 1em;
}

.modal .modal-body .panel {
    border-top: 0;
}

.modal .modal-logo {
    width: 150px;
}

.modal .modal-title {
    color: #FFFFFF;
}

.modal .btn-modal {
    position: absolute;
    right: 0;
    top: 50px;
    background: #eeeeee;
}

.modal .address-box {
    background: #eeeeee;
    text-align: center;
}

.contact-us-widget.inline .btn:last-child {
    border-right: 0;
}

.contact-us-image-form {
    background: url('../images/streifen_lighter.svg') no-repeat center center;
    background-size: cover;
}
.contact-us-image-form.newsletter-image{
    background: url('../images/service/newsletter.jpg') no-repeat center center;
}


    /* PLatzierte Fonds - Kurz vor Schliessung */

#portrait-beteiligungen .placement-intro {
    position: absolute;
    top: 0;
    /*width: 20%;*/
    left: 0;
    background: transparent;
}

#portrait-beteiligungen .box.green {
    border-left: 5px solid rgb(41, 113, 63);
    border-left: 5px solid rgba(41, 113, 63, .75);
}

#portrait-beteiligungen .box.red {
    border-top: 5px solid rgb(118, 28, 25);
    border-top: 5px solid rgba(118, 28, 25, .75);
}

#portrait-beteiligungen .placement-intro .green {
    background: rgb(41, 113, 63);
    background: rgba(41, 113, 63, .75);
}

#portrait-beteiligungen .placement-intro .red {
    background: #761c19;
    background: rgba(118, 28, 25, .75);
}

#portrait-beteiligungen .placement-intro .yellow {
    background: #a37e2b;
}

#portrait-beteiligungen .placement-intro span {
    display: block;
    padding: 0.4em 1em;
    text-align: center;
    color: #fff;
}

#portrait-beteiligungen .news-box .news-title {
    font-weight: 600;
}

#portrait-beteiligungen #strategie ul {
    padding-left: 1.5em;
}

#beteiligungen-emittenten-portrait .intro {
    padding: 3em 0 1em 0;
}

.emittenten-slider {
    position: relative;
    background: #337ab7;
    text-align: center;
    padding: 0;
    margin-bottom: .5em;
}

.emittenten-slider ul {
    padding: 0;
    margin: 0;
    height: 38px;
}

.emittenten-slider ul li {
    width: 33.33%;
    border-left: 1px solid #fff;
    padding: 10px 0;
    background-color: transparent;
    transition: all .25s;
}

.emittenten-slider ul li:first-child {
    border-left: none;
}

.emittenten-slider ul li:hover {
    background: #337ab7;
}

.emittenten-slider ul li a {
    color: #fff;
    width: 100%;
    padding: 0 .5em;
    display: block;
    font-size: 0.9em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    direction: ltr;
}

.emittenten-slider ul li a i {
    padding: 0 1em;
}

/* */

#kundenfavoriten .media {
    background: #f5f5f5;
    padding: 1em 0;
    border: solid #a37e2b;
    border-width: 1px 0;
}

#kundenfavoriten .media .media-heading {
    color: #a37e2b;
    text-align: center;
    font-weight: bold;
    padding: .5em 0;
    border-bottom: 1px solid #a37e2b;
    margin: 0.5em 2em;
}

/* Beteiligungen INDEX */

.media-list {
    overflow: hidden;
}

.media-list .media-body {
    position: relative;
}

.media-list .media-body label {
    display: block;
    text-align: center;
    padding: 5px 10px;
    margin: 0;
    background: #a37e2b;
    color: #FFFFFF;
}

.media-list .media-body p {
    padding: 0 1em;
    color: #818181;
    font-size: 13px;
    font-weight: 500;
}
.top6 .media-list .media-body p {
    padding: 0em;
    margin-bottom: 0em;
}

.media-list .media-body label.category-label {
    background: #337ab7;
    color: #FFFFFF;
}

.media-list .media-body label.category-label a {
    color: #FFFFFF;
}

.media-list .media-body .media-heading {
    padding: 1em 0.5em;
    text-align: center;
    color: #a37e2b;
    font-size: 1.5em;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #f5f5f5;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.top6-info {
    margin-bottom: 20px;
}
@media (min-device-width: 1024px) {
    .top6-info p {
        font-size: 13px;
    }
    .top6-info p:last-child {
        margin-bottom: 0px;
    }
}
.top6 .media-list .media-body .media-heading {
    padding: 0.6em 0em;
    text-align: left;
    font-size: 1.2em;
}
.top6.small-block .media-list .media-body .media-heading {
    padding: 0.4em 0em 0.05em;
    text-align: left;
    font-size: 1em;
    white-space: normal;
    border-bottom: 0;
    display: table-caption;
}
.top6.small-block .media-list .media-footer {
    font-size: 13px;
    color: #818181;
    padding-top: 0.2em;
    margin-top: 0.4em;
    border-top: 1px solid #f5f5f5;
}
.box-style .top6.small-block .box {
    padding: 0.5em;
    border: 2px solid #fff;
    box-sizing: border-box;
}
.top6.small-block .media-left,
.top6.small-block .media>.pull-left {
    padding-right: 5px;
}

#beteiligungen-neue ul.list-group .list-group-item {
    background: #ececec;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #d4d4d4;
}

.teaserbox {
    text-align: center;
    padding: 1em;
    min-height: 180px;
    background-image: url('../images/groovepaper.png');
}

.teaserbox h1,
.teaserbox h2,
.teaserbox h3,
.teaserbox h4 {
    display: block;
    text-overflow: ellipsis;
    text-transform: uppercase;
    padding: 0 0 0.2em;
    color: #336699;
    font-size: 15px;
    font-weight: 700;
}

.teaserbox p {
    border-top: 1px solid #efefef;
    overflow: hidden;
    color: #818181;
    font-size: 13px;
    font-weight: 500;
}

.teaserbox a.btn {
    position: absolute;
    width: auto;
    bottom: 0;
    left: 1em;
    right: 1em;
}

span.divider {
    position: absolute;
    top: 45%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

figure.effect-fd-image {
    background: -webkit-linear-gradient(-45deg, #337ab7 0%, #3f3f3f 100%);
    background: linear-gradient(-45deg, #337ab7 0%, #3f3f3f 100%);
}

figure.effect-fd-image img {
    width: 500px;
    height: 500px;
    max-width: 100%;
    max-height: 100%;
    opacity: 0.9;
}

figure.effect-fd-image figcaption::after,
figure.effect-fd-image img,
figure.effect-fd-image p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-fd-image figcaption::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 2px solid #337ab7;
    border-bottom: 2px solid #337ab7;
    content: '';
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

figure.effect-fd-image h2,
figure.effect-fd-image p {
    background: #FFFFFF;
    background: rgba(255, 255, 255, .75);
    padding: 1em;
}

figure.effect-fd-image h2 {
    padding: 10%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    color: #a37e2b;
}

figure.effect-fd-image p {
    background: #ffffff;
    background: rgba(255, 255, 255, .75);
    padding: 0.5em 2em;
    text-transform: none;
    font-size: 0.85em;
}

figure.effect-fd-image:hover img {
    opacity: 0.7;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

figure.effect-fd-image:hover figcaption::after {
    opacity: 1;
}

/*********************************************** HOMEPAGE *************************************************************/

@-webkit-keyframes slide-animation {
    0% {
        opacity: 0;
    }
    2% {
        opacity: 1;
    }
    20% {
        left: 0%;
        opacity: 1;
    }
    22.5% {
        opacity: 0.6;
    }
    25% {
        left: -100%;
        opacity: 1;
    }
    45% {
        left: -100%;
        opacity: 1;
    }
    47.5% {
        opacity: 0.6;
    }
    50% {
        left: -200%;
        opacity: 1;
    }
    70% {
        left: -200%;
        opacity: 1;
    }
    72.5% {
        opacity: 0.6;
    }
    75% {
        left: -300%;
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    98% {
        left: -300%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

#home-news-slider ul {
    -webkit-animation: slide-animation 15s infinite;
}

/* use to paused the content on mouse over */

#home-news-slider ul:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

/*.home-box {
    position: relative;
    background: #ffffff url('../images/groovepaper.png') repeat;
    margin: 0;
    padding: 1em 0 50px 0; /!* für das ausrichten der sub-list *!/
    border-radius: 0;
    border: 4px solid #FFFFFF;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.home-box h2 {
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px 2px 3px #bbb;
    color: #3f3f3f;
}

/!* FD Kachel *!/
.home-box.fd {
    border: 4px solid #FFFFFF;
}

.home-box.fd .fd-stars {
    padding-top: 2em;
    text-align: center;
}

.home-box.fd .fd-stars i {
    color: #76a9dc;
    padding: 1em .5em 0 .5em;
    text-shadow: 0px 2px 3px #FFFFFF;
}

.home-box.fd .fd-name {
    color: #a37e2b;
    font-weight: 700;
    font-size: 2em;
    text-transform: none;
    letter-spacing: -2px;
    padding: 10% 0 0 0;
}

.home-box.fd .fd-claim {
    text-align: center;
    padding: 1em 0;
    color: #3f3f3f;
    text-shadow: 0px 2px 3px #FFFFFF;
}

.home-box.fd .fd-since {
    text-align: center;
    text-shadow: 0px 2px 3px #FFFFFF;
}

.home-box.fd .fd-since:before,
.home-box.fd .fd-since:after {
    content: "\f068";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: relative;
    font-size: 16px;
    margin: 0 10px;
    top: 2px;
}

.home-box .home-box-content {
    padding: 1em;
    color: #333333;
    text-align: center;

}

.home-box .home-box-content p {
    font-weight: 700;
}

.home-box.slider {
    padding: 0;
}

.home-box .award-topseller {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20% 1em;
    color: #3f3f3f;
}

.home-box.award .fd-stars {
    padding-top: 2em;
    text-align: center;
}

.home-box.award .fd-stars i {
    color: #a37e2b;
    padding: 1em .5em 0 .5em;
    text-shadow: 0px 2px 3px #ffffff;
}

.home-box .award-topseller h2 {
    font-weight: 700;
    font-size: 2em;
    text-transform: none;
    letter-spacing: -2px;
    padding: 10% 0 0 0;
    color: #a37e2b;
    text-shadow: 0px 2px 3px #ffffff;
}*/



#more-links .more-links-box {
    background: #ffffff url('../images/groovepaper.png') repeat;
    border: 4px solid #FFFFFF;
}

#more-links .more-links-box h2 {
    padding: 1em 0;
    text-align: center;
    font-size: 1em;
}

#more-links .more-links-box p {
    text-align: center;
    color: #337ab7;
    font-weight: 700;
}

#more-links .more-links-box a {
    text-indent: -10000%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* ========================================================= Zweitmarkt ============================================= */

.nav-tabs.nav-justified > li {
    background: #336699;
    color: #FFFFFF;
}

.nav-tabs.nav-justified > li > a {
    border-radius: 0;
    color: #FFFFFF;
}

.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > li > a:focus {
    outline: none;
    border-color: transparent;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
    background: #76a9dc;
    color: #FFFFFF;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #76a9dc;
    color: #FFFFFF;
}

/* ================================================== FONDS ========================================================= */

.pullToMdIcon{
    width:40px;
    height:40px;
    position: absolute;
    left: 50%;
    top: 70%;
    bottom: 0;
}
.pullToMdIconOverlay{
    height:300px;
    width:100%;
}


#fonds-topseller .list-group li {
    border: solid #FFFFFF;
    border-width: 1px 0;
}

#fonds-topseller .list-group .list-group-item.special {
    background: rgba(235, 235, 235, .8);
    border: solid #FFFFFF;
    border-width: 1px 0;
}

#fonds-topseller .list-group .list-group-item.special i {
    color: #337ab7;
    padding: 0 .5em;
}

a.btn.fonds-search {
    display: block;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    font-size: 2em;
}

/* TOPSELLER */

table#topseller-nach-neukaeufen.ranking-table tbody tr td,
table#topseller-nach-volumen.ranking-table tbody tr td,
table#topseller-nach-anleger.ranking-table tbody tr td,
table#neu-aufsteiger.ranking-table tbody tr td,
table#neu-einsteiger.ranking-table tbody tr td {
    vertical-align: middle;
}

table#topseller-nach-neukaeufen.ranking-table tbody tr td.rank,
table#topseller-nach-volumen.ranking-table tbody tr td.rank,
table#topseller-nach-anleger.ranking-table tbody tr td.rank,
table#neu-aufsteiger.ranking-table tbody tr td.rank,
table#neu-einsteiger.ranking-table tbody tr td.rank {
    width: 75px;
    text-align: center;
    background: url('../images/award-symbol.svg') no-repeat center center;
    background-size: 50px;
}

table#topseller-nach-neukaeufen.ranking-table tbody tr td.rank .rank-pos,
table#topseller-nach-volumen.ranking-table tbody tr td.rank .rank-pos,
table#topseller-nach-anleger.ranking-table tbody tr td.rank .rank-pos,
table#neu-aufsteiger.ranking-table tbody tr td.rank .rank-pos,
table#neu-einsteiger.ranking-table tbody tr td.rank .rank-pos {
    font-size: 1.5em;
    font-weight: 700;
    vertical-align: middle;
}

table#neu-aufsteiger.ranking-table tbody tr td p:first-child,
table#neu-einsteiger.ranking-table tbody tr td p:first-child {
    font-weight: 700;
}

table#neu-aufsteiger.ranking-table tbody tr td.rank,
table#neu-einsteiger.ranking-table tbody tr td.rank {
    border-right: 1px solid #ddd;
}

table.ranking-table td p.text-ellipsis {
    position: relative;
}

table.ranking-table td p.text-ellipsis span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    right: 0;
}

table.ranking-table td p.text-ellipsis:before {
    content: '';
    display: inline-block;
}

table.ranking-table p a {
    font-weight: 700;
}

table.ranking-table p small {
    display: block;
    font-weight: 700;
}

.ranking-table p.arrow i.fa-caret-down {
    font-size: 1.5em;
    color: #E9232A;
    color: rgb(233, 35, 42);
}

.ranking-table p.arrow i.fa-caret-up {
    font-size: 1.5em;
    color: #29713F;
    color: rgb(41, 113, 63);
}

.ranking-table p.arrow i.fa-minus {
    color: #76a9dc;
}

#topseller .intro .media-right,
#topfonds .intro .media-right,
#fondssuche-filtern .intro .media-right {
    width: 20%;
}

#icon {
    width: 200px;
    height: 235px;
    background-image: -webkit-linear-gradient(top, #3f3f3f 0%, #696969 100%);
    background-image: -moz-linear-gradient(top, #3f3f3f 0%, #696969 100%);
    background-image: -o-linear-gradient(top, #3f3f3f 0%, #696969 100%);
    background-image: linear-gradient(top, #3f3f3f 0%, #696969 100%);
    padding: 1em;
    border-radius: 0;
    border: 4px solid #FFFFFF;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    text-align: center;
    overflow: hidden;
}

#icon img {
    display: block;
    width: 100%;
    height: 100%;
}

#icon p {
    color: #FFFFFF;
    padding: 0.5em 0;
}

#icon p i {
    color: #FFFFFF;
    text-shadow: 0px 1px 1px #000;
}

#icon p i:nth-child(3) {
    color: #a37e2b;
    font-size: 2em;
}

#icon p span {
    display: block;
    padding: 1em 0;
    margin: 0.5em 0;
    font-style: italic;
    border: solid #a37e2b;
    border-width: 1px 0;
}

.filter-wrapper .trenner {
    z-index: -1;
    height: 70px;
    left: -100%;
    right: -100%;
    position: absolute;
    margin: 0px;
    padding: 1em 0;
    background: #bababa;
    background: -moz-linear-gradient(top, #bababa 0%, #dfdfdf 7%, #f7f7f7 51%, #ffffff 95%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bababa), color-stop(7%, #dfdfdf), color-stop(51%, #f7f7f7), color-stop(95%, #ffffff));
    background: -webkit-linear-gradient(top, #bababa 0%, #dfdfdf 7%, #f7f7f7 51%, #ffffff 95%);
    background: -o-linear-gradient(top, #bababa 0%, #dfdfdf 7%, #f7f7f7 51%, #ffffff 95%);
    background: -ms-linear-gradient(top, #bababa 0%, #dfdfdf 7%, #f7f7f7 51%, #ffffff 95%);
    background: linear-gradient(to bottom, #bababa 0%, #dfdfdf 7%, #f7f7f7 51%, #ffffff 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#ffffff', GradientType=0);
}

/* */

input[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #3071a9;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #367ebd;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #d4d4d4, 0px 0px 1px #0d0d0d;
    background: #3071a9;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #d4d4d4, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]::-ms-fill-upper {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
    background: #3071a9;
}

input[type=range]:focus::-ms-fill-upper {
    background: #367ebd;
}

/*
#depotvergleich-form .form-group{
    display: block;
    margin: 0.5em 0;
}

#depotvergleich-form .form-group label{
    font-size: 1em;
    font-weight: 400;
}

#depotvergleich-form .form-group output{
    display: inline-block;
    font-weight: 700;
    font-style: italic;
    color: #76a9dc;
}

#depotvergleich-form .form-group output.result{
    display: block;
}

#depotvergleich-form .form-group.fd-result{
    margin: 1.1em 0;
    text-align: center;
}

#depotvergleich-form .form-group.fd-result output.result{
    text-align: center;
    margin: 0.5em 0;
    color: #76a9dc;
}*/

table thead tr th img {
    display: block;
    margin: 0 auto;
}

.cards .card-header {

}

.cards .card-header img {
    display: block;
    margin: 0 auto;
    padding: 0.5em 0;
    border-bottom: 1px solid #FFFFFF;
}

.cards .card-header h2,
.cards .card-header h3,
.cards .card-header h4 {
    min-height: 40px;
    font-size: 1.2em;
    font-weight: 700;
}

.cards .card-content ul.price,
.cards .card-content ul.benefits {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.cards .card-content ul.price li {
    overflow: hidden;
    border-top: 1px solid #ececec;
}

.cards .card-content ul.price li:first-child {
    border-top: none;
}

.cards .card-content ul.price li small,
.cards .card-content ul.price li span,
.cards .card-content ul.price li label {
    display: block;
    text-align: center;
    padding: 0.5em 0;
    margin: 0;
}

.cards .card-content ul.price li small {
    padding: 0.5em 0 1.5em 0;
}

.cards .card-content ul.price li:first-child {
    border-top: none;
}

/* START depot-anfrage kontact form */
.depot_anfrage_box{
    position: relative;
    margin: 1em 0;
}

.depot_anfrage_box .circle{
    display: inline-block;
    text-align: center;
    margin-top: -1.5em;
    width: 80px;
    height: 80px;
    border: 8px solid white;
    border-radius: 80px;
    font-size:20px;
    color:#fff;
    line-height: 80px;
    background: #336699;
}

.depot_anfrage_box .circle i{
    text-align: center;
}

.depot_anfrage_box .top{
    text-align: center;
    background: rgba(63, 63, 63, .75);
    padding: 1em;
}

.depot_anfrage_box .top h3{
    margin: 1em 0;
    color: #FFFFFF;
}

.depot_anfrage_box .info-addition{
    position: relative;
    background: #f9f9f9;
    padding: 1em 0;
    text-align: center;
    min-height: 150px;
}

.depot_anfrage_box .info-addition .more{
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
}

/* END depot-anfrage kontact form */

/************************************************/
/************** START fonds/kaufen - page *******/
/************************************************/
.dotdBadge {
    font-size: 11px !important;
    color: #FFF !important;
    font-weight: 700 !important;
    background: #C45500;
    height: 18px;
    max-width: 90%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 5px;
    float: left;
    overflow: hidden;
}

.dotdBadge + .badgeSkew {
    border-right: 4px solid transparent;
    border-top: 18px solid #C45500;
    float: left;
}

.a-size-mini {
    font-size: 11px !important;
    line-height: 1.465 !important;
}

.margin-for-viewport {
    margin-top: 16vh;
    margin-bottom: 15vh;
}

.picture-in-kaufen {
    position: relative;
    overflow: hidden;
}

.picture-in-kaufen:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.3;
    background-image: url('https://images.unsplash.com/39/lIZrwvbeRuuzqOoWJUEn_Photoaday_CSD%20(1%20of%201)-5.jpg?ixlib=rb-0.3.5&s=46bfe0fc9ce3ce455cf88abdde09e7be&auto=format&fit=crop&w=1950&q=80');
    background-repeat: no-repeat;
    background-position: 100%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.background-panel-opacity {
    background: rgba(255, 255, 255, .8);
    z-index: 2;
}

/************************************************/
/************** END fonds/kaufen - page *********/
/************************************************/

/************************************************/
/************** START Beteiligungsswitch ********/
/************************************************/
#overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1001;
}

.overlay-box {
    padding: 20px;
    top: 10%;
    z-index: 1002;
}

/************************************************/
/************** END Beteiligungsswitch ********/
/************************************************//************************************************//* END depot-anfrage kontact form */

.short-navigation {
    position: relative;
    overflow: hidden;
    height: 38px;
    background: #f5f5f5;
    padding: 5px 0;
    margin: 0 0 0.5em 0;
}

.short-navigation .btn {
    font-weight: 700;
}

.kag-contact-information {
    overflow: hidden;
}

.kag-address {
    border-radius: 50%;
    background: #3F3F3F;
}

.card {
    position: relative;
    margin: auto;
    height: auto;
    width: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    box-shadow: 0 6px 12px -3px rgba(0, 0, 0, .3);
    color: #337ab7;
    padding: 30px;
}

.card header {
    position: absolute;
    top: 26px;
    background: #337ab7;
    color: #FFFFFF;
    left: 0;
    width: 100%;
    padding: 0 10%;
    transform: translateY(-50%);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    z-index: 1000;
}

.card header > *:first-child {
    text-align: left;
}

.card header > *:last-child {
    text-align: right;
}

.logo {
    font-size: 24px;
    position: relative;
}

.logo span {
    display: block;
    position: absolute;
    width: 100%;
    top: calc(50% - 1px);
}

.announcement {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 900;
}

.announcement:before,
.announcement:after {
    content: '';
    position: absolute;
    top: 0;
    border-top: 3px solid #FFFFFF;
    height: 0;
    width: 15px;
}

.announcement:before {
    left: -3px;
}

.announcement:after {
    right: -3px;
}

.announcement .title {
    color: #337ab7;
    padding: 1em 0;
    border-bottom: 3px solid #FFFFFF;
    font-weight: 600;
}

.announcement address span {
    display: block;
}

.announcement address i {
    padding: 0 1em;
    color: #337ab7;
    float: left;
}


.alert-box {
    padding: 1em;
    background: #f5f5f5;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.alert-box p,
.alert-box small,
.alert-box span {
    font-style: italic;
}

.fd-grid-view .article .thumbnail .description {
    border-top: 1px solid #efefef;
    background: transparent;
    padding: 1em;
}

.fd-grid-view .article .thumbnail .caption {
    padding: 1em;
}

/* ============================================== INDEX STARTSEITE =================================================== */



/*.circle-chart__circle:hover,
.circle-chart__background:hover {
    cursor: pointer;
}

.circle-chart__circle {
    animation: circle-chart-fill 3s reverse; !* 1 *!
    transform: rotate(-90deg); !* 2, 3 *!
    transform-origin: center; !* 4 *!
}

.circle-chart__circle--negative {
    transform: rotate(-90deg) scale(1, -1); !* 1, 2, 3 *!
}

.circle-chart__info {
    animation: circle-chart-appear 3s forwards;
    opacity: 0;
    transform: translateY(0.3em);
}

@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100;
    }
}

@keyframes circle-chart-appear {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}*/

/* SVG Boxes */

/*#home-stats {
    position: relative;
    padding: 1em 0;
}

#home-stats h5 {
    flex: 1 1 auto;
    font-weight: 500;
    font-size: .9em;
    font-style: italic;
}

#home-stats .svg-box {
    max-width: 80px;
    max-height: 80px;
    flex: 0 1 auto;
    margin: auto;
}

#home-stats .circle-chart {
    width: 80px;
    height: 80px;
    margin: auto;
}*/

/* START BLUE BUTONS ROW STYLE*/
/*.home-grid .teaser-image > figure {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.home-grid .teaser-image > figure > img {
    opacity: 0;
}*/


.home-grid .img-title {
    position: absolute;
    height: 1em;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    font-size: 1.5em;
    color: #FFFFFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.67);
}

.home-grid .thumbnail .img.media-object {
    width: 100%;
    margin: 0;
}

.home-grid .fa.fa-spin {
    height: 1em;
    width: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.home-grid .label.category {
    position: absolute;
    top: 0;
    right: 0;
}


@media (min-device-width: 320px) {

    .svg-wrapper-home{
        overflow: hidden;
    }

    #slider-carousel.owl-carousel .owl-stage,
    #home-magazin-slider.owl-carousel .owl-stage{
        min-height: 200px;
    }

    main {
        margin: 0;
    }

    p {
        font-size: 14px;
        text-rendering: optimizeLegibility;
    }

    #home blockquote {
        width: 100%;
        padding: 10px 20px;
        position: relative;
        border-left: none;
        margin: 1em 0;
    }

    #home blockquote::before,
    #home blockquote::after {
        top: 0;
        bottom: 0;
        width: 0;
        content: '';
        position: absolute;
    }

    #home blockquote::before {
        right: 100%;
    }

    #home blockquote::after {
        left: 100%;
    }

    #home blockquote p {
        margin: 0;
        font-size: 14px;
        font-style: oblique;
    }

    #home blockquote p::before {
        font-family: 'FontAwesome';
        font-size: 15px;
        font-weight: 300;
        content: '\f10e';
        color: #337ab7;
        top: auto;
        bottom: -6px;
        left: 0;
        position: absolute;
        text-shadow: -3px 0 #c2c2c2;
    }

    #home blockquote p::after {
        position: absolute;
        font-family: 'FontAwesome';
        font-size: 15px;
        font-weight: 300;
        content: '\f10d';
        color:  #337ab7;
        text-align: right;
        right: 6px;
        top: 0;
        bottom: auto;
        text-shadow: 3px 0 #c2c2c2;
    }

    .home-grid{
        position: relative;
        display: block;
    }

    .home-grid .image-box .section-link{
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        font-size: 3rem;
    }

    .home-grid .image-box img{
        display: block;
        width: 100%;
        height: auto;
    }

    .home-grid .buttons-list{
        display: block;
        margin: 1em 0 0 0;
    }

    .home-grid .buttons-list li{
        background:  rgba(51,122,183,.95);
        border-bottom: 2px solid #336699;
        cursor: pointer;
        -webkit-box-shadow: inset 0 -2px #336699;
        box-shadow: inset 0 -2px #336699;
        margin-left: 0;
        margin-top: 10px;
    }

    .home-grid .buttons-list li:first-child{
        border-left: none;
    }

    .home-grid .buttons-list li a {
        font-size: .9em;
        color: #ffffff;
        font-weight: 700;
        text-align: center;
        padding: 10px 5px;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        transition: all 300ms linear;
    }

    .home-grid .buttons-list li a:before{
        font-family: 'FontAwesome';
        content: '\f101';
        display: block;
        width: 8px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 10px;
        height: 16px;
        position: absolute;
        opacity: 0.5;
    }

    .home-grid .buttons-list li a:after{
        font-family: 'FontAwesome';
        content: '\f101';
        display: block;
        width: 8px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 20px;
        height: 16px;
        position: absolute;
        opacity: 0.3;
    }

    .home-grid .buttons-list li:hover a:after{
        animation: animate-arrow-1 3s ease-in-out infinite 1.5s;
    }

    .home-grid .buttons-list li:hover a:before{
        animation: animate-arrow-2 3s ease-in-out infinite;
    }


    @keyframes animate-arrow-1 {
        0%{transform:translateX(5px);opacity: 0.1;}
        50%,70%,100%{transform:translateX(0px);opacity: 1;}
    }

    @keyframes animate-arrow-2 {
        0%{transform:translateX(-5px);opacity: 0.1;}
        70%,100%{transform:translateX(0px);opacity: 0.5;}
    }


    .home-grid .buttons-list li:hover{
        background: rgba(51,122,183,.75);
    }

    .home-grid .buttons-list li:hover a{
        background: transparent;
    }

    .home-grid.second {
        position: relative;
        overflow: hidden;
        padding: 1em 0;
        margin: 1em 0;
    }

    #home .home-title {
        font-size: small;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 3em;
        border: solid #337ab7;
        border-width: 0px 0 1px 0;
        max-width: 100%;
        overflow: hidden;
    }

    #home .home-title a{
        position: relative;
        padding: 0 10px;
        background: #337ab7;
        color: #ffffff;
        display: inline-block;
    }

    #home .home-title a:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #home .home-title a:before {
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #337ab7;
        border-width: 19px;
        margin-top: -19px;
    }

    .home-grid .img-title {
        position: absolute;
        height: 1em;
        display: inline-block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        vertical-align: middle;
        font-size: 1.5em;
        color: #FFFFFF;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.67);
    }

    .home-grid .img-title.m-auto-xs {
        height: 60%;
        font-size: 1.2em;
    }

    .home-grid p {
        text-align: center;
        text-rendering: optimizeLegibility;
        line-height: 1.75em;
        background: rgba(255,255,255,.75);
        padding: .5em;
    }

    .first,
    .second{
        position: relative;
    }
    .first::before,
    .second::before,
    .second::after{
        top: 0;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        z-index: -1;
    }

    .second::before{
        left: 0px;
        border-color: rgba(136, 183, 213, 0);
        border-left-color: rgba(0,0,0,.08);
        border-width: 382px;
        margin-top: -450px;
        z-index: -1;
    }

    .second::after{
        left: 0;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: rgba(51,122,183,.08);
        border-width: 440px;
        margin-top: -540px;
    }

    .first::before{
        right: 0;
        border-color: rgba(136, 183, 213, 0);
        border-right-color: rgba(0,0,0,.08);
        border-width: 350px;
        margin-top: -450px;
        z-index: -1;
    }

    #home-beteiligungen-list .caption{
        background: none;
    }

    #home-beteiligungen-list .caption h2 {
        text-align: center;
        margin: 0;
    }

    #home-beteiligungen-list .thumbnail .caption h2 a span,
    #home-beteiligungen-list .thumbnail .caption h2 a {
        display: block;
        position: relative;
        padding: 0.5em 0;
        font-size: 14px;
        font-weight: bold;
    }

    /* NEWS SLIDER */

    #home-partner-wrapper .list-group-horizontal {
        padding: 0;
    }

    #home-partner-wrapper .list-group-horizontal .list-group-item .img-partner {
        height: 30px;
        max-width: 100%;
    }

    #home-news-slider {
        height: 300px;
    }

    #home-news-slider {
        margin: auto;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #home-news-slider li {
        position: relative;
        width: 33.33%;
        display: inline-block;
        height: 295px;
    }

    #home-news-slider ul {
        list-style: none;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 400%;
        transition: left .3s linear;
        -moz-transition: left .3s linear;
        -o-transition: left .3s linear;
        -webkit-transition: left .3s linear;
        color: #666;
        margin: 0;
        padding: 0;
    }

    /*** Content ***/
    .home-news-slider-container {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        min-height: 235px;
    }

    .home-news-slider-container .media-body,
    .home-news-slider-container .media-left,
    .home-news-slider-container .media-right {
        display: block;
    }

    .home-news-slider-container .media-body {
        width: 100%;
        background: transparent;
    }

    .home-news-slider-container h4 {
        text-transform: uppercase;
        text-shadow: 0px 2px 3px #bbb;
        color: #76a9dc;
    }

    .home-news-slider-container p {
        margin: 10px 25px;
        line-height: 150%;
        text-align: justify;
        background: transparent;
    }

    .home-news-slider-container .media-body > a {
        display: block;
        text-align: center;
        color: #3f3f3f;
        font-size: 2em;
    }

}

@media (min-device-width: 768px) {

    main {
        margin: 1em 0;
    }

    #home blockquote {
        width: 100%;
        padding: 2em;
        position: relative;
        border-left: none;
        margin: 1em 0;
    }

    #home blockquote::before,
    #home blockquote::after {
        top: 0;
        bottom: 0;
        width: 25px;
        content: '';
        position: absolute;
    }

    #home blockquote::before {
        right: 100%;
    }

    #home blockquote::after {
        left: 100%;
    }

    #home blockquote p {
        margin: 0;
        font-size: x-large;
        font-style: oblique;
    }

    #home blockquote p::before {
        font-family: 'FontAwesome';
        font-size: 30px;
        font-weight: 300;
        content: '\f10e';
        color: #337ab7;
        top: auto;
        bottom: -12px;
        left: 0;
        position: absolute;
        text-shadow: -3px 0 #c2c2c2;
    }

    #home blockquote p::after {
        font-family: 'FontAwesome';
        font-size: 30px;
        font-weight: 300;
        content: '\f10d';
        color:  #337ab7;
        text-align: right;
        right: 0;
        top: 0;
        bottom: auto;
        position: absolute;
        text-shadow: 3px 0 #c2c2c2;
    }

    .home-grid{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: rgba(250,250,250,.5);
        flex-direction: row;
        flex-wrap: wrap;
    }

    .home-grid .img-title.m-auto-xs {
        height: 1em;
    }

    .home-grid > div{
        display: flex;
        flex-direction: column;
        z-index: 2;
    }

    .home-grid div p,
    .home-grid figure{
        flex-grow: 1;
        background-repeat: no-repeat;
        flex-wrap: wrap;
    }


    .home-grid .image-box .section-link{
        position: relative;
        display: block;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .home-grid .image-box img {
        display: block;
        height: auto;
        width: 100%;
        z-index: -1;
        opacity: 0;
    }

    .home-grid .buttons-list{
        display: flex;
        flex-direction: row;
        align-items: stretch;
    }

    .home-grid .buttons-list li {
        flex-grow: 1;
        display: flex;
        margin-left: 2px;
        margin-top: 0;
    }
    .home-grid .buttons-list li:first-child {
        margin-left: 0;
    }

    .home-grid .buttons-list > li a {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 5em;
        text-align: center;
    }

    .home-grid .img-title{
        font-size: 3rem;
    }

    .topseller .image-box img {
        min-height: 254px;
    }

    #depots .image-box img {
        min-height: 206px;
    }

}

@media (min-device-width: 1024px) {

}
@media (min-device-width: 1024px) {

    p {
        font-size: 1em;
    }

    .home-grid .magazin img {
        max-height: 300px;
    }

    .fonds .image-box img {
        min-height: 195px;
    }

    .topseller .image-box img {
        min-height: 232px;
    }

    #depots .depots .sub-list {
        position: absolute;
    }

    #home-beteiligungen .image-box img {
        min-height: 243px;
    }

    #home-beteiligungen .sub-list {
        position: absolute;
    }

    /* Partner-Slider */
    #home-partner-wrapper .list-group-horizontal {
        margin: 0;
        padding: 0;
    }

    #home-partner-wrapper .list-group-horizontal .list-group-item {
        border-left: 1px solid #fff;
        background: transparent;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    #home-partner-wrapper .list-group-horizontal .list-group-item:first-child {
        border-left: none;
    }

    #home-partner-wrapper .list-group-horizontal .list-group-item:hover {
        background: #FFFFFF;
        cursor: pointer;
    }

    #home-partner-wrapper .list-group-horizontal .list-group-item .img-partner {
        display: inline-block;
        height: 50px;
        padding: 4px;
        line-height: 1.42857143;

        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        max-width: 100%;
    }
}

@media (min-device-width: 1200px) {

    .navbar-brand > img {
        width: 150px;
    }

    header .navbar-nav > li > a {
        padding: 17px 10px;
        font-size: 1em;
    }

}

#kundenfavoriten-emittenten .media img{
    min-width: 70px;
}
.top6 .media img{
    min-width: 70px;
}

/* ====================================================== ERROR PAGES =============================================== */

.error-container {
    text-align: center;
    font-size: 180px;
    font-weight: 800;
    margin: 20px 15px;
}

.error-container > span {
    display: inline-block;
    line-height: 0.7;
    position: relative;
    color: #FFB485;
}

.error-container > span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.error-container > span:nth-of-type(1) {
    color: #D1F2A5;
    animation: colordancing 4s infinite;
}

.error-container > span:nth-of-type(3) {
    color: #F56991;
    animation: colordancing2 4s infinite;
}

.error-container > span:nth-of-type(2) {
    width: 120px;
    height: 120px;
    border-radius: 999px;
}

.error-container > span:nth-of-type(2):before,
.error-container > span:nth-of-type(2):after {
    border-radius: 0%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 999px;
    box-shadow: inset 30px 0 0 rgba(209, 242, 165, 0.4),
    inset 0 30px 0 rgba(239, 250, 180, 0.4),
    inset -30px 0 0 rgba(255, 196, 140, 0.4),
    inset 0 -30px 0 rgba(245, 105, 145, 0.4);
    animation: shadowsdancing 4s infinite;
}

.error-container > span:nth-of-type(2):before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.screen-reader-text {
    position: absolute;
    top: -9999em;
    left: -9999em;
}

.error-page .flipcard-back .btn {
    color: #fff;
    display: block;
}

@keyframes shadowsdancing {
    0% {
        box-shadow: inset 30px 0 0 rgba(209, 242, 165, 0.4),
        inset 0 30px 0 rgba(239, 250, 180, 0.4),
        inset -30px 0 0 rgba(255, 196, 140, 0.4),
        inset 0 -30px 0 rgba(245, 105, 145, 0.4);
    }
    25% {
        box-shadow: inset 30px 0 0 rgba(245, 105, 145, 0.4),
        inset 0 30px 0 rgba(209, 242, 165, 0.4),
        inset -30px 0 0 rgba(239, 250, 180, 0.4),
        inset 0 -30px 0 rgba(255, 196, 140, 0.4);
    }
    50% {
        box-shadow: inset 30px 0 0 rgba(255, 196, 140, 0.4),
        inset 0 30px 0 rgba(245, 105, 145, 0.4),
        inset -30px 0 0 rgba(209, 242, 165, 0.4),
        inset 0 -30px 0 rgba(239, 250, 180, 0.4);
    }
    75% {
        box-shadow: inset 30px 0 0 rgba(239, 250, 180, 0.4),
        inset 0 30px 0 rgba(255, 196, 140, 0.4),
        inset -30px 0 0 rgba(245, 105, 145, 0.4),
        inset 0 -30px 0 rgba(209, 242, 165, 0.4);
    }
    100% {
        box-shadow: inset 30px 0 0 rgba(209, 242, 165, 0.4),
        inset 0 30px 0 rgba(239, 250, 180, 0.4),
        inset -30px 0 0 rgba(255, 196, 140, 0.4),
        inset 0 -30px 0 rgba(245, 105, 145, 0.4);
    }
}

@keyframes colordancing {
    0% {
        color: #D1F2A5;
    }
    25% {
        color: #F56991;
    }
    50% {
        color: #FFC48C;
    }
    75% {
        color: #EFFAB4;
    }
    100% {
        color: #D1F2A5;
    }
}

@keyframes colordancing2 {
    0% {
        color: #FFC48C;
    }
    25% {
        color: #EFFAB4;
    }
    50% {
        color: #D1F2A5;
    }
    75% {
        color: #F56991;
    }
    100% {
        color: #FFC48C;
    }
}

/* demo stuff */
.link-container {
    text-align: center;
    margin: 2em 0;
    padding: 2em 0;
    border: solid #ececec;
    border-width: 1px 0;
}

.box-title {
    text-align: center;
    font-weight: 600;
    color: #76a9dc;
    text-transform: uppercase;
}

.beteiligungen-longdescription h3 {
    font-weight: 600;
}

.beteiligungen-longdescription strong {
    color: #337ab7;
    padding: 0.5em 0;
}

/* tables phase */
.phase-wrapper {
    padding: 6px 12px;
}

.phone-box {
    padding: 0.5em;
    position: absolute;
    top: 2px;
    left: 2px;
    background: #337ab7;
}

/* ======================================================= BETEILIGUNGEN ============================================= */

#bet_topseller .thumbnail .caption {
    color: #FFFFFF;
}

#bet_topseller .thumbnail .caption .title {
    padding: 1em 0;
    font-size: 1.5em;
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
}

.list-group-wrapper {
    overflow: hidden;
}

.list-group-wrapper .list-group .list-group-item .thumbnail img {
    -webkit-filter: grayscale(75%);
    filter: grayscale(75%);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    width: 100%;
}

.list-group-wrapper .list-group .list-group-item .thumbnail:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.list-group-wrapper .list-group .list-group-item .thumbnail .caption {
    position: relative;
    min-height: 210px;
}

.list-group-wrapper.teaser .list-group .list-group-item .thumbnail .caption {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.list-group-wrapper.teaser .list-group .list-group-item .thumbnail > a {
    z-index: 20000;
}

.list-group-wrapper.teaser .label.category {
    z-index: 20001;
}

.list-group-wrapper.teaser h3 {
    color: #FFFFFF;
    font-weight: 600;
}

.list-group-wrapper.small-thumbnail .list-group .list-group-item .thumbnail .caption {
    position: relative;
    min-height: 140px;
}

.list-group-wrapper .list-group .list-group-item .thumbnail .caption h3 {
    text-align: left;
    padding: 0 0 1em 0;
    font-size: 1em;
    font-weight: 600;
    border-bottom: 1px solid #f5f5f5;
}

.list-group-wrapper .list-group .list-group-item .thumbnail .caption .title {
    color: #FFFFFF;
}

.list-group-wrapper .list-group .list-group-item .thumbnail .label.category {
    position: absolute;
    top: 0;
    left: 0;
}

.list-group-wrapper .list-group .list-group-item .caption p {
    color: #818181;
    font-size: 13px;
    font-weight: 500;
}

/* === START FLEX LIST-GROUP-WRAPPER ======================================== */
.list-group-wrapper.news-flex .list-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.list-group-wrapper.news-flex .list-group .list-group-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 5px;
}
.list-group-wrapper.news-flex .list-group .list-group-item.news-box > .thumbnail,
.list-group-wrapper.news-flex .list-group .list-group-item.news-box > .thumbnail > a{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 0;
}
.list-group-wrapper.news-flex .list-group .list-group-item.news-box > .thumbnail img {
    -webkit-filter: grayscale(75%);
    filter: grayscale(75%);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    width: 100%;
}

.list-group-wrapper.news-flex .list-group .list-group-item.news-box > .thumbnail:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}
/* Primary input mechanism cannot hover
   at all or cannot conveniently hover
   (e.g., many mobile devices emulate hovering
   when the user performs an inconvenient long tap),
   or there is no primary pointing input mechanism */
@media (hover: none) {
    .list-group-wrapper.news-flex .list-group .list-group-item.news-box > .thumbnail img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1;
    }
}

.list-group-wrapper.news-flex .list-group .list-group-item.news-box > .thumbnail .caption {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
}

.list-group-wrapper.news-flex .list-group .list-group-item.news-box > .thumbnail .caption h3 {
    text-align: left;
    padding: 0 0 1em 0;
    font-size: 1em;
    font-weight: 600;
    border-bottom: 1px solid #f5f5f5;
}

.list-group-wrapper.news-flex .list-group .list-group-item.news-box > .thumbnail .caption .title {
    color: #FFFFFF;
}

.list-group-wrapper.news-flex .list-group .list-group-item.news-box > .thumbnail .label.category {
    position: absolute;
    top: 0;
    left: 0;
}

.list-group-wrapper.news-flex .list-group .list-group-item.news-box .caption p {
    color: #818181;
    font-size: 13px;
    font-weight: 500;
}

/* === END FLEX LIST-GROUP-WRAPPER ======================================== */

.form-site .form-block .form-title-block {
    width: 100%;
    background: rgba(63, 63, 63, .75);
    color: #FFFFFF;
    padding: 1em;
}

.form-site .form-block .form-title-block span {
    color: #76a9dc;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 600;
    font-style: italic;
    border: solid #76a9dc;
    border-width: 2px 0;
}

.form-title-block span.contact-box {
    float: right;
}

.form-title-block span.contact-box a {
    color: #76a9dc;
}

.form-site .form-block .form-title-block .title {
    margin-bottom: 1em;
}

.form-block .image-block img{
    background-size: cover;
    width: 100%;
    height: 100%;
}

.grid-image-block img {
    opacity: 0
}

.grid-image-block {
    border: 2px solid #fff;
    padding: 1em;
    position: relative;
    background-size: cover;
}


#emittenten-profil h2{
    text-align: center;
    padding: .5em 0;
    border-bottom: 1px solid #eeeeee;
    font-weight: 600;
}

#emittenten-profil b{
    display: block;
    padding: .5em 0;
    border-bottom: 1px solid #eeeeee;
    font-weight: 600;
    font-size: 1.5em;
    color: #76a9dc;
}

#depot_anfrage .form-box{
    margin: 1em 0;
}

/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 990;
}

.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #337ab7;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #337ab7;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 14px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
}

/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}
.ribbon-top-right.margin {
    right: 5px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}
.ribbon-top-right::before {
    top: 0;
    left: 0;
}
.ribbon-top-right::after {
    bottom: 0;
    right: 0;
}
.ribbon-top-right span {
    left: -25px;
    top: 35px;
    transform: rotate(45deg);
}



.list-advantage-group{
    padding-left: 0;
}

.list-advantage-group .list-group-item{
    color: #2e2e2e;
    background: #f9f9f9;
    font-weight: 600;
    border-bottom: 2px solid #FFFFFF;
}

.title.green{
    background: #29713f;
    padding: 1em 15px;
    color: #FFFFFF;
    font-weight: 600;
}

.title.blue{
    background: #337ab7;
    background: rgba(51, 102, 153,.9);
    padding: 1em 15px;
    color: #FFFFFF;
    font-weight: 600;
}

.img-responsive.banner{
    min-width: 100%;
    background-size: cover;
}

.image-publisher{
    background: rgba(0,0,0,0.38);
    color: #ffffff;
    padding: 0.5em 1.5em;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.banner-green{
    padding-top: 3em;
}

.list-group.small .list-group-item{
    padding: 5px 10px;
}

.list-group.small .list-group-item-heading{
    font-weight: 600;
}

/* Ausnahmen for box-content */
.dimensional .box-content{
    box-shadow: none;
}

/* FONDS */

.partner-logos .thumbnail{
    max-height: 50px;
}

.list-group.notice-block .list-group-item{
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.68);
    border: solid rgba(238,238,238,.9);
    border-width: 1px 0 0 5px;
    overflow: hidden;
}

.list-group.notice-block .list-group-item.blue{
    border-left: 5px solid #337ab7;
}

div.dataTables_wrapper div.dataTables_filter input[type="search"]{
    margin-left: 0;
}

.dataTables_wrapper{
    margin: 1em 0;
}

.nomargin > .dataTables_wrapper{
    margin: 0;
}

.img-responsive.max{
    display: block;
    min-width: 100%;
    min-height: 100%;
}

.news{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.news .news-box{
    padding: 5px;
}

#festgeld .festgeld-boxen .box-content{
    overflow: visible;
}

/* Artikel im Fondsbereich */
/* ================================================================================================================== */

@media (min-device-width : 320px){

    .panel-group .panel-fd .panel{
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .panel-group .panel+.panel{
        margin: 0;
    }

    .panel-group .panel-fd{
        background: #f5f5f5;
    }

    .panel-group .panel-fd .panel-heading{
        position: relative;
    }

    .panel-group .panel-fd .panel-heading a{
        position: absolute;
        display: block;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        z-index: 1000;
    }

    .panel-group .panel-fd .panel-heading i{
        color: #bebebe;
    }

    .panel-group .panel-fd .date-display-start {
        color: #bebebe;
        float: left;
        text-align: center;
    }

    .panel-group .panel-fd .date-display-start span{
        display: block;
        font-weight: 600;
    }

    .panel-group .panel-fd .time{
        color: #bebebe;
        float: left;
        text-align: center;
        line-height: 1.5em;
        padding: 0;
    }

    .panel-group .panel-fd .title span{
        display: block;
        color: #393939;
        font-weight: 600;
        font-size: .9em;
    }

    .panel-group .panel-fd .title span:first-child{
        color: #337AB7;
        text-transform: uppercase;
        font-size: 1em;
    }

    .panel-group .panel-fd .panel-heading+.panel-collapse>.list-group,
    .panel-group .panel-fd .panel-heading+.panel-collapse>.panel-body{
        background: #ffffff;
        border-top: 1px solid #f9f9f9;
    }

    .panel-group .panel-fd:nth-child(2n+1){
        background: #f9f9f9;
    }

    .panel-group .panel-fd .title h5{
        color: #337AB7;
        font-size: .9em;
        padding: 0 0 .5em 0;
        font-weight: 600;
        border-bottom: 1px solid #ffffff;
    }

    .panel-group .panel-fd .title p{
        font-size: .9em;
        font-weight: 600;
    }

    .panel-group .panel-fd .title ul li{
        font-size: .8em;
    }

    #fonds-nachhaltigkeitsfonds .table-filter .toggle-vis.active{
        background: #48A43F;
    }

    .table-filter .toggle-vis.active{
        background: #337ab7;
    }
    /* Filterbuttons for tables */
    .table-filter .toggle-vis.active:before{
        font-family: 'FontAwesome';
        content: '\f00c';
        color: #FFFFFF;
        font-size: 8px;
        position: absolute;
        right: 0.2em;
        bottom: 0.2em;
    }

    .news-box .thumbnail{
        overflow: hidden;
    }

    .news-box .thumbnail img.effect-fd-image{
        background-position: center;
        -webkit-filter: grayscale(75%);
        filter: grayscale(75%);
        -webkit-transition: all 0.35s;
        transition: all 0.35s;
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        -ms-transition: all 0.35s;
        -o-transition: all 0.35s;
        height: 100%;
        width: 100%;
        vertical-align: middle;
        background-position: center;
        background-size: cover;
    }

    .news-box .thumbnail p{
        color: #3F3F3F;
    }

    .news-box:hover a{
        text-decoration: none;
    }

    .news-box .thumbnail:hover img.effect-fd-image {
        transform: scale(1.1);
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

    .news-box .news-label{
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000;
    }

    .news-box .news-title{
        color: #337ab7;
        font-size: 14px;
        border-bottom: 1px solid #f9f9f9;
        font-weight: 600;
        margin: 1em 0;
        padding: .5em 0;
    }

    .news-box .news-date{
        font-size: .8em;
        color: #818181;
    }

    .news-box .caption{
        min-height: auto;
    }

    .robos .head h1{
        font-size: 24px;
        text-align: center;
        font-weight: 600;
    }

    .robos .head h2{
        font-size: 18px;
        text-align: center;
    }

    .robos .head .head-teaser{
        padding: 1em 0;
        text-align: center;
    }

    .robos .head .webinar-box{
        position: relative;
        left: 0;
        bottom: 0;
        background: #f9f9f9;
    }

    .robos .webinar-link{
        position: relative;
        padding: 1em;
        display: inline-flex;
    }

    .robos .webinar-link p{
        color: #393939;
        font-weight: 600;
        padding: 3px .5em 0 .5em;
    }

    .robos .webinar-link i{
        width: 20%;
        font-weight: 600;
        text-shadow: -3px 2px 2px #70a1cc;
    }
}

@media (min-device-width : 425px){

    .svg-wrapper-home{
        margin-top: 0;
    }

    .svg-wrapper-home #start-svg{

    }

    #home blockquote{

    }

}

@media (min-device-width : 768px){

    #savedo .filter-slider{
        padding: 2em 1em;
    }

    .panel-group .panel-fd .time{
        padding: .5em;
    }

}

@media (min-device-width: 1024px) {

    .news-box .thumbnail .news-title{
        font-size: 14px;
        border-bottom: 1px solid #f9f9f9;
    }

    .robos .head h1{
        font-size: 30px;
    }

    .robos .head h2{
        font-size: 24px;
    }

    .robos .head .head-teaser{
        padding: 2em 0 1em 0;
    }

    .robos .description{
        padding: 1em;
        background: #ffffff url('../images/groovepaper.png') repeat;
    }

    .robos .description.description-with-stoerer::before{
        content: '';
        position: absolute;
        right: -200px;
        width: 200px;
        height: 200px;
        background: #ffffff url('../images/depots/solidvest/stoerer.png') no-repeat;
    }

    .robos .head .webinar-box{
        position: absolute;
        left: 0;
        bottom: 0;
        background: #f9f9f9;
    }
}

#magazin-beitrag .grid-wrapper,
#fonds-portrait .grid-wrapper
{
    border: none;
}

.grid-wrapper,
.termine-historie{
    position: relative;
    border: 1px solid #f9f9f9;
}

article .article-body{
    border: 1px solid #f9f9f9;
}

/* text italic and with writing animation for contact forms*/
.signature{
    border-top: 1px solid #337ab7;
    font-weight: 600;
    font-style: italic;
    color: #337ab7;
    padding: 1em 0;
}

.modal-top{
    top: 120px;
}

/*START - Selectize styles*/
.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
    padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
    color: #303030;
    cursor: default;
    background: #ffffff;
}

.selectize-dropdown .active {
    color: #495c68;
    background-color: #f5fafd;
}

.selectize-dropdown .active.create {
    color: #495c68;
}

.selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ml-42{
    margin-left: 42px;
}
/*END - Selectize styles*/


.bg-color-white{
    background-color: #fff;
}

#fd_selector_{
    display: none;
}
#fd_selector_rating{
    display: none;
}
#fd_selector_probleme_melden{
    display: none;
}

.box-content .media {
    margin-top: 0;
}

/*IE 6	IE 7	IE 8*/
@media screen\0 {
    .flex-row {
        display: block;
    }
    .flex-col {
        display: block;
    }
    .news .news-box {
        display: block;
        box-shadow: inset 0px -15px 10px -10px #fff;
    }
    #portrait-beteiligungen .news-box .news-title {
        max-height: 41px;
        overflow: hidden;
    }
    .news .news-box > .thumbnail {
        height: 305px;
        max-height: 305px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        margin-bottom: 15px;
    }
    .news-box .thumbnail p {
        display: block;
        max-height: 60px;
        overflow: hidden;
    }
    .news .news-box > .thumbnail .caption {
    }
    .news .news-box .media-object{
        max-width: 330px;
    }
}
/*IE 8	IE 9	IE 10*/
@media \0screen\,screen\9 {
    .flex-row {
        display: block;
    }
    .flex-col {
        display: block;
    }
    .news .news-box {
        display: block;
        box-shadow: inset 0px -15px 10px -10px #fff;
    }
    #portrait-beteiligungen .news-box .news-title {
        max-height: 41px;
        overflow: hidden;
    }
    .news .news-box > .thumbnail {
        height: 305px;
        max-height: 305px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        margin-bottom: 15px;
    }
    .news .news-box > .thumbnail .caption {
    }
    .news .news-box .media-object{
        max-width: 330px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .flex-row {
        display: block;
    }
    .flex-col {
        display: block;
    }

    .news .news-box {
        display: block;
        box-shadow: inset 0px -15px 10px -10px #fff;
    }
    #portrait-beteiligungen .news-box .news-title {
        max-height: 41px;
        overflow: hidden;
    }
    .news .news-box > .thumbnail {
        height: 305px;
        max-height: 305px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        margin-bottom: 15px;
    }
    .news .news-box > .thumbnail .caption {
    }
    .news .news-box .media-object{
        max-width: 330px;
    }
}

#loadingSpinner > i.fa-spin {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 28px;
    height: 28px;
    width: 28px;
    display: inline-block;
    margin: auto;
}

.gf-banner {
    display: inline-block;
    padding:20px 20px;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background: #e9242b;
    margin-top: -20px;
    margin-bottom: -5px;
}
.gf-banner-title {
}
@media (max-width: 768px) {
    .gf-banner-title {
        margin-bottom: 15px;
    }
    .gf-banner {
        font-size: 18px;
        padding:20px 15px;
        margin-top: -15px;
        margin-bottom: -5px;
    }
}

/* Beteiligung online zeichnen*/

.telephone-alternate{
    position: relative;
    font-size: 2.5rem;
    font-weight: 700;
    color: #2e2e2e;
    padding: .5em 0;
}

.telephone-alternate:before{
    content: '';
    position: absolute;
    top: 0;
    left: 37.5%;
    width: 25%;
    height: 2px;
    border-bottom: 2px solid #2e2e2e;
}

.telephone-alternate:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 37.5%;
    width: 25%;
    height: 2px;
    border-bottom: 2px solid #2e2e2e;
}

.beteiligungen-crowddesk .telephone-alternate{
    margin: 1.5em 0;
    text-align: center;
    display: block;
}

.beteiligungen-crowddesk .header-row{
    margin: 0 0 2em 0;
}

.beteiligungen-crowddesk .header-row h1{
    margin: .5em 0 0 0;
    border: none;
    font-weight: 700;
}

.beteiligungen-crowddesk .header-row h2{
    font-size: 1.2em;
}

.beteiligungen-crowddesk .card{
    margin: 1em 0;
    padding: .5em;
    box-shadow: none;
    background: transparent;
}

.beteiligungen-crowddesk .card img{
    position: relative;
    padding: 0;
    max-height: 300px;
}

.beteiligungen-crowddesk .card .project-status{
    position: absolute;
    right: .5em;
    margin-right: 10px;
    padding: .2em 2em;
    background-color: #0f9d58;
    color: #ffffff;
    font-size: .8em;
    font-weight: 700;
    border-radius: 2px;
}

.beteiligungen-crowddesk .card .caption h3{
    position: relative;
    padding: .5em 0;
    text-align: left;
    font-size: 1.2em;
    font-weight: 600;
    min-height: 50px;
}

.beteiligungen-crowddesk .card .caption h3:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
    height: 2px;
    border-bottom: 2px solid #337AB7;
}

.beteiligungen-crowddesk .description{
    position: relative;
    margin: 1em 0;
    padding: 2em 15px;
}

.beteiligungen-crowddesk .description p{
    margin: 2em 0;
    column-count: 2;
}


.beteiligungen-crowddesk .description:before{
    content: '';
    position: absolute;
    top: 0;
    left: 37.5%;
    width: 25%;
    height: 2px;
    border-bottom: 2px solid #2e2e2e;
}


@media (max-width: 425px){
    .beteiligungen-crowddesk .header-row h1{
        font-size: 24px;
        margin: 1em 0;
        text-align: center;
    }

    .beteiligungen-crowddesk .header-row h2{
        font-size: 18px;
        text-align: center;
    }

    .beteiligungen-crowddesk .telephone-alternate{
        text-align: center;
        margin: 0.5em 0;
    }

    .beteiligungen-crowddesk .card .caption h3{
        min-height: unset;
        font-size: 1.3em;
    }

    .beteiligungen-crowddesk .description p{
        display: block;
        width: 100%;
    }

    .beteiligungen-crowddesk .card .dl-horizontal dd {
        padding: 10px 15px;
    }
}

@media (min-width: 768px){
    .dl-horizontal dd {
        margin-left: 160px; /* overwrites bootstrap css*/
        margin-bottom: 1em;
    }
}

.solit{
    position: relative;
}

#solit section{
    padding: 20px 0;
}

#solit .textsize-solit{
    font-size: 17px;
}

.solit h2,
.solit h3,
.solit h4,
.solit h5,
.solit p{
    font-weight: 600;
}

.solit-fluid-box{
    position: relative;
}

.bg-solit-fluid{
    position: absolute;
    right: -25%;
    left: -25%;
    top: 0;
    bottom: 0;
    display: block;
    background: #c5ae79;
}

.bg-solit-fluid-grey{
    position: absolute;
    right: -25%;
    left: -25%;
    top: 0;
    bottom: 0;
    display: block;
    background: #f5f5f5;
    z-index: -1;
    padding: 20px 0;
}

.title-white{
    padding: 1em 0 1.5em;
    color: #FFF;
}

.img-description{
    text-align: center;
    position: absolute;
    background: rgba(255,255,255,.8);
    width: 100%;
    top: 20%;
    bottom: 20%;
    font-weight: 900;
}

.solit .media-body p{
    font-weight: normal;
    color: #ffffff;
    padding: 10px 5px;
}

.title-solit{
    font-weight: 600;
    color: #c5ae79;
}

.bg-solit{
    background: #c5ae79;
}

.btn-solit{
    position: relative;
    color: #c5ae79;
    background: #2e2e2e;
    padding: 6px 12px;
    margin: 0;
    display: block;
    width: 100%;
}

.btn-solit.gold{
    position: relative;
    color: #fff;
    background: #c5ae79;
    padding: 6px 12px;
    margin: 20px 0;
    display: block;
    width: 100%;
    font-size: 1.3em;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn.btn-solit.focus, .btn.btn-solit:focus, .btn.btn-solit:hover{
    color: #fff;
    background-color: #b69855;
    border-color: #a18646;
}

.list-group.check.list-group-solit-white .list-group-item{
    font-weight: 600;
    color: #F2F2F2;
}

.list-group.check.list-group-solit .list-group-item{
    font-weight: 600;
    color: #b69855;
}

.list-group.check.list-group-solit .list-group-item .solit-highlight,
.solit-highlight{
    padding: 0 1em 0 0;
    font-weight: 600;
    color: #3a3d42;
}

.list-group.check.list-group-solit-white > li:before {
    color: #ffffff;
}

.list-group.check.list-group-solit > li:before {
    color: #c5ae79;
}

#solit .fusion-separator{
    border: 0 solid #e7e6e6;
    clear: both;
    position: relative;
    z-index: 11;
}

#solit .fusion-separator.sep-single{
    border-color:#c5ae79;
    border-top-width:2px;
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    margin-bottom:50px;
    width:100%;
    max-width:70%;
}

#solit .icon-wrapper{
    position: absolute;
    display: table;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 26px;
    width: 26px;
    background-color: #FFF;
    border: 1px solid transparent;
    border-radius: 50%;
    background-clip: padding-box;
    text-align: center;
}

#solit .icon-wrapper i{
    font-size: 2.5em;
    color: #c5ae79;
}

.algooo-banner-horizontal {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("/images/banner/algooo-300x250.gif");
    width: 100%;
    max-width: 300px;
    height:250px;
    display: block;
}
@media (min-width : 648px){
    .algooo-banner-horizontal {
        background-image: url("/images/banner/algooo-970x250.gif");
        height: 180px;
        max-width: none;
    }
}
@media (min-width : 768px){
    .algooo-banner-horizontal {
        height: 200px;
    }
}
@media (min-width : 1021px){
    .algooo-banner-horizontal {
        height: 250px;
    }
}

.algooo-banner-vertical {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/images/banner/algooo-300x250.gif");
    width: 100%;
    max-width: 300px;
    height:250px;
    display: block;
}
@media (min-width : 648px){
    .algooo-banner-vertical {
        background-image: url("/images/banner/algooo-970x250.gif");
        height: 180px;
        max-width: none;
    }
}
@media (min-width : 768px){
    .algooo-banner-vertical {
        height: 200px;
    }
}
@media (min-width : 992px){
    .algooo-banner-vertical {
        background-image: url("/images/banner/algooo-300x250.gif");
        width: 100%;
        max-width: 300px;
        height:250px;
    }
}

/* Cookie related styles */
.cookieconsent-youtube-container.solit {
    background-image: url("/themes/barcelona/images/depots/solit/youtube-thumb-solit.jpg");
}

.cookieconsent-youtube-container.taurus {
    background-image: url("/themes/barcelona/images/depots/taurus/youtube-thumb-taurus.jpg");
}

.cookieconsent-youtube-container.postident {
    background-image: url("/themes/barcelona/images/service/postident-verfahren.jpg");
}

.cookieconsent-youtube-container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 31rem;
    max-width: 60rem;
    text-align: center;
    margin-bottom: 2rem;
}

.cookieconsent-youtube-container img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cookieconsent-youtube-container.small {
    min-height: 15rem;
}

.cookieconsent-youtube-container:before {
    content: "";
    display: block;
    background: #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0.8;
    z-index: 1;
}

.cookieconsent-youtube-container .cookieconsent-optout-marketing {
    position: relative;
    z-index: 2;
}

.cookieconsent-youtube-container .cookieconsent-optin-marketing {
    width: 100%;
    height: 100%;
    z-index: 2;
}

.cookieconsent-youtube-container .cookieconsent-optout-marketing span small {
    text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.2);
    display: block;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-top: 1rem;
    padding: 0 7rem;
}

.cookieconsent-youtube-container.small .cookieconsent-optout-marketing span small {
    padding: 0 3rem;
}

@media (min-width: 768px) {
    .cookieconsent-youtube-container.small .cookieconsent-optout-marketing span small {
        padding: 0 5rem;
    }

    .cookieconsent-youtube-container .cookieconsent-optout-marketing span small {
        padding: 0 12rem;
    }
}

/*  https://youtrack.dev.wocio.de/issue/FD-575 - relevant styles to the aktion solit page */

.solit__space-top--large {
    margin-top: 6.5rem;
}

.solit__space-bottom--large {
    margin-bottom: 6.5rem;
}

.solit__inner-space-bottom--large {
    padding-bottom: 6.5rem;
}

.solit__space-top--medium {
    margin-top: 2.5rem;
}

.solit__space-bottom--medium {
    margin-bottom: 2.5rem;
}

.solit__header {
    padding: 5rem 0;
    position: relative;
}

.solit__header {
    padding: 5rem 0;
}

.solit__h1 {
    font-weight: 700 !important;
    color: #C1AF81;
    font-size: 3.7rem;
    font-weight: 700;
}

.solit__h2 {
    font-weight: 700 !important;
    font-size: 3rem;
}

.solit__h2--normal {
    font-weight: 300 !important;
}

.solit__text--body1 {
    font-weight: 700 !important;
    font-size: 2.2rem;
}

.solit__text--body2 {
    font-size: 2rem;
}

.solit__text--body3 {
    font-weight: 400 !important;
    font-size: 1.6rem;
}

.solit__text--body4 {
    font-weight: 400 !important;
    font-size: 1.9rem;
}

@media (min-width: 768px) {
    .solit__header {
        padding: 5rem 0;
    }

    .solit__h1 {
        font-size: 5rem;
    }

    .solit__h2 {
        font-size: 3.5rem;
    }
}

.solit__header-image-container {
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10rem; */
    margin-top: 3rem;
}

.solit__header-image {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.solit__button {
    padding: 1.5rem 3rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: 1.6rem;
    background: #066190;
    border: 0.25rem solid #066190;
    outline: none;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
}

.solit__button:hover, .solit__button:focus {
    background: #FFFFFF;
    border: 0.25rem solid #066190;
    color: #066190;
}

.solit__expand-icon {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {
    .solit__expand-icon {
        margin-top: 6rem;
    }
}

.solit__full-size-background {
    position: relative;
}

.solit__gradient-container {
    padding: 4rem 0;
    color: #FFFFFF;
    text-align: center;
}
.solit__gradient-container::before {
    background-image: url("/themes/barcelona/images/depots/solit/action/background-gradient.svg");
    background-size: cover;
    background-position: center center;
}

@media (min-width: 768px) {
    .solit__gradient-container {
        padding: 8rem 0;
    }
}

@media (min-width: 992px) {
    .solit__gradient-container {
        text-align: left;
    }
}

.solit__full-size-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: calc(100% + 30px);
    height: 100%;
    z-index: -1;
}

@media (min-width: 768px) {
    .solit__full-size-background::before {
        left: calc(0px - ((100vw - 720px) / 2));
        width: 100vw;
    }
}

@media (min-width: 992px) {
    .solit__full-size-background::before {
        left: calc(0px - ((100vw - 940px) / 2));
        width: 100vw;
    }
}

@media (min-width: 1200px) {
    .solit__full-size-background::before {
        left: calc(0px - ((100vw - 1140px) / 2));
    }
}

@media (min-width: 1400px) {
    .solit__full-size-background::before {
        left: calc(0px - ((100vw - 1340px) / 2));
    }
}

.solit__gradient-icon-container {
    height: 10rem;
}

.solit__gradient-text {
    margin-bottom: 8rem;
}

@media (min-width: 1200px) {
    .solit__gradient-text {
        margin-bottom: 0
    }
}

.solit__cta-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10rem 0;
    text-align: center;
}

.solit__color--highlight {
    color: #336699;
}

.solit__color--gold {
    color: #C1AF81;
}

.solit__grey-container::before {
    background: #EFEFEF;
}

.solit__app-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.solit__app-image-col {
    flex-basis: 100%;
    min-height: 30rem;
}

.solit__app-text-col {
    flex-basis: 100%;
    padding: 10rem 0;
}

@media (min-width: 992px) {
    .solit__app-image-col {
        flex-basis: 40%;
    }

    .solit__app-text-col {
        flex-basis: 50%;
    }
}

@media (min-width: 1200px) {
    .solit__app-image-col {
        flex-basis: 40%;
    }

    .solit__app-text-col {
        flex-basis: 40%;
    }
}

.solit__app-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.solit__gold-button {
    font-size: 2.25rem;
    font-weight: 600 !important;
    padding: 1.5rem;
    width: 100%;
    border-radius: 1rem;
    background: #C1AF81;
    border: 0.25rem solid #C1AF81;
    outline: none;
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.solit__gold-button:hover {
    background: #FFFFFF;
    color: #C1AF81;
}

.solit__download-container {
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    .solit__download-container {
        display: flex;
        justify-content: space-between;
    }
}

.solit__list {
    list-style: none;
    padding: 0;
}

.solit__list li {
    padding-left: 5rem;
    padding-bottom: 1rem;
    position: relative;
    display: block;
}

.solit__list--check li {
    min-height: 8rem;
}

.solit__list--arrow li {
    padding-bottom: 4rem;
}

.solit__list li::before {
    position: absolute;
    content: '';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    width: 2.1875rem;
    height: 2.1875rem;
}

.solit__list--check li::before {
    background-image: url("/themes/barcelona/images/depots/solit/action/icon_check.svg");
}

.solit__list--arrow li::before {
    background-image: url("/themes/barcelona/images/depots/solit/action/icon_expandmore.svg");
    transform: rotate(-90deg);
    width: 2.5rem;
    height: 2.5rem;
}

.solit__video-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    isolation: isolate;
}

.solit__video-container .cookieconsent-youtube-container {
    width: 100%;
    margin: 0;
    border: 1px solid #BABABA;
    background: #EFEFEF;
    border-radius: 1rem;
    padding: 2rem;
}

.solit__video-container .cookieconsent-youtube-container::before {
    display: none;
}

.solit__center-container {
    display: flex;
    justify-content: center;
}

@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}