@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
html, body {  
  width: auto !important;
  overflow-x: hidden !important;
}
a:active, a:selected, a:visited { 
    border: none !important;
    outline: none !important;
}
a:focus {
    outline: none !important;
}
a:active {
    background-color: transparent !important;   
}
*::-moz-selection{
    background: #b5011c ;
    color: #FFFFFF;
}
::selection {
    background: #b5011c ;
    color: #FFFFFF;
}
html, body   {
    font-family: Roboto, Verdana, Arial, sans-serif; 
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
}
h1, h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #b5011c;
    text-rendering: optimizeLegibility; 
}
h2  {
    color: #777;
}
strong {
    font-weight: 700;
} 
mark {
    background-color: #e6e6e6;
} 
.grau {
    color: #777;
}
.gruen {
    color: #baa903;
}
.rot {
    color: #b5011c;
}
.blau {
    color: #264d6c;
}
.logo-brand {
    font-family: Anton;
    font-weight: 400;
}  
body {
    margin: 15px 0 0;
}

.ma-bo-ex {
    margin-bottom: 0;
}

.img-ex {
    margin-top: 0;
}
header {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);    
    margin-bottom: 6px;
}
header img#logo-nav {
        display: block;
        margin: 15px auto 5px;
        margin: 0 auto 10px;        
}
header .container-fluid, header .container-fluid #main-nav-collapse {
    padding: 0;
    overflow-x: hidden !important;    
}
header .container-fluid {
    border-bottom: 2px solid #b5011c;    
}
header .navbar {
    margin-bottom: 15px;
    min-height: auto;   
}
header .navbar {
    margin-bottom: 15px;
    min-height: auto;
}
header .navbar-default {
    background-color:#fff;
    border: none;
}
header a {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 21px;    
}
header a.logo-brand {
    font-family: Anton;
    font-weight: 400;
    color: #b5011c !important;
    font-size: 24px;
} 
header .navbar .navbar-nav li a {
        padding: 10px 40px;    
}
@media (min-width: 768px) {
    header .navbar .navbar-nav {
        width: 100%;
        text-align: center;
        position: relative;       
    }   
        
    header .navbar .navbar-nav li {
        display: inline-block;
        float: none;           
    }
    
    header .navbar .navbar-nav li a {
        padding: 9px 10px 11px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;     
    }
}
h2.plrot:before { 
    content: '\271C'; 
    padding-right: 7px; 
    color: #b5011c;
}
h2.plblau:before { 
    content: '\271C'; 
    padding-right: 7px; 
    color: #264d6c;
}
h2.plgruen:before { 
    content: '\271C'; 
    padding-right: 7px; 
    color: #baa903;
}
h2.plgrau:before { 
    content: '\271C'; 
    padding-right: 7px; 
    color: #b3b3b3;
}
.blueslogan {
    border-bottom: 1px solid #D4DBE3;
    border-top: 1px solid #D4DBE3;
    color: #52708A !important;
    font-style: italic;
    font-size: 22px;
    text-align: center;
    padding: 10px 0;
    margin: 12px 7px 12px 7px;
}
img {
    border: none !important;
}
.picline { 
    padding: 0 5px;
}

#senior .picline {
    padding: 0 5px 30px;
}

.picline img {
    margin: 0 auto 15px;
}

.row img {
    margin: 10px auto;    
}
main .leistungcontainer {
    border: 1px solid #264d6c;
    padding: 30px;
}

main .leistungcontainer h2 {
    display: inline-block;
    padding: 10px 20px;
    margin: 0 -40px 10px;
    background: #264d6c;
    color: #fff;
}
main ul {
    padding-left: 0;    
}
main ul li { 
    list-style-type: none;
    padding: 0 0 2px;  
}
main li .glyphicon{
    color: #1c3a52;
    padding: 0 8px 0 0;
}
#IE8Body .bildercollage {
    margin: 40px auto;
    max-width: 450px;
}
.leistungsslogan {
   margin : 30px auto 0;
   background-color: #1c3a52;
   max-width: 450px;
   
}
.leistungsslogan h1 {
    color: #fff;
    padding: 20px;
    line-height: 1.8em;
}
form, .linie {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 40px;
    padding-bottom: 20px;
}
input[type="submit"], input[type="reset"] {
    border: 1px solid #ccc;
	background-color: #fff;
    border-radius: 4px 4px 4px 4px;
    margin: 0 10px 15px 0;
}
@media (min-width: 768px) {
    .picline img, .row img {
        display: inline;
        margin: 0;
    }
    .ma-bo-ex {
        margin-bottom: 20px;
    }
    #IE8Body .bildercollage {
        margin: 0;
        max-width: auto;
    }    
    .leistungsslogan {
       margin : 20px 0 0;
    }    
    .blueslogan {
        margin: 24px 30px 24px 20px;
    }                
    .img-ex {
        margin-top: 20px !important;
    }
    main ul {
        padding-left: 20px;
    }
}
#IE8Body h2.plrot:before {
    content: '';
}
#IE8Body h2.plblau:before {
    content: '';
}
#IE8Body h2.plgruen:before {
    content: '';
}
#IE8Body h2.plgrau:before {
    content: '';
}
footer a { 
    color: #1c3a52;
    text-decoration: none;}    
footer a:hover, a:focus {
    text-decoration: underline;
}
footer address a { 
    color: #727171;
}
.text-warning  {
    color: #264d6c;
}
.site-footer {
    background: #E5E5E5 url(../img/white_wall.png) repeat scroll 0% 0% ;
    border-top: 10px solid #b5011c;
    color: #727171;
    margin-top: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
}
.site-footer ul {
    list-style: none;
    padding-left: 0;
}
footer .glyphicon{
    padding: 0 5px 0 0;
}
footer .glyphicon-chevron-right{
    color: #1c3a52;
    font-size: 10px;
    vertical-align: 3px;   
}
footer .pull-right .glyphicon {
    font-size: 10px;
    vertical-align: 3px;
    padding: 0 5px 0 15px;
}
.site-footer-end {
    background: #808080;
    color: #313030;
    padding-top: 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bildercollage {
         margin: 40px auto;
        max-width: 450px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) {
    .bildercollage {
        margin: 0;
        max-width: auto;
    }  
}