/*---------------- Stylesheet für Jenbachgasse ------------------*/

a { font-family:  "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

/*---------------- NAVIGATION ------------------*/

.navbar {
    border:hidden;
    padding: 0 5% 0 4%;
    margin: 0;
    height: 70px;
    background-color: #bdd465;}

.navbar-nav{
		font-size: 1.2em; 
		text-align:right;
        color: #fff;
        font-weight: bold;
        line-height: 1;
        margin-top: 0; }

.navbar-brand img{height: 60px;}

.navbar-brand {margin: 0;
            padding: 10px;  }

.navbar-brand .flaeche-w {padding: 5px;}
.navbar-brand .flaeche-b {padding: 5px;}
.navbar-brand .flaeche-g {padding: 5px;}
.navbar-brand {height: 70px; }


/*-------TOGGLE-------*/
.navbar-toggle .icon-bar{
	height: 4px;
	width: 50px;
	background-color: #112c64;
    border-radius: 3px;
    padding-right: 10%; }

.icon-bar{margin: 5px; }
.navbar-toggle{margin-right: 0;}

.navbar-toggle collapsed .flaeche-w {background-color: #FFFFFF;}
.navbar-toggle collapsed .flaeche-g {background-color: #bdd465;}
	
.navbar-dark .navbar-nav .nav-link  {color: #FFFFFF;}
.navbar-toggler .flaeche-b {background-color: #112c64;}
.navbar-toggler .flaeche-g {background-color: #bdd465;}

.navbar-nav > li > a {padding: 5px 15px; 
                    margin-top: 20px;}

.balken {height: 10px;
    background-color: #bdd465;
    width: 100%;}

/* ------------------------ BODY ---------------------------- */
/*-main { display: block; }-*/



.container{
	padding-left:0;
	padding-right:0;
    }

.container-fluid{
	padding-left:0;
	padding-right:0; }

body {
	background-color: #fff;
	color: #881007;
	padding-bottom: 0;
    letter-spacing: 1px; }

h1 {font-size: 4em; 
    font-weight: bold;
	letter-spacing:1px; 
	text-transform:uppercase;
    margin-bottom: 0; }
	
h2 {font-weight: bold;  
	font-size: 3em; 
    letter-spacing: 2px; }

h3 {font-size: 3em; 
    letter-spacing: 2px;
	font-weight: bold; 
    text-transform: uppercase;
    text-align: center;}

h4 {font-size: 2em; 
	font-weight:bold; }

h5 {font-weight: bold;  
	font-size: 1.5em; }


a:link {color: #112c64;}
a:visited {color: #112c64;}
a:hover {color: #112c64;}
a:active {color: #112c64;}

a:hover .link-w {color: #FFFFFF; }
a:active .link-w {color: #FFFFFF; }

a:link .link-a {color: #393939;}
a:visited .link-a {color: #393939;}
a:hover .link-a {color: #393939; }
a:active .link-a {color: #393939; }

a:link .link-g {color: #bdd465;}
a:visited .link-g {color: #bdd465;}
a:hover .link-g {color: #bdd465; }
a:active .link-g {color: #bdd465; }

a:link .link-b {color: #112c64;}
a:visited .link-b {color: #112c64;}
a:hover .link-b {color: #112c64; }
a:active .link-b {color: #112c64; }

a:hover {text-decoration: none; }


/*----- Farben der einzelnen Seiten -----*/
.text-w {color: #ffffff;}
.text-g {color: #bdd465;}
.text-b {color: #112c64;}
.text-r {color: #c31924;}

.flaeche-w {background-color: #ffffff;}
.flaeche-g {background-color: #bdd465;}
.flaeche-b {background-color: #112c64;}


/*------------- Seiten/Felder --------------*/
#site-1{
	padding:20% 0 0 0;
    margin-top: 4%;}

#site-2, #site-3, #site-4, #site-5{
    padding: 5% 0 20% 0;}

#site-6{
    padding: 5% 0 0 0;}

#site-1, #site-2, #site-3, #site-4, #site-5, #site-6{
    height: auto;}


#feld-1{padding: 4% 10%;
        text-align: center;}

#feld-2, #feld-3, #feld-4, #feld-4, #feld-5{
    padding: 2%;
    text-align: center;}

#feld-2b, #feld-3b, #feld-4b, #feld-5b{
    padding: 2% 2% 5% 2%;
    text-align: center;}

#feld-6{padding: 2%;
        text-align: left;}
#feld-6b{padding: 2% 2% 5% 2%;
        text-align: left;}

#feld-7{padding: 2%;
        text-align: left;}
#feld-7b{padding: 2% 2% 10% 2%;
        text-align: left;}

#feld-NL{padding: 2% 5% 10% 5%;
        text-align: left;}

.feld2-text{ font-weight: bold;  
	font-size: 1.5em;  }

.feld-textnormal{ font-weight: 400;  
	font-size: 1.5em;  }

.feld-textbold{ font-weight: bold;}

.download-text{ font-weight: bold;  
	font-size: 1.5em;  }

.datenschutz{font-size: 1em;  }

#galerie, #galerie-2{height: auto; }
#galerie, #galerie-2 .container-fluid{padding: 1%;}

.highlight{ padding: 2% 0;}
.eckdaten, .head{padding: 0 0 0 1%;
    line-height: 1.9;}

/*---------------- Start ------------------*/
.Abstand-unten-start{
    margin-bottom: 5%;
    padding-left: 1%;
    padding-right: 1%;}


/*---------- Alle -----------*/
.start-text{padding-left: 4%;
        padding-right: 4%;
        padding-bottom: 1%; }

.box-text{padding: 2%;}

.logo-marke{padding-left: 4%;
            padding-top: 4%;
            max-width: 20%;
            height: auto;}

.logo-marke-klein{padding-left: 4%;
            padding-top: 4%;
            max-width: 25%;
            height: auto;}

.text-norm{font-weight: normal;}
.text-webseite{font-weight: bolder;font-size: 1.5em;}
.kategorie{padding-bottom: 3%;}
.pics-main{padding:0 1%;}
.pics{padding:1%;}

.trans {background-color: rgba(255,255,255,0.5);
    padding-bottom: 1%;}

/*----- Hintergrundbilder -----*/
.start{
	background-image:url("../img/Seite-01.jpg");
	background-repeat:no-repeat;
	background-size: contain;
    text-align: center;
	}

.seite2 {
	background-image:url("../img/Seite-02.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	}

.seite3 {
	background-image:url("../img/Seite-03.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	}

.seite4 {
	background-image:url("../img/Seite-04.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	}

.seite5 {
	background-image:url("../img/Seite-05.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	}


/*------------------------KONTAKT-------------------------*/
.textfloat-right{float: right;
                padding-top: 2%;}
.textfloat-left{clear: right;}

/*------------------------NEWSLETTER-------------------------*/
.text-klein {font-size: 0.6em;}
.nl-img {padding: 0 0 5px 0;
        float: right;
        overflow: auto;
        }

/*-----------------------FOOTER-------------------------------*/

.footer-fix {
    padding: 15px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #112c64;
    letter-spacing: 1.5px;
    text-align: center;
    color: white;}


footer a,
footer a:link,
footer a:visited {
	color: #fff;
	}

.bildfuss {float: right;}

.footer {
    font-size: 1.2em;
    font-weight: bold;

}

.footer-2 {
    font-size: 0.8em;
    font-weight: normal;
}

/*------------------ Kekse -------------------*/

#kekse a {color:#FFFFFF; text-decoration:none;}
#kekse a:hover {text-decoration:underline;}

#kekse div {padding:10px; padding-right:40px;}

#kekse {
    color: #FFFFFF;
   text-align:center; 
   background: #A11D1A; 
   background: -moz-linear-gradient(top, rgb(161,29,26,0.8) 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgb(161,29,26,0.8))); 
   background: -webkit-linear-gradient(top, rgb(161,29,26,0.8) 100%); 
   background: -o-linear-gradient(top, rgb(161,29,26,0.8) 100%);
   background: -ms-linear-gradient(top, rgb(161,29,26,0.8) 100%); 
   background: linear-gradient(to bottom, rgb(161,29,26,0.8)  100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#A11D1A', endColorstr='#A11D1A',GradientType=0 ); 
   position:sticky;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#kekseCloser {
   color: #A11D1A;
   font: 20px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #000;
   top: 5px;
   cursor:pointer;
   padding:4px;
   background: #FFFFFF; /* Old browsers */
   background: -moz-linear-gradient(top, rgb(255,255,255,0.4) 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgb(255,255,255,0.4))); 
   background: -webkit-linear-gradient(top, rgb(255,255,255,0.4) 100%); 
   background: -o-linear-gradient(top, rgb(255,255,255,0.4) 100%); 
   background: -ms-linear-gradient(top, rgb(255,255,255,0.4) 100%); 
   background: linear-gradient(to bottom, rgb(255,255,255,0.4) 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff',GradientType=0 );  }

#kekse:hover {
   background: -moz-linear-gradient(top, rgb(161,29,26,1) 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgb(161,29,26,1))); 
   background: -webkit-linear-gradient(top, rgb(161,29,26,1) 100%); 
   background: -o-linear-gradient(top, rgb(161,29,26,1) 100%);
   background: -ms-linear-gradient(top, rgb(161,29,26,1) 100%); 
   background: linear-gradient(to bottom, rgb(161,29,26,1)  100%);     }



/*----------------------- MEDIA -------------------------------*/
/*--md 992 bis 1199--*/
@media (max-width: 1199px) {
    h1 {font-size: 4em; }
    h2 {font-size: 1.6em; }
    h3 {font-size: 3em; }
    h4 {font-size: 1.8em; }
    #navbar a{font-size: 0.9em;}	
    footer {font-size: 1.1em; }
    #site-1{margin-top: 60px;}
    
}/*-1199 ende-*


/*--sm 768 bis 991--*/
@media (max-width: 991px) {
    h1 {font-size: 3.2em; }
    h2 {font-size: 1.4em; }
    h3 {font-size: 2.5em; }
    h4 {font-size: 1.5em; }
    .navbar-brand img{height: 45px;}
    .navbar {height: 60px; }
    footer {font-size: 0.8em; height: 45px;}
    .Abstand-unten-s{padding-left: 2%; }
    .text-mitte{padding-bottom: 8%;  }
    #site-2, #site-3, #site-4, #site-5{padding: 5% 0 10% 0;}
    .logo-marke-klein{max-width: 30%; }
    .logo-marke{max-width: 25%;}

}/*-991 ende-*/
    

/*--xs 310/395 bis 767--*/
@media (max-width: 767px) { 
    h1 {font-size: 3em; }
    h2 {font-size: 1.3em; }
    h4 {font-size: 1em; }
    .download-text {font-size: 1em; }
    .media-text {font-size: 0.8em; }
    #navbar{padding-top: 0;}
    #navbar a{font-size: 1.1em;}
    .navbar-nav{opacity: 0.8;}
    footer {height: 75px;}
    .footer{padding-bottom: 0;}
    .logo-marke-klein{max-width: 50%; }
    .logo-marke{max-width: 35%;}

}/*-767 ende-*/


/*--xs--*/
@media (max-width: 575px) {
    h1 {font-size: 2.5em; }
    h2 {font-size: 1.1em; }
    h3 {font-size: 2em; }
    h5 {font-size: 1.2em; 
        margin-bottom: 0;}
    
    
}/*-575 ende-*/