@charset "utf-8";
/* CSS Document */

body, p, h1, h2, h3, h4, h5, li, ul  {
    font-family: 'Oswald', sans-serif;
}

.font-open-sans, .font-lato {
      font-family: 'Oswald', sans-serif !important;
}

h1, h2 {
    text-transform: uppercase;
    
}

h2 {
    font-weight: 500;
}

h4 {color: #FFF;}

h3 {
    font-size: 21px;
    margin-bottom: 10px;
    color: #666;
}

p {
    font-weight: 300;
    font-size: 18px;
}


.slider .btn {
    color: #076c5a !important;
}

.slider .btn:hover {
    color: #FFF !important;
}

.slider .btn-rot {
    color: #6f0038 !important;
}

.slider .btn-rot:hover {
    color: #FFF !important;
}

a, a:focus:not(.btn), section.dark a, #slidetop a:hover, h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span, .pagination > li > a, .pagination > li > a:hover, .pagination > li > span, ul.list-links > li > a:hover, #sidepanel ul li a[data-toggle="collapse"], #sidepanel ul li a[data-toggle="collapse"]:hover, #sidepanel ul li a:hover, .menu-list ul li a:hover, .menu-list ul li.active a, #menu_overlay_close:hover, #topMain.nav-pills > li.active > a > span.topMain-icon, #page-menu.page-menu-light ul > li:hover > a > i, #page-menu.page-menu-dark ul > li:hover > a > i, #page-menu.page-menu-transparent ul > li:hover > a > i, #page-menu.page-menu-light ul > li.active > a > i, #page-menu.page-menu-dark ul > li.active > a > i, #page-menu.page-menu-transparent ul > li.active > a > i, .tp-caption.block_white, section span.theme-color, section em.theme-color, section i.theme-color, section b.theme-color, section div.theme-color, section p.theme-color, .owl-carousel.featured a.figure > span > i, .owl-carousel.featured a:hover:not(.btn), figure.zoom > a.lightbox:hover, #portfolio h2 > a:hover, #portfolio h3 > a:hover, #portfolio h4 > a:hover, #portfolio h5 > a:hover, #portfolio h6 > a:hover, .tab-post a:hover, .tag:hover > span.txt, section.dark .tag:hover > span.txt, ul.widget-twitter li > small > a:hover, .blog-post-item h2 > a:hover, .blog-post-item h3 > a:hover, .blog-post-item h4 > a:hover, .blog-post-item h5 > a:hover, .item-box .item-hover .inner .ico-rounded:hover > span, ul.side-nav > li:hover > a, ul.side-nav > li a:hover, ul.side-nav > li.active > a, a.href-reset:hover, a.href-reset.active, .href-reset a.active, .href-reset a:hover, .href-reset a.active, .price-clean-popular h4, .box-icon.box-icon-color i, .switch-primary.switch-round > input:checked + .switch-label::after, section.dark .nav-tabs.nav-clean > li > a.active {
    color: #6f0038;
}

/* Menü */
#header {
    font-size: 18px;
}

#header a.logo > img {
    height: 70px;
    
}

#header.fixed #topNav a.logo > img {
    height: 50px;
}

#was {
    background-color: #2c457c;
    color: #FFF !important;
}


#wo {
    background-color: #2c457c;
    color: #FFF !important;
}



i.ico-light {
background-color:
    rgb(255, 255, 255);
}

section.dark i.ico-hover:hover, i.ico-hover:hover {
    background-color: 
rgb(255, 255, 255,0.5);
border-color:
rgb(255, 255, 255,0.5);
}


#bewertungen {
    color: #2c457c;
    background-color: #EBEBEB;
}

.hellgrau {
    background-color: #EBEBEB;
}

.hg-blau {
    background-color: #2c457c;
    color: #FFF !important;
}


div.testimonial-bordered {
    border: 0px;
}

.blau {
    color: #2c457c !important;
}

.gruen {
    color: #076c5a !important;
}
.rot {
    color: #6f0038 !important;
}

