@charset "UTF-8";
/* CSS Document Allgemein*/

/* === Allgemein === */
/* === Container, Textgrößen, Festlegungen für HTML-Elemente === */
.container-fluid {
    padding-right:0; padding-left:0;}
.container{
    width:95%;
    padding-left:0;
    padding-right:0;}

body {position:relative;
    font-size:16px;}
h1 {font-size:1.5em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.15em;}
h5, h6 {
	font-size:1.1em;}
p,
li {font-size:1em;}
li h6 a{
    text-decoration: underline;}
a { color: rgba(30,30,70,1);
    text-decoration: none;
    line-height:1em;}
a:hover,
a:focus {
    color: rgba(100,100,100,1);
    text-decoration: underline;
    text-shadow:1px 1px 0 rgba(80,80,80,0.5);}
p a, h5 a, .unterstrichen {text-decoration: underline;}
ul {list-style:circle;}
ul ul {
    padding-left:10px;}
hr {border-top:1px solid rgba(170,220,50,1);
	margin-top:10px;}

/* === Kopf === */
#oben {width:240px; display:block;}
.kopfFest {
    width: 100%;
    background-color: #fff;
    display: block;
    position: fixed;
    top: 0;
	border-top:10px rgba(170,220,50,1) solid ;
    z-index: 1000;}
.seitenHeader {
	position:relative;
    padding-top:0px;
	color:rgba(10,10,10,1);
	text-align: left;
	background-color:rgba(255,255,255,1);}
.seitenHeader h1 {
    line-height:100%;}
.seitenHeader h2 {
    text-shadow:0 2px 0 rgba(255,255,255,.2);
    font-weight:400;}

/* === Navigation === */
.icon-bar {
    background-color:rgba(70,70,130,1);}
.active {
    font-weight:500;
    font-size:1.1em;}
.dropdown-menu li a{
    color: rgba(70,70,130,1);}
.dropdown-menu ul {
    list-style:none;}
.dropdown-menu li a:hover {
    text-decoration:none;}

/* === Allgemeine Festlegungen === */
figcaption {
    font-size:0.8em;
    text-align:center;}
.textZentriert{
    text-align:center;}
.textRechts{
    text-align:right;}
.keinUmbruch {white-space: nowrap;}
.hintergrundBlau {
    background-color:rgba(220,240,255,1);}
.gruenerRand {
    border-top:10px rgba(170,220,50,1) solid ;}
div.gruenerRand {
    margin-bottom:20px;
    border-bottom:1px rgba(170,220,50,1) solid;}
.gruenerStrich {
    border-bottom:1px rgba(170,220,50,1) solid;}
.hintergrundFooterNavi {
    background-color:rgba(220,240,255,0.3);}

/* === Bildschirmanpassungen für Allgemein, Kopf und Navigation === */

@media (max-width:599px){
/* === Textgrößen, Logo-Strich === */
    .container{
        width:95%;
        padding-left:0;
        padding-right:0;}
    body{
        font-size:12px;}
    h1 {font-size:1.3em;}
    h2 {font-size:1.2em;}
    h3 {font-size:1.1em;}
    
    .strich{
        margin-left:0px;
        margin-right:0px;
        width:100%;}
    
/* === Navigation === */
    ul.nav li {
        font-size:14px;}
}

@media (min-width:400px){
/* === Textgrößen === */
    h1 {font-size:1.35em;}
}
    
@media (min-width:600px){
/* === Textgrößen, Logo-Strich === */
    body {
        font-size: 14px;}
    h1 {font-size:1.4em;}
    .strich{
        width:100%;}
}

@media (min-width:768px){
/* === Textgrößen === */
    h1 {font-size:1.5em;}
    h2 {font-size:1.3em;}
    h3 {font-size:1.15em;}
    ul ul {
        padding-left:20px;}
    
/* === Navigation === */
    .navbar-nav > li > a {
        padding-top:15px;
        padding-bottom:15px;}
    .navbar-nav {
        margin-top:0;}
}

