/*

Blau: #1d3a8f;
Rot:  #e30613;
Rot Dunkel: #ae040e;

*/

.feature-img:hover figure a,
.full-heading.main-bg:before,
.accordion.style-1 .panel > .panel-heading h4 a:not(.collapsed):before,
.accordion.style-3 .panel > .panel-heading h4 a:not(.collapsed),
.black-bg:hover > a,
.blog-posts .post-item:hover .post-content,
.box-5:hover,
.bquote-2,
.comment-list .comment-content h6,
.dark-bg:not(.top-head):hover a,
.darker-bg:hover a,
.diamond.colored:after,
.diamonds:hover,
.diamonds:hover a,
.feature-img2:hover figure a,
.filter-by ul li:after,
.filter-by.style-2 ul li.active a,
.filter-by.style-3 ul li.active a,
.filter-by:not(.style-2) ul li.active a,
.filter-by:not(.style-3) ul li.active a,
.flex-control-paging li a.flex-active,
.footer-3 .footer-top .social-list li a:hover,
.footer-middle h3:after,
.head-4:after,
.head-5:after,
.head-8:before,
.header-9 .top-nav > ul > li.mega-menu:hover > span:after,
.header-9 .top-nav > ul > li.mega-menu:hover > span:before,
.header-9 .top-nav > ul > li:not(.mega-menu):hover:after,
.header-9 .top-nav > ul > li:not(.mega-menu):hover:before,
.heading-full [class*=head-]:after,
.heading-full [class*=head-]:before,
.icon-box .filled i:hover,
.icon-box.box-1 .outlined i:after,
.icon-box.box-1.bordered .inner:after,
.icon-box.box-1.bordered .inner:before,
.icon-box.box-1.bordered:after,
.icon-box.box-1.bordered:before,
.icon-box.gry-border-1:hover,
.icon-box.gry-border-2:hover h3,
.icon-box:hover .filled i,
.icons-style-1:hover .btn,
.item-img .product-buttons a:hover,
.list-grid a.selected,
.login-box-lg .login-inner:after,
.main-bg,
.main-heading .heading-separator:after,
.minimal-socials li a:hover,
.modal-header,
.nav-border-bottom li.mega-menu .inner-mega:after,
.nav-border-bottom > ul > li:after,
.nav-border-left li.mega-menu .inner-mega:after,
.nav-border-left > ul > li:after,
.nav-border-right li.mega-menu .inner-mega:after,
.nav-border-right > ul > li:after,
.nav-border-top li.mega-menu .inner-mega:after,
.nav-border-top > ul > li:after,
.on-sale,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.pagination ul li.selected,
.pagination.bar-1 ul li a:hover,
.pagination.bar-3 ul:after,
.pagination.bottom-border ul li:hover,
.portfolio-item .fav:hover,
.portfolio-item .link:hover,
.portfolio-item .zoom:hover,
.post-icon,
.post-item:hover .bottom_tools a,
.pricing-tbl.style-1.selected .btn,
.pricing-tbl.style-1:hover .btn,
.pricing-tbl.style-2.selected .btn,
.pricing-tbl.style-2.selected h3,
.pricing-tbl.style-2:hover .btn,
.pricing-tbl.style-2:hover h3,
.pricing-tbl.style-3.selected,
.pricing-tbl.style-3:hover,
.pricing-tbl.style-4.selected .btn,
.pricing-tbl.style-4.selected .plan-head,
.pricing-tbl.style-4.selected .plan-head:after,
.pricing-tbl.style-4.selected .plan-head:before,
.pricing-tbl.style-4:hover .btn,
.pricing-tbl.style-4:hover .plan-head,
.pricing-tbl.style-4:hover .plan-head:after,
.pricing-tbl.style-4:hover .plan-head:before,
.progress-bars .bar .bar-in,
.saf-tags.hover-effect li:hover,
.side-one li a,
.sidebar_widgets .widget-head:after,
.sidebar_widgets li.widget:after,
.sidebar_widgets li.widget:before,
.slick-dots li.slick-active button,
.social-list li:not(.main-bg) a:hover,
.tabs-style-ballon .nav-tabs > li.active > a,
.tabs-style-bg .nav-tabs > li.active a:after,
.tabs-style-bottomline li.active:after,
.tabs-style-lg.style-1 .nav-tabs > li.active > a,
.team-box.box-1:hover .team-details,
.team-box.box-2:hover,
.team-box.box-2:hover .team-pos,
.timeline .post-item .timeline_date .inner_date:before,
.timeline .post-item .timeline_date:before,
.top-bar .social-list li a:hover,
.top-bar.main-bg li.dropdown ul,
.top-head.boxed-transparent .bot-line,
.top-head.boxed-transparent .logo:after,
.top-head.boxed-transparent .logo:before,
.top-head.header-2 .top-cart > a:before,
.top-head.header-2 .top-nav > ul > li.selected > a,
.top-head.header-2 .top-nav > ul > li.selected > span > a,
.top-head.header-2 .top-nav > ul > li:hover > a,
.top-head.header-2 .top-nav > ul > li:hover > span > a,
.top-head.header-2 .top-search > a:before,
.top-head.header-5 .top-nav > ul > li .inner-mega:before,
.top-head.header-5 .top-nav > ul > li:before,
.top-head.header-6 .top-nav > ul > li .inner-mega:before,
.top-head.header-6 .top-nav > ul > li.mega-menu:hover > a,
.top-head.header-6 .top-nav > ul > li:hover:before,
.top-head.header-6 .top-nav > ul > li:hover > a:before,
.top-head.header-6 .top-nav > ul > li > span > a:before,
.top-head.header-8 .top-nav > ul > li.selected > a,
.top-head.header-8 .top-nav > ul > li.selected > span > a,
.top-head.header-8 .top-nav > ul > li:hover > a,
.top-head.header-8 .top-nav > ul > li:hover > span > a,
.top-nav.colored-submenu ul li ul,
.top-shop-links a:hover,
.tri-line:before,
footer .tags li a:hover,
footer .tags.hover-effect a:after,
input[type=radio]:checked + label > span > span,
li.outlined.rectangle:hover
{
    color: #fff;
    background-color: #1d3a8f;
    text-shadow: 1px 1px 1px rgba(0,0,0,.15);
}
.inner-magazine .blog-posts .post-item:hover .post-content,
.tp-caption.Photography-Menuitem:hover,
.p-style5 figure .icon-links a:hover:before,
.Photography-Menuitem:hover
{
    background-color: #1d3a8f !important;
}
.accordion.style-1 .panel > .panel-heading h4 a:not(.collapsed),
.accordion.style-4 .panel > .panel-heading h4 a:not(.collapsed),
.big-heart:before,
.blog-posts .post-item:hover .post-content .post-icon,
.btn.main-border.btn-outlined,
.divider i.to-top,
.footer-bottom .footer-menu li a:hover,
.footer-menu a:hover,
.icon-box.box-1:hover .transparent i,
.icon-box.box-1:hover h3,
.icon-box.gry-border-1:hover i,
.icons-style-1:hover .heading,
.icons-style-1:hover i.animat-icon,
.icons-style-2:hover .heading,
.item-price,
.main-color,
.main-color a,
.menu-widget li a:hover,
.nav-animate > ul > li > a span:after,
.nav-animate > ul > li > span > a span:after,
.post-item .post-info h2 a,
.pricing-tbl.style-1.selected .price-lg,
.pricing-tbl.style-1.selected h3,
.pricing-tbl.style-1:hover .price-lg,
.pricing-tbl.style-1:hover h3,
.pricing-tbl.style-2.selected .price-lg,
.pricing-tbl.style-2:hover .price-lg,
.pricing-tbl.style-4.selected .plan-head i,
.pricing-tbl.style-4:hover .plan-head i,
.side-nav > ul > li.hasChildren.selected:after,
.side-nav > ul > li.hasChildren:hover:after,
.side-nav > ul > li.selected > a,
.side-nav > ul > li:hover > a,
.social-list li.main-color a,
.tabs nav ul li.active a,
.testimonials-2 p:after,
.testimonials-2 p:before,
.timeline .post-item:nth-child(even) .timeline_date .day,
.timeline .post-item:nth-child(even) .timeline_date .month,
.top-bar ul li i,
.top-head .top-nav > ul > li.selected > a,
.top-head .top-nav > ul > li.selected > span > a,
.top-head.dark-transparent .top-nav > ul > li:hover > a,
.top-head.transparent .top-nav > ul > li.hasChildren:hover > a:after,
.top-head.transparent .top-nav > ul > li:hover > a,
.top-nav ul li a span:before,
.top-nav ul li.selected > a,
.top-nav ul li.selected > span > a,
.top-nav ul li:hover > a,
.top-nav > ul > li.hasChildren:hover > a:after,
.top-nav > ul > li.hasChildren:hover > span > a:after,
.tweets-widget .tweets_txt span,
.widget-tweets a,
.widget.custom-menu-widget ul li.selected:before,
a:hover
{
    color: #1d3a8f;
}
.close-modal.main-color,
.new-nav > ul > li.selected > a,
.one-page .current a
{
    color: #1d3a8f !important;
}
.accordion .panel.main-bg,
.btn.main-bg,
.contact-widget .social-list .diamond.outlined a:hover:after,
.feature-img:hover figure:before,
.flex-control-paging li a.flex-active,
.heading-full [class*=head-],
.icon-box.gry-border-2:hover,
.icons-style-2 i,
.img-icon,
.main-border,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.pricing-tbl.selected,
.pricing-tbl.style-4.no-margin.selected,
.pricing-tbl.style-4.selected .plan-head:before,
.pricing-tbl.style-4:hover .plan-head:before,
.pricing-tbl:hover,
.testimonials-2 .testimonials-img,
.tri-line,
footer .tags li:hover,
footer .tags.hover-effect a:hover,
li.outlined.circle:hover,
li.outlined.rectangle:hover
{
    border-color: #1d3a8f!important;
}
.accordion.style-1 .panel > .panel-heading h4 a:not(.collapsed),
.accordion.style-4 .panel > .panel-heading h4 a:not(.collapsed),
.bquote-3,
.filter-by,
.head-3 b:before,
.head-4 b:before,
.icons-style-2:hover .heading,
.inner-menu ul ul,
.p-style4 .name-holder,
.page-title.title-5 h3,
.pagination.bottom-border ul li,
.pricing-tbl.style-2:hover h3,
.sidebar_widgets li.widget,
.tabs-style-ballon .tab-content .tab-pane,
.testimonials-3 .testimonials-bg,
.toolsBar,
.top-bar li ul,
.top-search .search-box
{
    border-bottom-color: #1d3a8f;
}
.tabs-style-ballon.vertical .tab-content .tab-pane
{
    border-right-color: #1d3a8f;
}
.head-3 b:after,
.pricing-tbl.style-2:hover h3:before,
.pricing-tbl.style-2:hover h3:after,
.pricing-tbl.style-2.selected h3:after,
.cart-box,
.tabs-style-default .nav-tabs > li.active > a
{
    border-top-color: #1d3a8f;
}
.bquote-3 span.bottom,
.top-nav ul ul ul:before,
.icon-box-small i.left-angle.main-bg b:before
{
    border-color: transparent #1d3a8f transparent transparent;
}
.icon-box-small i.right-angle.main-bg b:before,
.head-triangle:after,
.right-arrow.main-bg:after
{
    border-color: transparent transparent transparent #1d3a8f;
}
.bquote-3 .bottom:after,
.bquote-4 span.main-bg:after,
.tabs-style-bottomline li.active:before,
#to-top:before
{
    border-color: transparent transparent #1d3a8f;
}
.accordion.style-4 .panel > .panel-heading h4 a:not(.collapsed):before,
.filter-by.style-2 ul li.active:after,
.filter-by.style-3 ul li.active:after,
.heading-full-color .tri-angle-down,
.tabs-style-ballon li.active a:after,
.tabs-style-lg.style-1 .nav-tabs > li.active > a:before,
.testimonials-3 .testimonials-bg:after
{
    border-color: #1d3a8f transparent transparent;
}
.tabs-style-bottomline li:last-child::after
{
    border-color: transparent #1d3a8f transparent;
}
.section-full-bg.main-bg .tri,
.fun-icon.main-bg.lg-icon:after,
.filter-by ul li.active a:after
{
    border-color: #1d3a8f transparent transparent transparent;
}
.icon-box .filled i:after
{
    box-shadow: 0 0 0 1px #1d3a8f;
}
.btn.main-bg.btn-3d
{
    -webkit-box-shadow: 0 5px 0 #1d3a8f;
            box-shadow: 0 4px 0 #1d3a8f;
}

