/* ngb_style.css FG for FARGO 11/2015 */

/* WEBFONTS */
/* first for IE 4–8 */
@font-face {
  font-family: ScalaSansWeb;
  src: url("../inc_font/ScalaSansWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: ScalaSansWeb;
  src: url("../inc_font/ScalaSansWeb.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
  font-family: ScalaSansScWeb;
  src: url("../inc_font/ScalaSansScWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: ScalaSansScWeb;
  src: url("../inc_font/ScalaSansScWeb.woff") format("woff");
}
/* /WEBFONTS */


body{
	border-top: 0.6em solid #ee2c27;
	font-family: ScalaSansWeb, sans-serif;
	font-size: 150%;
}

h1, h2, h3, h4, a, footer{
	font-family: ScalaSansScWeb, sans-serif;
	text-transform: lowercase;
}

.border_red{
	border-top: 1px solid #ee2c27;
	padding: 0.3em;
}

.no_border{
    border: none;
}

h2{
	text-align: center;
	margin-top: 3.5em;
	margin-bottom: 1.4em;
	line-height: 1.6em;
}

h3{
	border-bottom: 1px solid #ee2c27;
	font-size: 1.2em;
	padding-bottom: 0.4em;
}

h3.simple{
    border-bottom: none;
    text-align: center;
}

h4{
	margin-top: 3em;
}

p{
	color: #454545;
}

a{
	color: #ee2c27;
}

a.nocta{
    color: #454545;
    text-decoration: underline;
}

a img{
    border: none;
}

nav a, #nav_sub a{
	color: #000;
}

nav a:hover{
	color: #ee2c27;
	text-decoration: underline;
}

.active{
	color: #ee2c27 !important;
}

img{
	max-width: 100%;
}

ul{
	list-style: none;
	list-style-position: outside;
}

.luft3{
	margin-top: 3em;
}

.text-center{
}

main a:focus, a:hover
{
  color: #000000;
}


/* HEADER */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
header{
	margin-top: 2em;
	margin-bottom: 2em;
    position: relative;
    z-index: 500;
}

nav{
	text-align: center;
}

nav img{
	position: relative;
	max-width: 166px;
	width: auto;
	height: auto;
}

nav picture{
	width: auto;
	height: auto;
}

nav div{
	padding-top: 4.2em;
}

nav div a, #nav_sub a{
	color: #999;
	padding-right: 0.4em;
	padding-left: 0.4em;
}

.lang_active, #nav_sub a.lang_active{
	color: #000 !important;
}

nav ul{
	display: block;
	padding-top: 3em;
	text-align: center;
	float: none;
	clear: both;
	padding-left: 0;
}

nav ul li{
	float: none;
	display: inline-block;
}

nav ul li a{
	display: inline;
	padding: 0.5em;
}

a.active{
	color: #ee2c27 !important;
}

/* Störer */
#stoerer{
    position: absolute;
    right: 0;
    display: block;
    width: 60%;
    max-width: 350px;
    height: 10em;
    z-index: 100;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px){
	nav img{
		max-width: 180px;
	}
    /* Störer */
    #stoerer{
        position: relative;
        display: block;
        width: 350px;
        max-width: 350px;
        height:200px;
        left: 400px;
        top: 200px;
        margin-top: -200px;
        margin-bottom: 0;
    }
    #stoerer.noslideshow{
        top: 106px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px){
	nav{
		text-align: left;
	}
	nav ul{
		padding-top: 4.2em;
		float: right;
		clear: none;
		position: relative;
		right: 1.3em;
	}
	nav ul li{
		float: left;
	}
	nav img{
		200px;
	}
    /* Störer */
    #stoerer{
        left: 620px;
        top: 200px;
    }
    #stoerer.noslideshow{
        left: 135px;
        top: 200px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* Störer */
    #stoerer{
        left: 820px;
    }
    #stoerer.noslideshow{
        left: 235px;
    }
}
/* /HEADER */


/* CAROUSEL */
.carousel{
	margin: 0 -15px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
/* /CAROUSEL */

/* PRDUKTE */
ul h4{
	width: 100%;
	border-bottom: 1px solid red;
	margin-top: 2em;
}
.h2_p{
	color: grey;
	margin-top: 1.4em;
	line-height: 1.2em;
}

.nichtda{
	background-image: url('../inc_img/list_show_24x24.png');
	background-repeat: no-repeat;
	padding-bottom: 1.5em;
	background-position: center bottom;
}

.da{
	background-image: url('../inc_img/list_close_24x24.png');
	background-repeat: no-repeat;
	padding-bottom: 1.5em;
	background-position: center bottom;
}

.zentriert{
	display: block;
	margin: 3em auto;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px){
	.nichtda{
		background-position: right top;
		padding-bottom: 0em;
	}
	.da{
		background-position: right top;
		padding-bottom: 0em;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px){
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.h3_p{
	border-bottom: none;
	color: #ee2c27;
	font-size: 1.4em;
}
.ul_p{
	padding-left: 0;
	margin-bottom: 3em;
}
.p_p{
	margin-bottom: 3em;
}

.akkordeon{
	display: none;
}

.clickpic, .clickme{
	cursor: pointer;	
}

/* /PRODUKTE */

/* KONTAKT */
.red{
	font-family: ScalaSansScWeb, sans-serif;
	text-transform: lowercase;
	color: #ee2c27;
	font-size: 1.3em;
	margin-top: 1em;
}

/* /KONTAKT*/

/* MAIN */
#div_slideshow{
	margin-bottom: -4em;
}

section div{
	margin-bottom: 3em;
}

.klar{
	margin-bottom: 0;
}

.platz{
	padding: 0 15px;
}

.luft_top{
    margin-top: 2em;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px){
	.platz{
		padding: 0;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px){
	section div{
		margin-bottom: 0em;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.top_luft{
	margin-top: 1.5em;
}

/* /MAIN */


/* FOOTER */
footer{
	margin-top: 4em;
	margin-bottom: 3em;
	font-size: 0.9em;
}

#div_footer_logo{
	padding-bottom: 2em;
	text-align: center;
}

#div_footer_logo img{
	width: auto;
	height: auto;
	min-width: 120px;
	max-width: 100%;
}

.redbordertop{
	border-top: 2px solid #ee2c27;
	padding-top: 2em;
	position: relative;
	left: 3%;
	width: 94%;
	margin: 0 0;
}

#nav_sub{
	margin: 2em 0;
	text-align: center;
}

#div_adress{
	text-align: center;
	line-height: 1.6em;
}

.adr_air{
	padding: 0 2em;
	display: block;
}

#a_imprint{}

#a_imprint .active{
	color: #ee2c27 !important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px){
	.adr_air{
		padding: 0 1em;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px){
	#div_footer_logo{}
	
	#div_footer_logo img{
		max-width: 100%;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){
	.adr_air{
		display: inline;
	}
	.adr_nr{
		display: inline;
	}
}
/* /FOOTER */