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

/* 
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
LAYOUT
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
-------------------------------------------------------------------------------- 
*/
.startseite #hauptbereich {
	padding-top: 15px;
}	
@media (min-width: 768px) {
.startseite #hauptbereich {
	padding-top: 30px;
}
}

#innerwrap,
#wrap,
#hauptbereichwrap,
#kopfbereich {
background-color: var(--rahmenhintergrundfarbe_dunkel_hex)!important;
}

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

#logowrap {
	border-bottom: 5px solid var(--templatefarbe_hex);
	border-top: 5px solid var(--templatefarbe_hex);
	background-color: #fff;
}
@media (min-width: 768px) {
#logowrap {
	border-bottom: 7px solid var(--templatefarbe_hex);
	border-top: 7px solid var(--templatefarbe_hex);
}
}
@media (min-width: 992px) {
#logowrap {
	border-bottom: 10px solid var(--templatefarbe_hex);
	border-top: 10px solid var(--templatefarbe_hex);
}
}

#upperkopfbereichwrap {
}

#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;
}

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

/* ENTFERNT LINKEN UND RECHTEN RAND----------------------------------------*/

#logowrap {
	padding-left: 0px;
	padding-right: 0px;
}

/* 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{					
	margin-top: 50px!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: 15px solid var(--rahmenhintergrundfarbe_dunkel_hex);
	border-bottom: 15px solid var(--rahmenhintergrundfarbe_dunkel_hex);
}
#hauptbereich {
	border-top: 15px solid var(--rahmenhintergrundfarbe_dunkel_hex);
}

@media (min-width: 768px) {
#hauptbereichwrap {
	border-top: 15px solid var(--rahmenhintergrundfarbe_dunkel_hex);
	border-bottom: 15px solid var(--rahmenhintergrundfarbe_dunkel_hex);
}
#hauptbereich {
	border-top: 15px solid var(--rahmenhintergrundfarbe_dunkel_hex);
}
}

@media (min-width: 992px) {
#hauptbereichwrap {
	border-top: 30px solid var(--rahmenhintergrundfarbe_dunkel_hex);
	border-bottom: 30px solid var(--rahmenhintergrundfarbe_dunkel_hex);					
}
#hauptbereich {
	border-top: 30px solid var(--rahmenhintergrundfarbe_dunkel_hex);
}	
}


#hauptbereich {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;	
}
@media (min-width: 768px) {
#hauptbereich {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;	
}
}


#innerhauptbereich {
	padding: 15px 0;
}
@media (min-width: 768px) {
#innerhauptbereich {
	padding: 30px 0;
}
}


/*#teaser{
		padding-top: 15px;
	}
@media (min-width: 768px){
	#teaser{
		padding-top: 30px;
	}
	}*/



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

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

#footer {
    background-color: #fff;	
    padding: 0 15px 15px 15px;
}

#innerfooter {
    background-color: #fff;	
}

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

#footer .btn,
#footer .btn-footer {
	color: #030303 !important;
}
#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(--textfarbe_hex) !important;
	background-color: #ccc !important;
}

#produktangebot ul.nav li a:hover {
    background-color: inherit;
    color: var(--textfarbe_hex) !important;
}

#footer .btn-footer:hover,
#footer .btn-footer:focus,
#footer .btn-footer:active {
    background-color: #dedede;
	border-radius: 0;
}

#footer .btn,
#footer .btn-footer {
	font-size: 14px;
}

.shortcuts-telefon {
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}
.shortcuts-telefon:focus,
.shortcuts-telefon:hover,
.shortcuts-telefon:active {
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}

.shortcuts-kontakt {
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}
.shortcuts-kontakt:focus,
.shortcuts-kontakt:hover,
.shortcuts-kontakt:active {
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}
.shortcuts-kontakt i {
    margin-left: 17px !important;
}

.shortcuts-anfahrt {
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}
.shortcuts-anfahrt:focus,
.shortcuts-anfahrt:hover,
.shortcuts-anfahrt:active {
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}

.shortcuts-jobs {
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}
.shortcuts-jobs:focus,
.shortcuts-jobs:hover,
.shortcuts-jobs:active {
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}

.shortcuts-rechts h3:nth-child(1) a {	
    background: rgba(var(--templatefarbe_rgb), 1);
    color: #fff;
}
.shortcuts-rechts h3:nth-child(2) a {	
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}
.shortcuts-rechts h3:nth-child(3) a {	
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}
.shortcuts-rechts h3:nth-child(4) a {	
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}
.shortcuts-rechts h3:nth-child(5) a {	
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}
.shortcuts-rechts h3:nth-child(6) a {	
    background: rgba(var(--templatefarbe_rgb),1);
    color: #fff;
}