.top-bar ul > li > a,
.top-bar ul > li > span
{
    color: #333 !important;
}

.inner-menu ul > li.selected > a,
.inner-menu ul > li:hover > a,
.post-item:hover .bottom_tools,
.testimonials-1 .testimonials-bg:after,
.testimonials-1 .testimonials-bg:before,
.top-bar.main-bg .social-list li a:hover,
.top-head .full.main-bg .top-nav > ul > li:hover,
a.main-bg:hover
{
    background-color: #e30613;
}
.section-full-bg.alter-bg:before,
.section-full-bg.alter-bg:after,
.alter-bg,
.btn.main-bg:hover,
.side-nav > ul > li > ul li.selected,
.side-nav > ul > li > ul li:hover,
.social-list li.diamond:hover,
.team-box .team-details .social-list li a:hover,
.team-box.box-2:hover .team-name,
.top-bar ul > li.dropdown.open > a,
.top-bar ul > li > a:hover,
.top-head .full.main-bg .top-nav > ul > li.selected,
a#notdienst
{
    color: #fff !important;
    background-color: #e30613 !important;
}
a#notdienst i,
.top-bar ul > li > a:hover i
{
    color: #fff !important;
}
a#notdienst
{
    font-size: 14px;
}
.lg-box:hover,
.top-head.header-8 .top-nav > ul > li.selected > a,
.top-head.header-8 .top-nav > ul > li.selected > span > a,
.top-head.header-8 .top-nav > ul > li:hover > a,
.top-head.header-8 .top-nav > ul > li:hover > span > a,
.top-nav ul
{
    border-color: #e30613 !important;
}
.testimonials-1 .testimonials-img:before
{
    border-color: transparent transparent transparent #e30613;
}
.testimonials-1 .testimonials-img:after
{
    border-color: transparent #e30613 transparent transparent;
}

