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

/** 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 **/
/******************************************************/
/* Typografie Declutter */
h1, h2, h3, h4, h5, h6 {
  	padding-top: 5px;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  padding-top: 0;
}
/* Verhindert Verschieben der Seite wenn man sie draggt, vor allem in Tablet-Ansicht */
.l-canvas {
  overflow-x: clip;
}
/* Ergibt eine saubere  Silbentrennung bei langen Wörtern */
h1, h2, h3, h4, h5, h6 {
    hyphens: auto;
}
/* #page-content {
	padding-bottom:100px;
} */
/* Irgendwas hat diese Farbe ueberschrieben */
.no-touch .ush_menu_1 .w-nav-item.level_1.opened > a:not(.w-btn), .no-touch .ush_menu_1 .w-nav-item.level_1:hover > a:not(.w-btn) {
  background: transparent;
  color: var(--color-header-middle-text-hover) !important;
}
.ush_menu_1 .w-nav-item.level_1.current-menu-item > a:not(.w-btn), .ush_menu_1 .w-nav-item.level_1.current-menu-ancestor > a:not(.w-btn), .ush_menu_1 .w-nav-item.level_1.current-page-ancestor > a:not(.w-btn) {
  color: var(--color-header-middle-text-hover) !important;
}

/* Header */
.head {
	background-image: linear-gradient(to bottom right, #748393, #E5E7E9, #FAFAFA);
}
.head.head_home {
	min-height: 700px;  
}
.head.head_default {
	min-height: 400px;
}
.header_keyword {
	color:#F5F5F5;
	border-radius: 6px;
	background-image: linear-gradient(to bottom right, #B3BBC3, #C6CBD2, #CFD3D8);
	padding: 5px 15px;
	display:inline-block;
}
.webmodus_button_repeater {
	margin-top: 35px;
}
.head_home a.button_transparent,
.head_home a.button_gold {
	display:inline-block !important;
}
#page-header li.button_gold a {
	background-color: #C5A059;
	border-radius:6px;
    color:#FFFFFF !important;
}
#page-header li.button_gold a:hover,
#page-header li.button_gold a:active {
	background-color: #C5A059 !important;
	color:#FFFFFF !important;
}

#page-content a.button_gold {
	background-color: #C5A059;
	color:#FFFFFF;
	border-radius:6px;
	padding:10px 20px 10px 20px;
	border: 2px solid #C5A059;
	display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
#page-content a.button_gold::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("/wp-content/uploads/icon-small-arrow-white.png") center/contain no-repeat;
    flex-shrink: 0;
}
#page-content a.button_gold:hover,
#page-content a.button_gold:active{
	background-color: #C5A059;
	color:#FFFFFF;
	border: 2px solid #C5A059;
}
#page-content a.button_transparent {
	background-color: transparent;
	border: 2px solid #708090;
	color:#708090;
	border-radius:6px;
	padding:10px 20px 10px 20px;
}
#page-content a.button_transparent:hover,
#page-content a.button_transparent:active{
	background-color: transparent;
	border: 2px solid #708090;
	color:#607284;
}

/* Header Override */
section.head.head_default .header_col_text {
    width:60%;
}
section.head.head_default .header_col_image {
    width:40%;
}

/* Tabelle Header Home */
.header_table {
	width:100%;
	border-top:1px solid #BBC3CA;
	margin-top: 30px;
}
.header_table td {
	border:none;
}
.header_table tr.table_header {
	padding-top:20px;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	color:#C5A059;
	font-family:"Noto Serif";
}
.header_table tr.table_header td {
	padding-top: 20px;
  	padding-bottom: 0;
}
.header_table tr.table_body {
	font-size:14px;
	padding-top: 0;
}
.header_col_image img {
    width: 100%;
    object-fit: cover;
    /* height: 300px; */
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}
.head.head_home .header_col_image img {
	margin-top:100px;
}
/* Startseite Boexli ueber Bild */
.header_icon_box {
    max-width: 285px;
    padding: 25px 0px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 8px 25px rgba(0,0,0,.12);
	position: relative;
  	top: -70px;
  	left: 10px;
}
.header_icon_box .wpb_wrapper {
    display: grid;
    grid-template-columns: 48px 1fr;
    column-gap: 16px;
    align-items: center;
}
.header_icon_box .wpb_wrapper::before {
    content: "";
    grid-row: 1 / span 2;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #f7f1e8 url("/wp-content/uploads/icon_header_label.svg") center / 22px 22px no-repeat;
}
.header_icon_box .w-text:first-of-type {
    font-size: 13px;
    color: #9aa3b5;
    line-height: 1.2;
}
.header_icon_box .vc_column-inner {
	padding-right:5px !important;
}