@media (min-width:1024px){
/* === Textgrößen === */
    body {
        font-size: 16px;}
    h5 a{
        font-size: 16px;
        text-align: center;
        display: block;}
    
/* === Navigation === */
    .dropdown-menu li a {
        font-size: 15px;}
}

@media (min-width: 1280px) {
/* === Textgrößen === */
    body {
        font-size: 17px;}
    h5 a{
        font-size: 17px;}
    figcaption {
        font-size:0.7em;
        text-align:center;}
    
/* === Navigation === */
    .dropdown-menu li a {
        font-size: 16px;}
}

@media (min-width:1500px){
/* === Textgrößen, Container === */
    .container{
        width:90%;}
    body{
        font-size:21px;}
    h5 a{
        font-size: 21px;}
    
/* === Navigation === */
    .dropdown-menu li a {
        font-size: 18px;}
}

@media (min-width:1920px){
    /* === Textgrößen, Container === */
    .container{
        max-width:1920px;}
    body{
        font-size:22px;}
    h5 a{
        font-size: 22px;}
    
    /* === Navigation === */
    .dropdown-menu li a {
        font-size: 20px;}
}
    
/* === Allgemein === */
/* === Fußzeile === */
footer {
    margin-top:10px;}
address {
    margin-bottom:0px;}
.seitenFooter {
    position:relative;
    padding-top:20px;
    color:rgba(10,10,10,1);
    text-align: left;
    background-color:rgba(170,220,50,1);
    padding-top:20px;
    padding-bottom:20px;}
.seitenFooter ul, address ul {
    list-style:none;
    padding:0 5%;
    line-height:130%;}
.seitenFooter a {
    text-shadow:0 2px 0 rgba(255,255,255,.2);}
.seitenFooter .linkText{
    font-size:0.8em;
    font-weight:bold;}
.seitenFooter a:hover,
.seitenFooter a:focus{
	text-decoration:none;}
.adresse li:first-child,
.oeffnungszeit > li:first-child{
	font-weight:700;}
.oeffnungszeit{
	display:block;}
.oeffnungszeit li ul {
    margin-left:0px;}
/* = Öffnungszeiten rechtsbündig damit es schöner aussieht! = */
.rechts{
    font-size: 1em;
    text-align:right;}


/* === Bildschirmanpassungen Fußzeile === */

@media (max-width:599px){
    .seitenFooter .col-xs-5 {
      width:42%;}
    .seitenFooter .col-xs-6 {
      width:57%;
      margin-right:0px;}
    .seitenFooter ul {
      padding-left: 4px;}
    ul.adresse li,
    ul.oeffnungszeit li{
      font-size:0.95em;}
    nav div.col-xs-6 {
      width:50%;}
    /* = Einrückung der Öffnungszeiten = */
    .rechts{
      padding-right:48%;}
}

@media (min-width:400px){
    /* = Einrückung der Öffnungszeiten = */
    .rechts{
      padding-right:56%;}
}

@media (min-width:500px){
    /* = Einrückung der Öffnungszeiten = */
    .rechts{
      padding-right:70%;}
}

@media (min-width:600px){
    /* === Fuss === */
    .seitenFooter .col-xs-5 {
      width:42%;}
    .seitenFooter .col-xs-6 {
      width:57%;
      margin-right:0px;}
    .seitenFooter ul {
      padding-left: 4px;}
    .oeffnungszeit{
      margin-top:0px;}
    ul.adresse li,
    ul.oeffnungszeit li{
      font-size:0.95em;}
    nav div.col-xs-6 {
      width:50%;}
    /* = Einrückung der Öffnungszeiten = */
    .rechts{
      padding-right:66%;}
}

@media (min-width:640px){
    /* = Einrückung der Öffnungszeiten = */
    .rechts{
      padding-right:70%;}
}

@media (min-width:768px){
    ul.adresse li,
    ul.oeffnungszeit li{
       font-size:1em;}
    .seitenFooter ul {
       padding-left: 20px;}
    .seitenFooter .col-xs-5 {
       width:42%;}
    .seitenFooter .col-xs-6 {
       width:50%;}
    /* = Einrückung der Öffnungszeiten = */
    .rechts{
       padding-right:32%;}
}