*
{
    font-family: 'Open Sans', sans-serif;
}

.color-red
{
    color: #e30613 !important;
}

.color-white
{
    color: #fff !important;
}
.btn.main-bg:hover
{
    border-color: #ae040e !important;
}

h2
{
    color: #1d3a8f;
}

.pageContent h3
{
    font-size: 20px;

    margin-bottom: 10px;
}
.mce-content-body h2,
.pageContent h2 {
    margin-bottom: 10px;
}

.full-heading h2
{
    font-weight: bold;

    margin: 0;

    text-transform: uppercase;

    color: #fff;
}

.footer-bottom .f-right a
{
    text-transform: uppercase;

    color: #6b6b6b;
}

.footer-bottom .f-right a:hover,
.footer-bottom .f-right a:active,
.footer-bottom .f-right a:focus,
.footer-bottom .f-right a:focus:active
{
    color: #e30613 !important;
}

.pageContent img
{
    height: auto;
}

.list li
{
    padding-left: 30px;
}

.list li em
{
    font-size: 11px;
    line-height: 25px;

    width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-left: -30px;

    text-align: center;
}

.section
{
    padding-top: 50px;
}

.width100
{
    width: 100%;
}

img.width100
{
    width: 100% !important;
    height: auto !important;
}

.page-title > div > .container > .row
{
    display: table-cell;

    width: 100%;
    height: 220px;
    padding-bottom: 30px;

    vertical-align: middle;
}

