/*
 Theme Name:   Fischer GP
 Theme URI:    http://www.fischer-webagentur.de
 Description:  Without description. Everything seems to be so clear...
 Author:       Hermann Fischer
 Author URI:   http://www.fischer-webagentur.de
 Template:     generatepress
 Version:      1.0.0
 */


:root 
{
  --main-green-dark: #007F35;
  --main-green-normal: #00933f;	
  --main-green-light: #00A846;

  --main-red-dark: #BF1E18;  
  --main-red-normal: #da251c;
  --main-red-light: #F2261F;
	
	--main-yellow-normal: #f49d34;
	--main-yellow-dark: #C17B2A;
	--main-yellow-light: #EFBB7F;
	
	--main-gray-normal: #756c6d;
}

#page
{
	max-width: 100% !important;
	padding: 0px;
}

.full-row
{
	max-width: 1200px;
	margin: 0px auto !important;
	padding-left: 80px !important;
	padding-right: 80px !important;
}

@media only screen and (max-width : 1300px) 
{
	.full-row
	{
		padding-left: 80px !important;
		padding-right: 80px !important;
	}
}

@media only screen and (max-width : 768px) 
{
	.full-row
	{
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}

@media only screen and (max-width : 450px) 
{
	.full-row
	{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}


form.search-form 
{
    background-color: #aaa;
}

@media only screen and (max-width : 768px) 
{
	.inside-header,
	.inside-header > *
	{
		margin: 0px !important;
	}
}

.site-branding
{
	display: none;
}

.stuck_logo 
{    
    display: none;
}

#sticky-navigation
{
	opacity: 0.8;
	z-index: 1500 !important; /* higher than slideshow-buttons */
}

.is_stuck .stuck_logo
{
	display: block;
	float: left;
	height: 60px;
	padding-right: 10px;
}

.stuck_logo img
{
	height: 60px;	
}

.site-logo
{
	display: block;
	float:left;
	padding-left: 40px;
}

#primary-menu a 
{
    border-bottom: transparent solid 5px;
	transition: all 0.5s linear;
}

#primary-menu a:hover 
{
    border-bottom: red solid 5px;
}

/* ---------------------------------------------------- */
/* Slider */

.crellyslider
{
	font-family: "Rubik", sans-serif !important;
}

/* ---------------------------------------------------- */
/* Topbar */

.topbar_wrapper
{
	background: #F5F5F5;
	color: rgb(130, 130, 130);
}

.tb_start
{
	display: inline-block;
}

.tb_start h3
{
	margin: 15px 0px;
	color: rgb(130, 130, 130);
}

.topbar_wrapper .mh_links
{
	margin-top: 10px;
	border: none;
}

.topbar_wrapper .mhc_symbol
{
	font-size: 1.0em;
	color: rgb(130, 130, 130);
	padding: 10px;
	font-size: 0.8em;
}

@media only screen and (max-width : 768px) 
{
	.topbar_wrapper .tb_start
	{
		text-align: center;
	}
}

/* ---------------------------------------------------- */
/* Header */

.main_head
{
	height: 170px;
}

.mh_start img
{
	height: 150px;
}

.mh_start
{
	display: inline-block;
	float: left;
}

.main_head .mh_links h3
{
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 2px;
	color: #888;
}

.mh_links_container
{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;    
	
	float: right;
}

@media only screen and (max-width : 768px) 
{
	.mh_links_container
	{

	}
}


.mh_links
{
	display: inline-block;
	border-left: 1px solid #aaa;

	visibility:visible;
    opacity:1;
    transition:visibility 0.3s linear,opacity 0.3s linear, width 1s linear;
	max-width: initial;
}

.mh_links:first-child
{
	border-left: none;
}

.mhc_symbol
{
	display:inline-block;
	padding: 0px 20px 0px 30px;
	font-size: 2.5em;
	color: var(--main-green-normal);
}		

.mhc_linktext,
.mhc_linktext span,
.mhc_linktext a,
.mhc_linktext a:link,
.mhc_linktext a:visited,
.mhc_linktext a:hover,
.mhc_linktext a:focus,
.mhc_linktext a:active, 
.mhc_linktext a:visited:hover
{
	display:inline-block;
	padding-right: 20px;
	color: var(--main-red-normal);
	text-decoration: none;
	font-size: 25px;
	font-weight: bold;
}	

.mh_mail span
{
	font-size: 1.0em;
}
		
.mhc_outer
{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;    
}

.search-item a
{
	color: #57FC1C !important;
}

@media only screen and (max-width : 1300px) 
{
	.mh_adress
	{
		display:none;
		visibility:hidden;
	    opacity:0;
		max-width: 0px;
	}
}


@media only screen and (max-width : 1200px) 
{
	.mh_mail
	{
		display:none;
		visibility:hidden;
	    opacity:0;
		max-width: 0px;
	}
}

@media only screen and (max-width : 900px) 
{
	.mh_whatsapp
	{
		display:none;
		visibility:hidden;
	    opacity:0;
		max-width: 0px;
	}
}

@media only screen and (max-width : 580px) 
{
	.mh_telefon
	{
		display:none;
		visibility:hidden;
	    opacity:0;
		max-width: 0px;
	}
}


.mh_start img
{
	height: 150px;
	padding-top: 10px;
}

/* ---------------------------------------------------- */
/* Intro */

.tk-button,
.tk-button2
{
	padding: 15px;
}

.maincontainer
{
	position: relative;
}

.intro
{
	position: absolute;
	width: 100%;
	height: 300px;
	padding-top: 150px;
	text-align: center;
	top: 0px;
}

.intro h1
{
	font-weight: bold;
	color: #fff;
	text-shadow: 2px 2px 4px #888;
}

.intro h3
{
	font-weight: normal;
	color: #efefef;
	text-shadow: 2px 2px 4px #888;
}

.intro a
{
	padding: 15px 20px;
	color: white;
    border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: #000D5B;
}

.intro i
{
	font-size: 1.5em;
}

.intro a:hover
{
	filter: brightness(85%);
}

@media only screen and (max-width : 768px) 
{
	.intro
	{
		padding-top: 5%;
	}
	
	.intro h1
	{
		font-size: 1.25em;
	}
	
	.intro h3
	{
		font-size: 1em;
	}

	.intro a
	{
		font-size: 0.75em;
	}
}

@media only screen and (max-width : 400px) 
{
	.intro h3
	{
		display: none;
	}
}

/* ---------------------------------------------------- */
/* Startseite - Accorion */
.lsow-accordion.style1 .lsow-panel
{
	margin: 0px;	
	color: #3f3f3f;
	border-radius: 0px;
}

.lsow-accordion.style1 .lsow-panel.lsow-active .lsow-panel-title,
.lsow-accordion.style1 .lsow-panel:hover .lsow-panel-title
{
	background-color: var(--main-green-normal);	
	color: #333;
}

.lsow-accordion.style1 .lsow-panel .lsow-panel-title
{
	padding: 15px 20px;	
	background-color: var(--main-green-normal);
	color: #cdcdcd;
}

.lsow-accordion
{
	margin-left: 20px;
}

/* ---------------------------------------------------- */
/* Leistungen */

/*
.leistungen .panel-grid-cell:not(:first-child):not(:last-child)
{
	margin: 0px 3%;
}
*/

.leistung .descr-wrapper
{
	color: rgba(0,0,0,0);
}

.leistung-descr 
{
	background-color: #2a2f35;
	color: #b8b8b8;
}


.leistung-descr .Description
{
	padding: 15px;
}

.leistung .Title h3,
.leistung-descr .Title h3
{
	font-size: 1.5em;
	color: var(--main-green-normal);
	padding: 10px;
	border: 3px solid var(--main-green-normal);
	border-radius: 3px;
	background-color: rgba(0,0,0,0.5);
}

.leistung .Title h3:hover,
.leistung-descr .Title h3:hover
{
	background-color: var(--main-green-normal);
	color: black !important;
}


.leistung:hover .descr-wrapper,
.leistung:hover .descr-wrapper h3,
.leistung-descr:hover .descr-wrapper,
.leistung-descr:hover .descr-wrapper h3
{
	color: var(--main-green-normal);
}

.kundenmeinungen .lsow-testimonial
{
	background-color: rgba(255,255,255,0.8);
	border-radius: 5px;
	padding: 20px;
	margin: 10px;
	box-shadow: 5px 10px 8px rgba(0,0,0,0.5);
}

.kundenmeinungen .lsow-flex-prev::before,
.kundenmeinungen .lsow-flex-next::before
{
	color:white;
}

.kundenmeinungen .lsow-icon-quote
{
	color: var(--main-green-normal) !important;
	text-shadow: 5px 10px 8px rgba(0,0,0,0.5);
}

.arbeitenliste h2
{
	color: #fff;
}

.arbeitenliste > h3,
.arbeitenliste .main > h2
{
	display:none;
}

.arbeitenliste .main
{
	margin-bottom: 10px;
}

.arbeitenliste .content
{
	background-color: transparent;
	position: relative;
}

.arbeitenliste .content img
{
	transition: all 0.5s ease-in;
	transform:	scale(1.0);
	opacity: 1.0;
}

.arbeitenliste .content:hover img
{
	transform:	scale(1.05);
	opacity: 0.5;
}

.arbeitenliste .image-descr h4,
.arbeitenliste .image-descr p
{
	color: #fff;
	margin-bottom: 5px;
	padding: 0px;

}

.arbeitenliste .image-descr p
{
	color: #cfcfcf;
}

.arbeitenliste .image-descr
{
	transition: all 0.5s ease-in;
	position: absolute;
	width: calc(100% - 40px);
	bottom: 15px;
	padding: 5px 5px 5px 10px;
	text-align: left;
	color: var(--main-green-normal);
	border-radius: 5px;
}

.arbeitenliste .content:hover .image-descr
{
	background-color: rgba(0,0,0,0.5);
	padding-left: 20px;
	width: calc(100% - 50px);
}

#myBtnContainer
{
	border: 1px solid #484F57;
	background-color: transparent;
	display: inline-block;
}

#myBtnContainer .btn
{
	border: none;
	background-color: transparent;
	color: #efefef;
}

#myBtnContainer .btn:hover
{
	background-color: var(--main-green-light);
	color: #444;
}

#myBtnContainer .active
{
	background-color: var(--main-green-normal);
	color: var(--main-red-normal);
}

/* ---------------------------------------------------- */
/* Vorher-Nachher Liste */
.vorhernachherprojects .proj-description
{
	padding: 25px;
}

.vorhernachherprojects h3
{
	color: #efefef;
}

.vorhernachherprojects span
{
	color: #ededed;
}


/* ---------------------------------------------------- */
/* Links im Fußbereich */

.eulinks
{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
    background-color: #222222;
}

.eulinks a
{
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
}

.eulinks a:hover
{
	
}

/* ------- Social Bar for mobile devices ----------------------------------- */

.socialbar,
.socialbar_placeholder
{
	display: none;
}

@media (max-width: 768px)
{
	.socialbar,
	.socialbar_placeholder
	{
		display: block;
		width: 100%;
		padding: 0px;
		margin: 0px;
		line-height: 2em;
		height: 2em;
		font-size: 20px;
		box-shadow: 0px 0px 1px rgba(0,0,0,.4);
	}	
	
	.socialbar
	{
		position: fixed;
		bottom: 0px;
		height: 2em;
	}
	
	.socialbar ul
	{
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	
	.socialbar li
	{
		float: left;
		width: 25%;
		text-align: center;
	}
	
	.socialbar a
	{
		color: white;
		display: block;
	}
	
	.sb_home
	{
		background-color: #336699;
	}
	
	.sb_whatsapp
	{
		background-color: rgba(37,211,102,1);
	}
	
	.sb_facebook
	{
		background-color: rgba(59,89,152,1);
	}
	
	.sb_mail
	{
		background-color: rgba(219, 50, 54, 1);		
	}
}

/* der grüne Strich unter der Überschrift */
.header-line
{
	width: 50px;
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid var(--main-green-normal);
}

/* Abstand zwischen den einzelnen Accordion-Bereichen */
.sow-accordion-panel
{
	margin: 0px !important;
}

/* Abstand zwischen den einzelnen Bereichen */
.panel-grid
{
	margin: 0px !important;
}

.iw-so-cap-title h3
{
	color: var(--main-green-normal) !important;
	border: 1px solid var(--main-green-normal);
	padding: 10px;
}

/* Footer */

.site-footer
{
	color: var(--main-green-normal);
}

.footer-widgets .widget-title 
{
	font-weight:bold;
	color: var(--main-red-normal);
}

.site-footer p
{
	margin-bottom: 0.5em;
}

.site-footer table, 
.site-footer th, 
.site-footer td 
{
  border: 0px solid transparent;
}

.oeffnungszeiten td
{
	padding-top:0px;
	padding-bottom: 0px;
}

#ContactMeForm div.floated input[type=submit] 
{
	background-color: var(--main-green-normal);
	color: rgb(192,192,192);
}

#ContactMeForm div.floated input[type=submit]:hover
{	
	color: white;
}

.legal h1,
.legal h2,
.legal h3,
.legal h4,
.legal h5,
.legal h6
{
	color: var(--main-green-normal);
}

.legal h2
{
	font-weight: bold;
	font-style: italic;
}

.legal
{
	border-bottom: var(--main-green-normal) solid 1em;
}