/* latin-ext */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika Regular'), local('Signika-Regular'), url(../fonts/SignikaRegularLatinExt.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika Regular'), local('Signika-Regular'), url(../fonts/SignikaRegularLatin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: local('Signika SemiBold'), local('Signika-SemiBold'), url(../fonts/SignikaSemiBoldLatinExt.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: local('Signika SemiBold'), local('Signika-SemiBold'), url(../fonts/SignikaSemiBoldLatin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {

}
html.lg { font-size:110%; }
html.md { font-size:100%; }
html.sm { font-size:100%; }
html.xs { font-size:100%; }
body {
	overflow-y:scroll;
	font-family: Arial,sans-serif;
	font-size:100%;
	line-height:1.75rem;
	color:#404040;
}
#topnavi {
	position:fixed;
	width:100%;
	padding:0;
	z-index:99;
	background-color:rgba(231,214,192,1);
}
#kuehnellogo{
	/*background-image:url("/fileadmin/Template/Resources/Public/Images/logo-schriftzug-werbetechnik-kuehnel.jpg");
	background-repeat: no-repeat;
	background-size: contain;*/
	padding-top:2.5em;
	padding-right:0;
	padding-left:0;
	background-color:rgba(231,214,192,1);
	text-align:right;
}

#wrapper {
	height:100%;
	box-shadow: -7px 0 9px -9px rgba(150, 150, 150, 1), 7px 0 9px -9px rgba(150,150,150, 1);
}

.navbar {
	border:none;
	border-radius:0;
	margin-bottom:0;
	/*margin:2em 2% 0 2%;*/
}
.navbar-default {
	background-color:rgba(231,214,192,1);
	background-image:none;
	border-radius:0;
	box-shadow:none;
}
.navbar-default .navbar-nav > li > a {
	color:rgba(19,56,98,1);
}
/* Hauptmenue: Aktiver Menüpunkt */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
	background-color:rgba(231,214,192,0.5);
	color:rgba(3,168,232,1);
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
	background-color:rgba(3,168,232,1);	
}
.dropdown-menu {
	background-color:rgba(255,255,255,0.5);
}
/* Submenue: Aktiver Menüpunkt */
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
	background-color:rgba(3,168,232,1);
}
#mainmenu {
	padding:0;
}
#mainmenu a {
	font-weight:normal;
}

#wowslider-container1 .ws-title {
	background:none;
	opacity:1;
	text-shadow:2px 2px 4px #000000;
	color:white;
	letter-spacing:0;
}
#wowslider-container1 .ws-title div {
	padding-top:0;
}

h1, h3, h4, h5, h6 {
	margin:0.5em 0;
	color:rgba(33,49,85,1);
}
h2 {
	margin:0.5em 0;
	color:rgba(0,155,213,1);	
}

#content {
	margin:3rem 2% 6rem;
}
#content img {
	width:100%;
	height:auto;
	/*margin:2em 0;*/
}
/***** INFOBOX *****/
/*++++++++++++++++*/
.infobox{
    display: block;
    position: fixed;
    width: 8rem;
    height: 3rem;
    right: 0.3em;
    bottom: 2rem;
    z-index: 100 !important;
    padding: 0.5rem;
	font-size:0.8rem;
	color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
background-color: rgba(231,214,192,1);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1 1 5px 0 rgba(0, 0, 0, 0.4);
    opacity: 0.8;
	transition:all 1s ease;	
}
.infobox a{color:white;}

#footer {
	margin:0 -15px;
	padding:1.5rem 2%;
	background-color:rgba(171,144,117,0.9);
	color:white;
	font-size:0.9rem;
	line-height:1rem;
}
#footer h2 {
	font-size:120%;
	font-weight:bold;
	color:rgba(33,49,85,1);
}
#footer h3 {
	font-size:100%;
	font-weight:bold;
	color: rgba(248,208,32,1);
}
#footer ul {
	padding-left:15px;
}
#footer a {
	color:white;
}
#footer a:hover,
#footer a:active {
	color:rgb(19,36,79);
	text-decoration:none;
}

/********** RESPONSIVE WEBSITES **********/
/* Smartphones < 720px (hoch und quer) **/

/* Hx-Überschrift anpassen */
html.xs #content h1{
	font-size:180%;
	font-weight:normal;
	line-height:135%;
}