footer img
{
    /*width: 120px;*/
    max-width: 100%;
    max-height: 50px;
    height: auto;
}
.section .full-heading
{
    margin-top: -50px;
}

.equalheight
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.equal
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

@media (max-width: 767px)
{
    .equalheight
    {
        display: block;
    }
}

.post-item
{
    margin: 0;
    min-height: 470px;

    background: #f5f5f5;
}


.post-content
{
    padding-bottom: 25px;
}


@media (max-width: 350px) {
    .marke-topnav {
        float: none;
        display: inline-block;
        width: 45%;
        margin-bottom: 5px;
    }
    /*#header-kontaktinfos*/
    #top-bar-oeffnungszeiten {
        padding: 45px 0px 0 0px;
    }
    #header-kontaktinfos .top-info {
        margin:0;
    }
    #header-kontaktinfos .top-info li {
        margin: 0;
        width: 100%;
        padding: 0;
    }
    #header-kontaktinfos .top-info li a {
        margin: 0;
    }
    #notdienst {
        width: 100%;
    }
    #header-marken {
        padding: 0 15px 15px 15px;
    }
    a.navbtn {
        width: 100%;
    }
    a.navbtn > i {
        float: right;
        padding: 13px;
    }
}

@media (max-width: 480px){
    .navbtn.active {
        right: 85%;
    }
    .new-nav {
        width: 85%;
        right: -85%;
    }
}


