/*
*
*
*
*
*
*Diese Datei ist urheberrechtlich geschützt von "Rene Weik | weik.online GmbH" und darf nicht kopiert oder auf anderen Webseiten verwendet werden.
*
*
*
*
*
*/
/*Template: 03-14 */
/*Templatefarbe: #ffed00   */

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

.applook {
	margin-top: 0!important;
	margin-bottom: 20px;
}


#innerwrap,
#wrap,
#hauptbereichwrap,
#kopfbereich {
background-color: transparent!important;
}

#background {
	background-image: url(../img/bgeffect2.jpg);
	background-repeat: repeat-x;
    background-position: top;
}

@media (min-width: 768px) {
#background {
	background-image: url(../img/bgeffect.jpg);
	background-repeat: repeat-x;
    background-position: top;
}
}

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

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

#upperkopfbereichwrap {
}

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

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

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

#innerkopfbereich {
	background-color: #444;
}
.scrolled #innerkopfbereich {
	background-color: #444;
	border-bottom: 5px solid #ffed00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.startheaders h3 {
	font-size: 24px!important;
}

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

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

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



/* TOGGLE BUTTON -------------------------------*/

/*#mainmenu .toggle-wrap {
    margin-top: -5px;
	margin-right: 10px;
}
.navbar-toggle {
    padding: 0;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0;
}
#mainmenu .togglehead {
	top: 23px;
    left: 2px;
}*/


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

body.weik-sidepmenu-push-toright .fix-mainmenu{
	left: -240px;
}
				
#hauptbereichwrap,
.scrolled #hauptbereichwrap{					
	margin-top: 55px!important;
}




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

#logo-full img {
	width: 100%;
	height: auto;
}
@media (min-width: 768px) {
    #logo-full img {
        width: 150px !important;
        height: auto;
    }
}
@media (min-width: 992px) {
    #logo-full img {
        width: 175px !important;
        height: auto;
    }
}
@media (min-width: 1200px) {
    #logo-full img {
        width: 195px !important;
        height: auto;
    }
}

#logo-full #mittig {
    margin: 0px auto;
    width: 100%;
}
@media (min-width: 768px) {
    #logo-full #mittig {
        margin: 0px auto;
        width: 175px;
    }
}
@media (min-width: 992px) {
    #logo-full #mittig {
        margin: 0px auto;
        width: 200px;
    }
}

#logo-full {
	height: 100%;
	max-width: 100%;
    padding: 0;
}

@media (min-width: 768px) {
#logo-full {
    padding: 0;
    background-image: url("../../img/logo/logo-hintergrund-sm.png");
}
}
@media (min-width: 992px) {
#logo-full {
    padding: 0 30px;
    background-image: url("../../img/logo/logo-hintergrund-md.png");
}
}
@media (min-width: 1200px) {
#logo-full {
    padding: 0 30px;
    background-image: url("../../img/logo/logo-hintergrund.png");
}
}

/* HAUPTBEREICH + LOGO ABSTÄNDE ----------------------------------------*/
#hauptbereichwrap {
	width: 100%;
	border-bottom: 30px solid #fff;
}
#hauptbereich {
	margin-top: 15px;
}

@media (min-width: 768px) {
#hauptbereichwrap {
	border-bottom: 30px solid #fff;
}
#hauptbereich {
	margin-top: 30px;
}
}

@media (min-width: 992px) {
#hauptbereichwrap {
	border-bottom: 30px solid #fff;					
}
}
	
#teaser{
		padding-top: 15px;
	}
@media (min-width: 768px){
	#teaser{
		padding-top: 30px;
	}
	}



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

#footerwrap {
    background-color: #444;
	border-top: 5px solid #ffed00;
}


#footer {
    padding: 0 15px 15px 15px;
	color: #dedede;
}

#produktangebot p, #produktangebot ul li {
    color: #dedede!important;
}

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

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

.scrolled #teaser {				
	margin-top: 0px !important;
}