/* ==========================================================================
   Pflegebox Saar – Basis-Layer
   Schlanker Ersatz für bootstrap.min.css + main.css + responsive.css.
   Enthält nur, was die Seiten wirklich nutzen: Reset, Container, Grid,
   Navigation, Hilfsklassen. Wird VOR custom.css geladen.
   ========================================================================== */

/* ------------------------------------------------------------- Reset ----- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0}
main{display:block}
/* Abstände wie zuvor durch Bootstrap gesetzt – custom.css überschreibt gezielt */
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h4,h5,h6{margin-top:10px;margin-bottom:10px}
p{margin:0 0 10px}
ul,ol{margin-top:0;margin-bottom:10px}
img{border:0;vertical-align:middle}
svg:not(:root){overflow:hidden}
a{background-color:transparent;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;margin:0}
button{overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}
button::-moz-focus-inner{border:0;padding:0}
iframe{border:0}
table{border-collapse:collapse;border-spacing:0}
hr{box-sizing:content-box;height:0;overflow:visible}
details summary{display:list-item}

/* ---------------------------------------------------------- Container ---- */
.container{
  width:100%;
  margin-right:auto;margin-left:auto;
  padding-right:15px;padding-left:15px;
}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}

/* --------------------------------------------------------------- Grid ---- */
.row{margin-right:-15px;margin-left:-15px}
.row::before,.row::after,
.container::before,.container::after,
.navbar::before,.navbar::after,
.navbar-header::before,.navbar-header::after,
.navbar-collapse::before,.navbar-collapse::after{content:" ";display:table}
.row::after,.container::after,.navbar::after,
.navbar-header::after,.navbar-collapse::after{clear:both}

[class*="col-xs-"],[class*="col-sm-"],[class*="col-md-"]{
  position:relative;min-height:1px;
  padding-right:15px;padding-left:15px;
}
.col-xs-6{float:left;width:50%}
.col-xs-12{float:left;width:100%}

@media (min-width:768px){
  .col-sm-6{float:left;width:50%}
  .col-sm-12{float:left;width:100%}
}
@media (min-width:992px){
  .col-md-2{float:left;width:16.66666667%}
  .col-md-3{float:left;width:25%}
  .col-md-4{float:left;width:33.33333333%}
  .col-md-5{float:left;width:41.66666667%}
  .col-md-6{float:left;width:50%}
  .col-md-7{float:left;width:58.33333333%}
  .col-md-8{float:left;width:66.66666667%}
  .col-md-9{float:left;width:75%}
  .col-md-12{float:left;width:100%}
}

/* --------------------------------------------------------- Navigation ---- */
.navbar{position:relative;min-height:50px;margin-bottom:0;border:0}
.navbar-fixed-top{position:fixed;right:0;left:0;top:0;z-index:1030}

.navbar-header{position:relative}
.navbar-brand{
  float:left;display:block;height:auto;
  padding:15px;font-size:18px;line-height:20px;
}

.navbar-toggle{
  position:relative;float:right;
  padding:9px 10px;margin:8px 15px 8px 0;
  background-color:transparent;background-image:none;
  border:1px solid transparent;border-radius:4px;
}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}

.navbar-collapse{
  padding-right:15px;padding-left:15px;
  overflow-x:visible;-webkit-overflow-scrolling:touch;
}
.collapse{display:none}
.collapse.in{display:block}

.navbar-nav{margin:0;padding:0;list-style:none}
.navbar-nav>li>a{display:block;padding:10px 15px;line-height:20px;position:relative}

/* Umschaltpunkt 992 px statt 768 px: acht Menüpunkte plus Logo passen
   in einen 750-px-Container nicht in eine Zeile. */
@media (max-width:991px){
  .navbar-collapse{
    max-height:calc(100vh - 130px);overflow-y:auto;
    border-top:1px solid rgba(255,255,255,.12);
    padding-top:6px;padding-bottom:10px;
  }
}
@media (min-width:992px){
  /* Ohne float:left würde der geclearfixte Header die volle Breite belegen
     und das rechts gefloatete Menü in die nächste Zeile drücken. */
  .navbar-header{float:left}
  .navbar-toggle{display:none}
  .navbar-collapse{
    display:block!important;height:auto!important;
    padding-bottom:0;overflow:visible!important;
    border-top:0;box-shadow:none;
    width:auto;
  }
  .navbar-collapse.collapse{display:block!important}
  .navbar-nav{float:left}
  .navbar-nav>li{float:left}
  .navbar-right{float:right!important}
}

/* --------------------------------------------------------- Hilfsklassen -- */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.pull-left{float:left}
.pull-right{float:right}
.text-center{text-align:center}
.hidden{display:none!important}
.clearfix::after{content:"";display:table;clear:both}