#main-contact-form label.error {
    border-color: #f2b1b4;
    background: #f1d5d6;
    padding: 15px;
    border-width: 1px;
    border-style: solid;
    margin-top: 5px;
}

#header-marken > .row {
    margin: 0;
}

#header-marken > .row > div {
    padding: 0;
    margin: 0;
    padding-left: 2px;
    max-width: 150px;
}

.marke-topnav {
    width: 100%;
    margin: 0;
}

@media (max-width: 480px){
    #header-marken > .row > div {
        margin-bottom: 2px;
    }
}



.simple .img-over .zoom {
    margin-right: -25px;
}

.tabs-style-bottomline p {
    min-height: 48px;
}

.tabs-style-bottomline i {
    height: 21px !important;
}

.tabs-style-bottomline i:before {
    font-size: 20px;
}

.footer-middle h3 {
    color: #fff !important;
}

.footer-middle h3:after {
    background-color: #fff;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    margin-left: 0px !important;
}

.sponsoring_partner {
    text-align: center;
}

.sponsoring_partner img {
    /*height: auto !important;
    width: 100% !important;*/
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
}

#top-bar {
    color: #fff;
    background: #333;
    padding: 5px 0px;
}

#header-oeffnungszeiten {

}

#header-kontaktinfos {
    text-align: right;
}

#header-kontaktinfos a {
    color: #fff !important;
}

@media (max-width: 992px) {
    #header-oeffnungszeiten {
        padding: 0px 50px 0px 10px !important;
    }
    #header-kontaktinfos {
        text-align: left;
        padding: 0px 50px 0px 10px !important;
    }
}

@media (max-width: 350px) {
    #header-oeffnungszeiten {
        padding: 50px 50px 0px 10px !important;
    }
    #header-kontaktinfos {
        text-align: left;
        padding: 0px 50px 0px 10px !important;
    }
    .top-head.header-5.sticky-nav {
        padding-top: 45px;
    }
}


.red-bg {
    background-color: #e30613;   
}