/*

 stylesheet.css v.1_07
 28.09.2015
 
 abc4IT GmbH - Seestrasse 181 - CH-8820 Waedenswil
 info@abc4it.com
 Tel. +41 (0)44 680 26 56 Fax.   +41 (0)44 680 26 58
 www.abc4it.com       support@abc4it.com
 
 Description:
 Diese Css datei ist zuständig für alle seiten.
 
 Copyright: abc4IT GmbH P.Perret
 
 History:
 -
 
 ToDo:
 -

*/
body
{
    background-color: #eee !important;
    overflow-y: scroll;
}
footer
{
    border-top: 1px solid #808080;
    text-align: center;
    background-color: #03398c;
    padding-bottom: 0.3px;
    color: white;
}
p
{
    color: black;
}
h1,h2,h3,
h4,h5,h6
{
    color: black;
}
h6
{
    color: white; 
}
img, embed, object, video 
{
    max-width: 100%;
}
.brand-text, .brand-logo 
{
    padding:0 15px;
}
.nav_element.active 
{
    background: #2D69F7; 
}
.btn-primary
{
    border-radius: 4px;
    background-color: #03398C;
}
.btn-primary:hover 
{
    background-color: #2D69F7;
}
.cbp-hrmenu .cbp-hrsub 
{
    z-index: 11;
}
li
{
    list-style-type:none;
}
/*----------------------------------------------------------------------------*/
#richtungen
{
    width: 50px;
    height: 50px;
}
#contentbox
{
    padding: 10px 15px;
    padding-bottom: 0px;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    background-color: white;
}
#titel
{
    font-size: 50px;
    font-weight: 800;
    text-decoration:none;
    color: black;
}
#untertitel
{
    margin-top: -10px;
    color: black;
    margin-left: 65px;
}
#logo
{
    margin-top: 30px;
    width:100%;
}
#infobild
{
    display: block;
    margin-left: auto;
    margin-right: auto; 
    border:1px solid black;
    height: 300px;
}
#aktuellesbox
{
    border-right: 1px solid #808080;
}
#infotext
{
    text-align: center;
    font-size: 15px;
}
#infoueberschrift
{
    margin-top: 25.5px;
    font-weight: 700;
    text-align: center;
}
#links
{
    color: black;
    font-weight: 700;
    padding: 1em 2em;
    display: block;
    color: white;
}
#productbilder
{
    width: 200px;
    height: 200px;
    border:1px solid black;
}
#trenen
{
    border-bottom: 1px solid #808080;
    margin: 20px -15px;
}
#cbp-hrmenu
{
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    background-color: #03398c;
}
#ueberunsbox
{
    margin-left: 20px;
    margin-right: 20px;
    background-color: white;
    margin-bottom: 0;
}
#ueberunstext
{
    margin-bottom: -15px;
    margin-top: 15px;
}
#ueberunstexttitel
{
    margin-top: -15px;
    font-weight: 400;
}
#ueberunsbild
{
    display: block;
    margin-left: auto;
    margin-right: auto; 
    border:1px solid black;
    max-width: 100%;
}
#anzahlproduktlink
{
    color: black
}
#shopprodukte
{
    border-left: 1px solid #808080;
    border-top: 1px solid #808080;
}
#shopprodukte1
{
    border-top: 1px solid #808080;
}
#submit
{
    float: right;
    background-color: #03398C;
    color: white;
}
#dienstleistungenbox
{
    border-left: 1px solid #808080;
}
#radiokontakt
{
    margin-right: 15px;
}
#comment
{
    max-width: 945px;
    min-height: 30px
}
#seiten_nav
{
    padding-right: 0px;
}
#dienstleisungencarousel
{
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 480px) and (max-width: 768px) 
{
    #cbp-hrmenu 
    {
        display: none;
    }
}

