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

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


body {
	background-color: var(--templatefarbe_hex);
	background-image: url(../../img/effekt1.png);
	background-position: top center;	
}
@media (min-width: 768px) {
body {
	background-image: url(../../img/effekt2.png);
}
}
@media (min-width: 992px) {
body {
	background-image: url(../../img/effekt3.png);
}
}
@media (min-width: 1200px) {
body {
	background-image: url(../../img/effekt4.png);
}
}

#infobar {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 11px 0 rgba(0, 0, 0, 0.19);
}


/* KOPFBEREICH ----------------------------------------*/
/* KOPFBEREICH ----------------------------------------*/
/* KOPFBEREICH ----------------------------------------*/
#kopfbereichwrap {
	height: 105px;	
}
@media (min-width: 576px) {
#kopfbereichwrap {
	height: 120px;	
}
.scrolled #kopfbereichwrap {
	height: 120px;	
}
}
@media (min-width: 768px) {
#kopfbereichwrap {
	height: 125px;	
}
.scrolled #kopfbereichwrap {
	height: 125px;	
}
}
@media (min-width: 992px) {
#kopfbereichwrap {
	height: 150px;	
}
.scrolled #kopfbereichwrap {
	height: 130px;	
}
}
@media (min-width: 1200px) {
#kopfbereichwrap {
	height: 160px;	
}
.scrolled #kopfbereichwrap {
	height: 130px;	
}
}


#kopfbereich{
	background-color: #fff;
	padding: 0 15px;	
}
@media (min-width: 576px) {
#kopfbereich{
	padding: 0 15px;	
}
}
@media (min-width: 768px) {
#kopfbereich {
	padding: 0 30px;
}
}


/* HAUPTBEREICH----------------------------------------*/
/* HAUPTBEREICH----------------------------------------*/
/* HAUPTBEREICH----------------------------------------*/		

 #hauptbereichwrap {					
	margin-top: 105px;
	-webkit-transition: margin 0.4s linear;
	-moz-transition: margin 0.4s linear;
	-ms-transition: margin 0.4s linear;	
	-o-transition: margin 0.4s linear;	
	transition: margin 0.4s linear;		 
}

@media (min-width: 576px) {					
 #hauptbereichwrap {					
	margin-top: 120px !important;
}
 .scrolled #hauptbereichwrap {					
	margin-top: 115px !important;	/* minus 5px - verhindert flackern */
}	
}

@media (min-width: 768px) {					
 #hauptbereichwrap {					
	margin-top: 125px !important;
}
 .scrolled #hauptbereichwrap {					
	margin-top: 120px !important;	/* minus 5px - verhindert flackern */
}	
}

@media (min-width: 992px) {					
 #hauptbereichwrap {					
	margin-top: 130px !important;
}
 .scrolled #hauptbereichwrap {					
	margin-top: 125px !important;	/* minus 5px - verhindert flackern */
}	
}						

@media (min-width: 1200px) {					
 #hauptbereichwrap {					
	margin-top: 140px !important;
}
 .scrolled #hauptbereichwrap {					
	margin-top: 125px !important;	/* minus 5px - verhindert flackern */
}
}


@media (min-width: 1200px) {					
.scrolled #hauptbereichwrap {					
	margin-top: 130px;
}
}


.startseite #hauptbereich {
	padding-top: 30px;
}

#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 {
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
	background-color: #fff;	
	padding: 30px 0px 40px 0px;
}




#farbbox {
	display: none;
}


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


/* BUTTON FOOTER */
#footer .btn,
#footer .btn-footer {
	font-size: 12px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;  
	border-radius: 0px;  	
}
@media (min-width: 992px) {	
#footer .btn,
#footer .btn-footer {
	font-size: 14px; 	
}
}
@media (min-width: 1440px) {	
#footer .btn,
#footer .btn-footer {
	font-size: 16px; 	
}
}



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

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

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

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

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