@media (min-width:860px){
    /* = Einrückung der Öffnungszeiten = */
    .rechts{
      padding-right:44%;}
}

@media (min-width:1024px){
    /* = Einrückung der Öffnungszeiten = */
    .rechts{
        padding-right:40%;}
}

@media (min-width: 1280px) {
    .seitenFooter {
        margin-top:20px;}
    /* = Einrückung der Öffnungszeiten = */
    .rechts{
        padding-right:50%;}
}

@media (min-width:1350px){
    /* = Einrückung der Öffnungszeiten = */
    .rechts{
        padding-right:56%;}
}

@media (min-width:1500px){
    
}

@media (min-width:1920px){
    .rechts{
        padding-right:67%;}
}

/* === Bildschirmanpassungen Formatierungen === */
@media (max-width:599px){
    .eingerueckt {
      padding-left:20px;
      padding-right:20px;}
    .eingeruecktH {
      padding-left:10px;
      padding-right:10px;}
    .eingeruecktG {
      padding-left:60px;}
    .abstandOben {
      margin-top:10px;}
    .abstandObenG {
      margin-top:30px;}
    .abstandUnten {
      margin-bottom:30px;}
    .abstandUntenH {
      margin-bottom:30px;}
    .abstandUntenHH {
      margin-bottom:5px;}
    div.col-sm-12 ul {
      padding-left:10px;
      padding-right:10px;}
}

@media (min-width:600px){
    .eingerueckt {
      padding-left:10px;
      padding-right:10px;}
    .eingeruecktG {
        padding-left:60px;}
    .abstandOben {
        margin-top:10px;}
    .abstandObenG {
        margin-top:40px;}
    .abstandUnten {
        margin-bottom:30px;}
    .abstandUntenH {
        margin-bottom:30px;}
    .abstandUntenHH {
        margin-bottom:5px;}
    div.col-sm-12 ul {
        padding-left:10px;
        padding-right:10px;}
}

@media (min-width:768px){
    .eingerueckt {
      padding-left:40px;
      padding-right:40px;}
    .eingeruecktG {
      padding-left:70px;}
    .abstandOben {
      margin-top:40px;}
    .abstandObenG {
      margin-top:80px;}
    .abstandUnten {
      margin-bottom:50px;}
    .abstandUntenH {
      margin-bottom:25px;}
    .abstandUntenHH {
      margin-bottom:10px;}
}

@media (min-width:1024px){
    .eingerueckt {
        padding-left:50px;
        padding-right:50px;}
    .eingeruecktH {
        padding-left:20px;
        padding-right:20px;}
    .abstandOben {
        margin-top:30px;}
    .abstandObenG {
        margin-top:90px;}
    .abstandUnten {
        margin-bottom:100px;}
    .abstandUntenH {
        margin-bottom:50px;}
    .abstandUntenHH {
        margin-bottom:20px;}
}

@media (min-width: 1280px) {
    .eingerueckt {
      padding-left:70px;
      padding-right:70px;}
    .eingeruecktH {
        padding-left:30px;
        padding-right:30px;}
    .abstandOben {
        margin-top:40px;}
    .abstandObenG {
        margin-top:80px;}
    .abstandObenH {
        margin-top:20px;}
}

@media (min-width:1500px){
    /* = Aktuelles "Mitglied im Skiclub ... " = */
    .gruenerRand h3.textZentriert {
        margin-top:30px;}
}

@media (min-width:1920px){
    /* = Aktuelles "Mitglied im Skiclub ... " = */
    .gruenerRand h3.textZentriert {
        margin-top:50px;}
    
    .eingerueckt {
        padding-left:140px;
        padding-right:140px;}
    .abstandObenG {
        margin-top:100px;}
}


	
/*=== Hilfsmittel um die Raster sichtbar zu machen! ===*/
/*.col-md-1, .col-sm-1,.col-md-2, .col-sm-2, .col-md-3, .col-sm-3,.col-md-4, .col-sm-4,.col-md-5, .col-sm-5,.col-md-6, .col-sm-6,.col-md-8, .col-sm-8,.col-md-9, .col-sm-9{border:#666699 solid thin}*/