/*
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
---------------
-------------*/
@font-face {
    font-family: 'Helvetiva_Condensed_Bold';
    src: url('./fonts/Helvetica_Neue_Condensed_Bold.woff') format('woff');
    font-weight: bold;
}

/** 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;
     }
}
h1,h2,h3,h4,
h1 *,h2 *,h3 *,h4 *{
font-family:'Helvetiva_Condensed_Bold' !important;
	font-weight:bold !important;
	letter-spacing: 2px !important;
}
/* End: Page Fade In */

/** 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%;
}

/******************************************************/
/** 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 **/
}
@media screen and (max-width: 1025px) {
    .ush_menu_1{
        color:var(--color-content-bg-alt) !important;
    }
}
@media screen and (max-width: 810px) {
    .webmodus-referenzen-galerie{
        display: grid !important;
        grid-template-columns: repeat(2,1fr);
        gap: 0.5rem !important;
    }
    .webmodus-referenzen-galerie a{
        width:100% !important;
        height:200px !important;
    }
    .webmodus-referenzen-galerie a > img{
        height:200px !important;
    }
    .webmodus-kontakt-container > div{
        width:100% !important;

    }
    .webmodus-kontakt-container > div:first-child{
        margin-bottom: 2rem;
    }
    .webmodus-kontakt-container .w-hwrapper{
        flex-direction: column !important;
        gap: 2rem !important;
    }
    .webmodus-kontakt-container .w-vwrapper{
        width:100% !important;
    }
    .us_custom_04947ae9{
        margin-left:1.5rem;
        margin-right:1.5rem;
    }
}
/** Mobile Landscape **/
@media screen and (max-width: 600px) {
	/** Allgemein **/
	/** Bereich Header **/
	/** Bereich Slider **/
	/** Bereich Before Main **/
	/** Bereich Main **/
	/** Bereich After Main **/
	/** Bereich Bottom **/
	/** Bereich Footer **/
    #us_grid_2 .w-hwrapper{
        flex-direction: column;
        gap:2rem;
    }
    #us_grid_2 .w-hwrapper > div{
        width:100% !important;
    }
    .webmodus-referenzen-galerie a{
        height:150px !important;
    }
    .webmodus-referenzen-galerie a > img{
        height:150px !important;
    }
    .tabelle_referenzinfos_referenzen .repeater-row{
        display:flex !important;
        flex-direction:column;
    }

    .us_custom_ffbb6b53{
        background:var(--color-content-heading) !important;
    }
.bezeichnung_referenzinfos_referenzen{
    padding-left:1rem !important;
}
}

/** 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 **/
/******************************************************/