.header_icon_box .w-text:last-of-type {
    font-size: 15px;
    color: #243047;
    line-height: 1.35;
    margin-top: 6px;
}

/* Bild-Hoehe hacken */
#page-header .ush_image_1 {
    height: 100% !important;
}
/* Menu-Buttons hacken */
#page-header .l-subheader.at_middle {
line-height: normal !important;
}


nav a {
	padding:10px 24px 10px 24px;
}

/* Bild Repeater */
.webmodus-image-repeater {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.col_images .webmodus-image-repeater .image {
    /* flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px); */
    width: calc(50% - 25px);
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 5px;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
    margin: 10px 10px;
}
.webmodus-image-repeater .image:nth-child(2) {
    margin-top: 50px;
}

/* Boxen und Boxen-Repeater */
.box_repeater {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	gap: 20px 0;
}
.box_repeater_item_inner {
	border-radius:6px;
	border:1px solid #CCCCCC;
	margin:10px;
	padding: 25px;
	background-color:#FFFFFF;
	height:100%;
}
.tag .w-post-elm-value,
.tag .w-text-h {
	display: inline-block;
	padding: 7px;
	background-color: #f9f5ee;
	color: #C5A059;
	border-radius:6px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.box_repeater .box_link {
	margin-top:25px;
}
/* Special graue Box Vorteile */
.box_repeater_item.last .box_repeater_item_inner {
	background-color:#F5F5F5;
	border:1px solid #F5F5F5;
}

/* Tag Text */
.tag-text {
	color: #C5A059;
}

/* Boxen Highlights */
.boxes_highlight .w-grid-item .w-grid-item-h {
	border-radius:6px;
	border:1px solid #CCCCCC;
	margin:10px;
	padding: 20px 25px 60px 24px;
	background-color:#FFFFFF;
	height:100%;
}

.boxes_highlight .news_read_duration {
	display:none;
}
.boxes_highlight .tag-text {

}
.boxes_highlight .boxes_highlight_header {
  justify-content: space-between;
}
.boxes_highlight .boxes_highlight_footer {
	justify-content: space-between;
	align-items: center;
	position: absolute;
	bottom: 5px;
	left: 25px;
	width: calc(100% - 50px);
	padding: 5px 0 10px 5px;
	border-top: 1px solid #CCCCCC;
}
.boxes_highlight a.button_gold {
    width: 32px;
    height: 32px;
    padding: 0;
    background-color: transparent !important;
	border: none !important;
    border: 0;
    font-size: 0;
    color: transparent;
    position: relative;
}

.boxes_highlight a.button_gold::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/wp-content/uploads/icon-small-arrow.png") center/20px no-repeat;
}

/* Angebot Grid */
.box_angebot a.button_gold {
	padding: 0 20px 0 0 !important;
	border: none !important;
	background-color:transparent !important;
	color: #C5A059 !important;
	position: absolute;
  	bottom: 5px;
}
.box_angebot a.button_gold:hover {
	color: #C5A059 !important;
}
.box_angebot a.button_gold::before {
	content: "";
	position: absolute;
	inset: 0;
	border:none !important;
	background: url("/wp-content/uploads/icon-small-arrow.png") center right no-repeat;
  	right: 20px;
}
.box_angebot .angebot_tag {
	color: #C5A059;
	text-transform: uppercase;
}
.box_angebot .w-grid-item-h {
	color: #C5A059;
	border-radius: 6px;
  	border: 1px solid #CCCCCC;
	padding: 25px 25px 50px 25px;
	text-align:left;
}
body .box_angebot .w-grid-item-h img {
	display: inline-block !important;
	/* height: 285px; */
	/* width: auto; */
	object-fit: cover;
}
body .box_angebot .type_image.angebot_image {
	margin-bottom:25px;
}
.box_angebot .boxes_highlight_footer   {
	position: absolute;
	bottom: 15px;
	width: 91%;
}

/* Angebote Detailseite */


/* Team-Grid */
.team_box .w-grid-list {
	display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px !important;
}
.team_box .w-grid-list .w-grid-item {
    flex: 0 0 calc(33% - 10px);
    max-width: 470px;
	min-width:340px;
	border-radius:6px;
	border:1px solid #CCCCCC;
	padding: 0;
	background-color:#FFFFFF;
	margin: 0 13px 0 13px;
}

.team_box .team_image img {
	width:100%;
	object-fit:cover;
}
.team_box .team_name {
	padding: 20px 25px 10px 25px;
	margin:0;
}
.team_box .team_position {
	padding: 5px 25px 10px 25px;
}
.team_box .team_qualification {
	padding: 5px 25px 10px 25px;
}
.team_box .separator {
	border-top: 1px solid var(--color-content-border);
	height:2px;
	margin: 5px 25px 15px 25px;
}
.team_phone,
.team_mail {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 12px;
	padding: 5px 25px 0 25px;
}
.team_mail {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 12px;
	padding: 5px 25px 15px 25px;
}
.team_phone::before,
.team_mail::before {
    content: "";
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background-color: #faf6ef;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}

.team_phone::before {
    background-image: url("/wp-content/uploads/telicon.svg");
}

.team_mail::before {
    background-image: url("/wp-content/uploads/mailiconbrialis.svg");
}

/* Block Prozesse */
.block_prozess .box_repeater_item_inner {
	border:none;
}
.block_prozess .box_header {
	display: flex;
  	align-items: center;
}
.block_prozess .box_icon {

}
.block_prozess .box_number {
	font-family: "Noto Serif";
  	font-size: 48px;
	font-weight: 400;
	color:#C5A05933;
	padding: 0 15px 0 15px;
}
.block_prozess .box_text {
	padding: 0px 0 10px 48px;
  	border-left: 2px solid #C5A05933;
  	margin-left: 31px;	
}
.box_accordion {
	margin: 15px 0 0px 80px;
}
.box_accordion_item {
    border: 1px solid #e6e8ec;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 14px;
    background: #fff;
}

.box_accordion_item .accordion_title {
    margin: 0;
    padding: 20px 56px 20px 60px;
    min-height: 64px;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 18px;
    color: #1f2a44;
    cursor: pointer;
    background: #FBFBFB;
}

.box_accordion_item .accordion_title::before {
    content: "";
    position: absolute;
    left: 22px;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #faf6ef url("/wp-content/uploads/icon-info.png") center / 15px no-repeat;
}

.box_accordion_item .accordion_title::after {
    content: "";
    position: absolute;
    right: 24px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #C5A059;
    border-bottom: 2px solid #C5A059;
    transform: rotate(-135deg);
}
.box_accordion_item .accordion_title.closed::after {
	transform: rotate(45deg);
}

.box_accordion_item.is_open .accordion_title::after,
.box_accordion_item.open .accordion_title::after,
.box_accordion_item.active .accordion_title::after {
    transform: rotate(225deg);
}

.box_accordion_item .accordion_text {
    padding: 18px 24px 24px 24px;
    border-top: 1px solid #f0f0f0;
}

/* Bilder im Head */
.w-image.brialis-logo a {
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.w-image.brialis-logo img {
	width: 200px;
  	height: auto;
}
/* Karusell */
.partner_bild a {
	border-radius: 6px;
	border: 1px solid #f0f0f0;
	display: inline-block;
	padding: 20px;
}

/* Karussell */
.type_carousel.layout_586  {
    margin-bottom:100px;
}
.owl-carousel.navstyle_circle > .owl-nav button, 
.owl-carousel.navstyle_square > .owl-nav button {
  color: #DADDE1;
  background-color: transparent;
  border: 3px solid #DADDE1;
}
.no-touch .owl-carousel.navstyle_circle > .owl-nav button:hover {
  color: #C5A059;
  background-color: transparent;
  border: 3px solid #C5A059;
}
/* Hoehen Partner-Logos */
/* Anpassungen Karussell */
.owl-item  {
  max-width: 300px !important;
  min-width:110px !important;
  height: 120px;
}
.owl-item article,
.owl-item .partner_bild,
.owl-item a,
.owl-item img   {
  height: 100%;
}


/* Seite Angebote Detail mit optionalem Bild */
.angebot-detail .via_flex > .wpb_column:has(.g-placeholder) {
    display: none;
}
.angebot-detail .via_flex:has(.g-placeholder) > .wpb_column {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

/* Anpassungen ab Tablet, wenn Menu umschaltet */
@media screen and (max-width: 900px) {
	#page-header li.button_gold a {
		background-color:transparent;
		border-radius:0;
		color: rgb(27, 38, 59) !important;
	}
	#page-header li.button_gold a:hover, #page-header li.button_gold a:active {
  		background-color: transparent !important;
  		color: var(--color-header-middle-text-hover) !important;
	}
	.no-touch .ush_menu_1 .w-nav-item.level_1.opened > a:not(.w-btn), .no-touch .ush_menu_1 .w-nav-item.level_1:hover > a:not(.w-btn) {
  		color: var(--color-header-middle-text-hover) !important;
	}
	 .header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 {
		padding-bottom: 15px !important;
  	}
}

/* Anpassungen Header  */
@media screen and (max-width: 1000px) {
	.l-section, .l-subheader {
  		padding-left: 15px;
  		padding-right: 15px;
	}
	.head h1 {
		font-size: 2.5rem;
	}
	.header_keyword {
		margin-bottom: 10px;
		margin-top: 5px;
	}
}

/* Anpassungen Header Buttons Umbruch  */
@media screen and (max-width: 500px) {
	.head_home a.button_transparent,
	.head_home a.button_gold {
		width: 100% !important;
		margin-bottom:10px;
	}
}

/* Anpassungen Team-Bilder */
@media screen and (max-width: 800px) {
	.team_box .w-grid-list .w-grid-item {
		flex: 0 0 75%;
		max-width: none;
		min-width:none;
	}
}

@media screen and (min-width: 800px) {
.owl-carousel > .owl-nav {
  	top: 160px;
}
}
@media screen and (max-width: 800px) {
	.owl-carousel.navstyle_circle > .owl-nav button {
		height: 2.0rem;
  		width: 2.0rem;
	}
	.owl-carousel > .owl-nav {
  		top: 76px;
  	}
	.partner_bild a {
	  padding: 0;
	}
}
/* Anpassungen Footer */
@media screen and (max-width: 810px) {
	.foot-row-2 p {
		text-align:center !important;
	}
}

/* Anpassungen Akordeon */
@media screen and (max-width: 900px) {
	.box_repeater.block_prozess .box_repeater_item_inner {
		padding: 5px;
	}
}
@media screen and (max-width: 600px) {
	.box_accordion {
		margin: 15px 0 0px 30px;
	}
}
@media screen and (max-width: 520px) {
	.block_prozess .box_text {
		margin-left: 23px;
	}
	.box_repeater.block_prozess .box_repeater_item_inner {
		padding: 0;
	}
}

/* Anpassungen Angebot-Detaill und andere Seiten mit Titel nicht im Head */
@media screen and (max-width: 810px) {
	.angebot-detail h1 {
		font-size: 2.5rem;
	}
}
/* FAQ Startseite */
.box_accordion.box_faq {
  margin: 15px 0 0 0;
}

/* Bild-Block ausblenden, wenn leer */
.row_werte .col_images:has(.webmodus-image-repeater:empty) {
    display: none;
}
.row_werte:has(.webmodus-image-repeater:empty) .col_text {
    width: 100%;
}

/* PrivacyBee Impressum */
.prx_wrapper * {
	color: var(--color-content-text);
}
.prx_wrapper .prx_h1{
	color: var(--color-content-heading);
	font-family: var(--h1-font-family,inherit);
	font-weight: var(--h1-font-weight,inherit);
	font-size: var(--h1-font-size,inherit);
	font-style: var(--h1-font-style,inherit);
	line-height: var(--h1-line-height,1.4);
	letter-spacing: var(--h1-letter-spacing,inherit);
	text-transform: var(--h1-text-transform,inherit);
	margin-bottom: var(--h1-margin-bottom,1.5rem);
}
/* PrivacyBee */
.pbcb_highlight_bar {
	background-color: #C5A059 !important;
}
.pbcb_toggle_switch_container {
	background-color: #C5A059 !important;
}