.weiss {
    color: #FFF !important;
}


.btn-outline-primary {
    border-color: #076c5a;
    color: #076c5a;
}

.btn-outline-primary:hover {
    color: #fff;
background-color: #076c5a;
border-color: #076c5a;
}

#topMain.nav-pills > li > a {
color: #076c5a;
}

#topMain.nav-pills > li:hover > a, #topMain.nav-pills > li:focus > a {
    color: #FFF;
background-color: #076c5a;
}


#sidepanel.sidepanel-theme-color, div.alert.alert-theme-color, div.alert.alert-primary, span.badge-default, span.badge-default, .list-group-item.active > .badge.badge-default, .nav-tabs.nav-alternate > li > a.active, .datepicker table tr td.active.active, .callout-theme-color, .progress-bar-primary, .toast-primary, .owl-theme .owl-controls .owl-page span, .open > .dropdown-toggle.btn-primary, .show > .btn-primary.dropdown-toggle, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .pagination > .active > a, .pagination > .active > a:hover, #header li.quick-cart .quick-cart-box a.btn, #header li.quick-cart .quick-cart-box a.btn:hover, #topMain.nav-pills > li.active > a > span.theme-color, .ei-slider-thumbs li.ei-slider-element, .flex-control-paging li a.flex-active, .tp-caption.block_theme_color, .tp-bullets.simplebullets.round .bullet.selected, i.ico-color, .caption-primary, .shop-list-options .btn.active, .box-static.box-color, .switch.switch-primary > input:checked + .switch-label, .fancy-file-upload.fancy-file-primary > span.button, .primary-slider .ui-slider .ui-slider-handle::before, .primary-slider .ui-slider .ui-slider-range, .ribbon-inner, .info-bar.info-bar-color, .music-album-title:hover, .inews-item .inews-thumbnail .inews-sticky, #progressBar #bar, #page-menu, #page-menu ul {
    background-color: #2c457c;
}


div.testimonial > figure > img {
    width: 35px;
    height: 35px
}


.lead {
    color: #666;
}

#footer {
    background: #076c5a;
    color: #FFF;
}


.btn-green {
    background-color: #076c5a;

}



.btn-featured.btn-default {    background-color: #076c5a;

}

#footer > .container {
    margin-bottom: 0px;
}

.btn-featured {
    font-size: 16px !important;
}


#footer li, #footer a {
    color: #FFF;
}


a.social-icon > i[class*=" icon-"], a.social-icon > i[class^="icon-"] {
    font-size: 20px;
    line-height: 1.2;
}


.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
background-color: #6f0038;
border-color: #6f0038;
}

#footer a.social-icon {
    color: 
    #FFF !important;
}
a.social-icon.social-icon-border {
border: #FFF 1px solid;
}



::-moz-selection { 
   color:#000; 
   background:#ff9600; 
   text-shadow: none; 
}

::selection { 
   color:#FFF; 
   background:#6f0038; 
   text-shadow: none; 
}


div.toggle > label {
      background: #888 !important;
    color: #FFF;
}



div.toggle > label.toggleblau {
      background: #2c457c !important;
    color: #FFF;
}



div.toggle > label.togglegruen {
      background: #076c5a  !important;
    color: #FFF;
}

div.toggle > label.togglerot {
      background: #6f0038  !important;
    color: #FFF;
}


.owl-theme .owl-controls .owl-page span {
    width: 15px;
    height: 15px;
    border-radius: 9px;
}

h2 {
    color: 25px;
}

@media only screen and (max-width: 500px) {
.hidden-xs {
    display: none !important;
    }
    
    .smartphone-size {
        font-size: 20px !important;
        margin-bottom: 20px;
        
    }
    
    .smartphone-size-2 {
        font-size:15px !important;
    }
    
    .btn-outline-primary {
        margin-top:-70px !important;
    }
    
    h1 {
        font-size: 24px;
    }
    
    h2 {
        font-size: 18px;
        font-weight: 400;
    }
    
    .logo-smartphone {
        display: inherit;
    }
    
    
}