/*
*
*
*
*
*
*Diese Datei ist urheberrechtlich geschützt von "Rene Weik | weik.online GmbH" und darf nicht kopiert oder auf anderen Webseiten verwendet werden.
*
*
*
*
*
*/
/*Template CSS 04-14 */
/*Templatefarbe: #e2001a / 226,0,26 */

/* 
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
LAYOUT
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
-------------------------------------------------------------------------------- 
*/


#innerwrap,
#hauptbereichwrap,
#kopfbereich {
	background-color: var(--rahmenhintergrundfarbe_grau_hex);
}

/* KOPFBEREICH ----------------------------------------*/
/* KOPFBEREICH ----------------------------------------*/
/* KOPFBEREICH ----------------------------------------*/


/* ENTFERNT LINKEN UND RECHTEN RAND----------------------------------------*/
#logowrap {
	background-color: var(--hintergrundfarbe_hex);
	padding-left: 0px;
	padding-right: 0px;
}

#infobar {			/* Box mit Telefon und Menü drin */
	padding:  0 15px;
	height: 50px;
	background-color: var(--menuhintergrundfarbe_hex) !important;	
}
@media (min-width: 768px) {
#infobar {			
	padding:  0 30px;
	font-size: 14px;
}
}

#telefon {
	float: left;
	line-height: 50px;
	font-weight: bold;
}

/*--------------- Kopfbereich Hintergrundfarbe ändert sich beim Scrollen -------*/
#innerkopfbereich,
.scrolled #innerkopfbereich {
	height: auto!important;
}

.scrolled #innerkopfbereich {	
	border-bottom: 5px solid var(--akzentfarbe_hex);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.inverse-infobar,
.inverse-infobar .container {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}
.scrolled .inverse-infobar,
.scrolled .inverse-infobar .container {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


#farbbox {
    width: 100%;
	height: 10px;
	background: var(--rahmenhintergrundfarbe_grau_hex);	
	position: relative;
	margin-top: 50px;
}
@media (min-width: 768px) {
#farbbox {
    width: 100%;
	height: 20px;
	background: var(--rahmenhintergrundfarbe_grau_hex);	
	/*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.40);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.40);*/
	position: relative;
}
}
@media (min-width: 992px) {
#farbbox {
	height: 30px;
}
}



/* HAUPTNAVIGATION -------------------------------*/
/* HAUPTNAVIGATION -------------------------------*/
/* HAUPTNAVIGATION -------------------------------*/



/* TOGGLE BUTTON -------------------------------*/
#mainmenu button.navbar-toggle {
    top: 4px;
}
@media (min-width: 768px) {
#mainmenu button.navbar-toggle {
    top: 0px;
}
}

#mainmenu .navbar-default {
	margin-top: -5px;
}
@media (min-width: 992px) {
	#mainmenu .navbar-default {
		margin-top: 0px;
	}
}

@media (min-width: 768px) {
	#mainmenu .togglehead p {
		line-height: 10px;
	}
}


/*-------- Fix Abstand oben über Logo *------------------*/

body.weik-sidepmenu-push-toright .fix-mainmenu{
	left: -290px;
}
				
#hauptbereichwrap,
.scrolled #hauptbereichwrap{					
	border-top: 10px solid var(--rahmenhintergrundfarbe_grau_hex) !important;
}
@media (min-width: 768px) {
#hauptbereichwrap,
.scrolled #hauptbereichwrap{					
	border-top: 20px solid var(--rahmenhintergrundfarbe_grau_hex) !important;
}
}
@media (min-width: 992px) {
#hauptbereichwrap,
.scrolled #hauptbereichwrap{					
	border-top: 30px solid var(--rahmenhintergrundfarbe_grau_hex) !important;
}
}

#hauptbereichwrap,
#hauptbereichwrap{					
	margin-top: 0px!important;
}


/* LOGO VOLLE BREITE ----------------------------------------*/

#logo-full img {
	width: 100%;
	height: auto;
}

#logo-full {
	height: 100%;
	max-width: 100%;
    padding: 5px 15px;
}

@media (min-width: 768px) {
#logo-full {
    padding: 10px 0;
}
}
@media (min-width: 992px) {
#logo-full {
    padding: 15px 0;
}
}
@media (min-width: 1200px) {
#logo-full {
    padding: 15px 0;
}
}

/* HAUPTBEREICH + LOGO ABSTÄNDE ----------------------------------------*/
#hauptbereichwrap {
	width: 100%;
	border-top: 0px solid var(--rahmenhintergrundfarbe_grau_hex);
	border-bottom: 10px solid var(--rahmenhintergrundfarbe_grau_hex);
}
#hauptbereich {
	border-top: 0px solid var(--rahmenhintergrundfarbe_grau_hex);
	padding-top:  15px;
	padding-left:  15px;
	padding-right:  15px;	
}

@media (min-width: 768px) {
#hauptbereichwrap {
	border-top: 0px solid var(--rahmenhintergrundfarbe_grau_hex);
	border-bottom: 20px solid var(--rahmenhintergrundfarbe_grau_hex);
}
#hauptbereich {
	border-top: 0px solid var(--rahmenhintergrundfarbe_grau_hex);
	padding-left:  30px;
	padding-right:  30px;	
}
}

@media (min-width: 992px) {
#hauptbereichwrap {
	border-bottom: 30px solid var(--rahmenhintergrundfarbe_grau_hex);					
}
#hauptbereich {
	border-top: 0px solid var(--rahmenhintergrundfarbe_grau_hex);
}	
}
	
#innerhauptbereich {
	padding: 15px 0 !important;					
}
@media (min-width: 768px) {
#innerhauptbereich {
	padding: 30px 0;					
}
}
	
	
#teaser{
		padding-top: 0px;
	}
@media (min-width: 768px){
	#teaser{
		padding-top: 0px;
	}
	}



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

#footerwrap {
    background-color: var(--footerhintergrundfarbe_hex);
	border-top: 5px solid var(--templatefarbe_hex);
}

#footer {
    background-color: var(--footerhintergrundfarbe_hex);	
    padding: 0 15px 15px 15px;
}

#innerfooter {
    background-color: var(--footerhintergrundfarbe_hex);
}

#footer p,
#produktangebot p, 
#produktangebot ul li {
    color: var(--footertextfarbe_hex) !important;
}

#produktangebot ul.nav li a:hover {
    background-color: inherit;
    color: #3D3D3D!important;
}

#footer .btn,
#footer .btn-footer {
	color: var(--footertextfarbe_hex) !important;
	border-radius: 0;	
}
#footer .btn-footer:hover,
#footer .btn-footer:focus,
#footer .btn-footer.focus,
#footer .btn-footer:active,
#footer .btn-footer.active,
#footer .open > .dropdown-toggle.btn-footer {
	color: var(--footertextfarbe_hex)!important;
	background-color: #ccc !important;
	border-radius: 0;	
}