/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/
/*-------------
--0---------0--
--0---------0--
--0-------- 0--
--0---------0--
--0----0----0--
--0---0-0---0--
--0--0---0--0--
--0-0-----0-0--
--0---------0--
---------------
Webmodus GmbH
Rain 21
5000 Aarau
---------------
www.webmodus.ch
---------------
-------------*/

/** Allgemein **/
/** Bereich Header **/
/** Bereich Slider **/
/** Bereich Before Main **/
/** Bereich Main **/
/** Bereich After Main **/
/** Bereich Bottom **/
/** Bereich Footer **/
/** Kontaktformular **/


/** Seiten blenden ein **/
/*  Page Fade In */
body {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
/* End: Page Fade In */
:root {
    --green: #007f2a;
    --blue: #1c3b8d;
}
/**Header**/
.l-subheader.at_top{
    border-bottom: 1px solid #dfdfdf;
}
.l-subheader.at_top a{
    color:var(--green);
}
.l-subheader.at_top .ush_hwrapper_1 > div:first-child{
    border-left: 1px solid #dfdfdf;
}
.l-subheader.at_top .l-subheader-cell.at_left,
.l-subheader.at_top .l-subheader-cell.at_right,
.l-subheader.at_top .ush_hwrapper_1,
.l-subheader.at_top .ush_hwrapper_1 > div{
    height:100%;
}
.l-subheader.at_bottom{
    margin-left:calc(50% - 650px);
    padding:0 !important;
}
.l-subheader.at_bottom > div{
    justify-content: flex-start;
    margin:0 !important;
}
.l-subheader.at_bottom > div a{
    padding: 0 32px !important;
}
.l-subheader.at_bottom > div li{
    border-right: 1px solid #075621;
}
.l-subheader.at_middle{
    box-shadow: none !important;
}
.l-subheader.at_top .ush_hwrapper_1 > div{
    border-right: 1px solid #dfdfdf;
    display: flex;
    align-items: center;
    padding:0 30px;
}

.l-subheader.at_top .ush_hwrapper_1 > div:last-child span{
    color:#afafaf;
}
.socials-list{
    display: flex;
    justify-content: flex-end;
    list-style: none;
    padding: 0;
    margin: 0;
}
.socials-list li a {
    padding: 13px 0;
    width: 40px;
    font-size: 20px;
    color: #FFF !important;
    text-align: center;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    height: 67.5px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}
.facebook-bg {
    --background-color: #2c5fd3;
    background-color: #3B5999;
}
.twitter-bg {
    --background-color: #59e3f3;
    background-color: #5EA9DD;
}
.googleplus-bg {
    background-color: #d73d32;
}
.socials-list li a:hover, .socials-list li a:focus {
    -webkit-box-shadow: inset 0 0 40px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 40px 15px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 40px 15px rgba(0,0,0,0.2);
}

/** Footer **/
.footer-social-icons a{
    padding: 0 5px;
    color: #FFF;
}
.webmodus-footer-2 p{
    color: #7c7c7c;
    font-size: 14px;
}
.webmodus-footer-2 .vc_row > div:first-child a{
color:#a0a0a0;
}
.webmodus-footer-2 .vc_row > div:first-child a:hover{
color:#c0c0c0 !important;
}
/** Accordion **/
/** Wichtig kein Margin **/
.webmodus-accordion-container {
    display: flex;
    flex-flow: column;
}
.webmodus-accordion-button {
    text-align: left !important;
    padding: 15px;
    background: #101214; /* Farbe des Hintergrund des Buttons ändern */
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
}
.webmodus-accordion-button p {
    color: #fff !important; /* Farbe der Schrift des Buttons ändern */
    font-size: 20px;
}
.webmodus-accordion-button > p{
    margin:0 !important;
}
.webmodus-accordion-icon{
    color: #fff; /* Farbe der Schrift des Icons ändern */
}
.webmodus-accordion-panel {
    background-color: transparent; /* Farbe des Hintergrund des Panels ändern */
    /*color: red;*/ /* Farbe der Schrift des Panels ändern */
    overflow: hidden;
    transition: all 300ms ease-in-out;
    height: 0;
}
.webmodus-accordion-panel p {
    padding: 1rem 0 !important;
}
.webmodus-accordion-panel *{
    margin:0 !important;
    width: 100%;
}

.webmodus-haupt-slider-section{
    margin-top:-4rem !important;
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .l-subheader-h {
        padding-right:2.5rem;
    }
}
@media screen and (max-width: 810px) {
    .page-id-341 #page-content > section > div > div > div:first-child .w-separator,
    .page-id-343 #page-content > section > div > div > div:first-child .w-separator,
    .page-id-347 #page-content > section > div > div > div:first-child .w-separator,
    .page-id-351 #page-content > section > div > div > div:first-child .w-separator,
    .page-id-353 #page-content > section > div > div > div:first-child .w-separator,
    .page-id-355 #page-content > section > div > div > div:first-child .w-separator,
    .page-id-357 #page-content > section > div > div > div:first-child .w-separator{
        display: none;
    }
}
/******************************************************/
/** MEDIA QUERIES START **/
/******************************************************/
/** Laptop**/
@media screen and (max-width: 1200px) {
	/** Allgemein **/
	/** Bereich Header **/
	/** Bereich Slider **/
	/** Bereich Before Main **/
	/** Bereich Main **/
	/** Bereich After Main **/
	/** Bereich Bottom **/
	/** Bereich Footer **/
}

/** Landscape Tablet**/
@media screen and (max-width: 991px) {
	/** Allgemein **/
	/** Bereich Header **/
	/** Bereich Slider **/
	/** Bereich Before Main **/
	/** Bereich Main **/
	/** Bereich After Main **/
	/** Bereich Bottom **/
	/** Bereich Footer **/
}

/** Tablet**/
@media screen and (max-width: 900px) {
	/** Allgemein **/
	/** Bereich Header **/
	/** Bereich Slider **/
	/** Bereich Before Main **/
	/** Bereich Main **/
	/** Bereich After Main **/
	/** Bereich Bottom **/
	/** Bereich Footer **/
	/** Accordion **/
	.panel .panel-bild-container a {
		width:48%;
	}
}

/** Mini Tablet**/
@media screen and (max-width: 768px) {
	/** Allgemein **/
	/** Bereich Header **/
	/** Bereich Slider **/
	/** Bereich Before Main **/
	/** Bereich Main **/
	/** Bereich After Main **/
	/** Bereich Bottom **/
	/** Bereich Footer **/
}

/** Mobile Landscape **/
@media screen and (max-width: 660px) {
	/** Allgemein **/
	/** Bereich Header **/
	/** Bereich Slider **/
	/** Bereich Before Main **/
	/** Bereich Main **/
	/** Bereich After Main **/
	/** Bereich Bottom **/
	/** Bereich Footer **/
}

/** Mobile Smartphone Gross **/
@media screen and (max-width: 480px) {
	/** Allgemein **/
	/** Bereich Header **/
	/** Bereich Slider **/
	/** Bereich Before Main **/
	/** Bereich Main **/
	/** Bereich After Main **/
	/** Bereich Bottom **/
	/** Bereich Footer **/
}

/** Mobile Smartphone Mini **/
@media screen and (max-width: 320px) {
	/** Allgemein **/
	/** Bereich Header **/
	/** Bereich Slider **/
	/** Bereich Before Main **/
	/** Bereich Main **/
	/** Bereich After Main **/
	/** Bereich Bottom **/
	/** Bereich Footer **/
}


/******************************************************/
/** MEDIA QUERIES ENDE **/
/******************************************************/