/*
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 **/
.webmodus-sprechblase .vc_col-sm-2{
    padding-right:2rem;
}
.webmodus-sprechblase .vc_col-sm-10{
    border: 1px solid #b4bfc3;
    background-color: #fff;
    padding: 20px 20px 25px 35px;
}
.webmodus-sprechblase .vc_col-sm-10::before{
    border-color: #fff #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    position: absolute;
    z-index: 12;
    top: 0;
    left: -28px;
    border-width: 15px;
    border-style: solid;
    content: "";
}
.webmodus-sprechblase .vc_col-sm-10::after{
    content: "";
    border-color: #b4bfc3 #b4bfc3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    position: absolute;
    z-index: 10;
    top: -1px;
    left: -31px;
    width: auto;
    height: auto;
    border-width: 15px;
    border-style: solid;
}
.webmodus-dokumente-links-row{
    margin-bottom: 45px;
    font-size: 18px;
}
.webmodus-dokumente-links-row p{
    font-size: 18px;
}
.webmodus-dokumente-links-col a > strong{
    display:flex;
    flex-flow:row nowrap;
    gap:10px;
    align-items: center;
}
.webmodus-dokumente{
    margin-bottom:50px;
}
.webmodus-dokumente-title{
    font-size:18px !important;
}
.webmodus-dokumente-text{
    font-size:18px !important;
}
.webmodus-titel-dokumente{
    font-size: 18px;
    line-height: 34px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: #f8f8f8;
    margin-bottom: 8px;
}
.webmodus-dokumente-row{
    display: flex;
    flex-flow:row nowrap;
    gap:50px;
    padding:20px 0;
}
.webmodus-dokumente-col-icon i{
    font-size:2em;
}
.webmodus-dokumente-col-icon i.fa-file-pdf{
    color: #c80000;
}
.webmodus-dokumente-col-icon i.fa-file-excel{
    color: #117b37;
}
.webmodus-dokumente-col-icon i.fa-file-word{
    color: #1B5EBE;
}


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

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

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