#menu-btn 
{
    height: 36px;
    cursor: pointer;
    display: none;
    float: right;
    font-size: 18px;
    font-weight: 200;
    margin-top: 0.8em;
    padding: 3px 8px;
    z-index: 99;
}
.glyphicon-option-horizontal::before {
    color: white;
}
.menu-btn span 
{
    display: block;
    width: 30px;
    height: 3px;
    margin: 5px 0;
    background: rgb(255,255,255);
    z-index: 99;
    border: white 1px solid;
    border-radius: 5px;
}
.responsive-menu 
{
    top: 0;
    position: absolute;
    display: none;
    left: 0px;
    background-color: #03398C;
    width: 100%;
    margin-top: 64px;
    box-shadow: 0 0 5px black;
    border-top: white thin solid;
    z-index:50;
}
.responsive-menu ul li ul 
{
    display: none;
}
.responsive-menu ul li ul li
{
    padding: 0;
    display: block;
}
.responsive-menu ul li ul li a
{
    font-size: 1em;
}
.responsive-menu ul li 
{
    padding: 8px 10px;
}
.responsive-menu a 
{
    text-decoration: none;
    font-size: 1.3em;
}
.expand 
{
    display: none; 
}
.glyphicon-option-horizontal 
{
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    float: right;
    font-size: 1.8em;
    margin-right: 15px;
    cursor: pointer;
}
.glyphicon-option-horizontal.rotate 
{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
span[id*='burger'] 
{
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#burger1.rot 
{
    position: absolute;
    top: 26px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#burger2 
{
    opacity: 1;
}
#burger2.fadeAway 
{
    opacity: 0;
}
#burger3.rot 
{
    position: absolute;
    top: 26px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media (max-width: 768px) 
{
    .carousel-inner 
    {
        padding-top: 20px;
    }
    #menu-btn 
    {
        display: block;
    }
    .expand 
    {
        display: block !important; 
    }
    header 
    {
        min-height: 2.5em;
        height: 64px;
    }
    header h1#logo 
    {
        margin-left: 10px;
        line-height: 0.7em;
        font-size: 2em;  
    }
    header #navigation a 
    {
        display: none;
    }
    header.smaller 
    {
        min-height: 2.5em;
    }
    header.smaller h1#logo 
    {
        line-height: 0.7em;
        font-size: 2em;
    }
    header.smaller #navigation a 
    {
        display: none;
    }
    .container {
        padding-left: 5px;
    }
    #content-container 
    {
        padding: 65px 25px 25px 25px;
    }
    #menu-btn
    {
        background-color: #03398C;
        margin-top: -110px;
    }
    .responsive-menu expand
    {
        background-color: #03398C; 
    }
    #logo
    {
        visibility: hidden;
    }    
    #normal-nav
    {
        visibility: hidden;
    }
    #mobile-nav
    {
        background-color: #03398C; 
    }
    header
    {
        background-color: #03398C;  
    }
    #titel-mobile
    {
        margin-top: 0;
        color: white;
        font-size: 50px;
    }
    #contentbox 
    {
        padding: 0 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) 
{
    header h1#logo 
    {
        font-size: 3em;
    }
    header #navigation a 
    {
        font-size: 1.3em;
    }
    #navigation li a 
    {
        padding: 0 6px;
    }
    #titel-mobile
    {
        visibility: hidden;
    }
    header
    {
        margin-top: -65px; 
    }
    #home-producte
    {
        font-size: 20px;
    }
}
@media (min-width: 1200px) 
{
    #titel-mobile
    {
        visibility: hidden;
    }
    header
    {
        margin-top: -65px;
    }
    #home-producte
    {
        font-size: 26px;
    }
}
@media (min-width: 280px) and (max-width: 480px) 
{
    #menu-btn 
    {
        background-color: #03398c;
        margin-top: -80px;
    }   
}
@media (max-width: 279px) 
{
    #menu-btn 
    {
        background-color: #03398c;
        margin-top: -175px;
    } 
}
@media (min-width: 769px) and (max-width: 991px) 
{
    #titel-mobile
    {
        visibility: hidden;
        margin-top: -40px;
    }
}