/*
Theme Name: Boutique M
Description: Boutique M Winterthur
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
/*
Theme Name: Boutique M
Description: Boutique M Winterthur
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
/* Fonts */
@font-face {
  font-display: swap; 
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/material-icons-v141-latin-regular.woff2') format('woff2');
}
/* bricolage-grotesque-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/bricolage-grotesque-v8-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bricolage-grotesque-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/bricolage-grotesque-v8-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bricolage-grotesque-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bricolage-grotesque-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bricolage-grotesque-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/bricolage-grotesque-v8-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bricolage-grotesque-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/bricolage-grotesque-v8-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bricolage-grotesque-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/bricolage-grotesque-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bricolage-grotesque-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/bricolage-grotesque-v8-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Allgemein */
body, body * {  font-family: 'Bricolage Grotesque' !important}
.meta-excerpt { line-height: 1.4 !important}
.home h2 { line-height: 1 !important}
@media only screen and (min-width: 1001px) and (max-width: 1900px) {
html body .text_smaller p {
	font-size: 80% !important
}
html body .text_smaller.more p {
	font-size: 70% !important
}
}
p {
    padding-bottom: .7em;
}
html body .wpb_wrapper>div {

}
.bio-inner * { color: #000}
.wpb_text_column a, p a, .nectar-fancy-box .inner a, .nectar-fancy-ul a, .nectar_team_member_overlay .team-desc a, .main-content > .row > h1 a, .main-content > .row > h2 a, .main-content > .row > h3 a, .main-content > .row > h4 a, .main-content > .row > h5 a, .main-content > .row > h6 a, .wp-block-quote a {
    text-decoration: none !important;
    -webkit-transition: all 0.1s linear !important;
    -moz-transition: all 0.1s linear !important;
    -ms-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;		
}
.post-heading, .post-header, .underline h2, .underline a, .underline p {
	border-bottom: 2px solid #000
}
.wpb_text_column a:hover, p a:hover, .nectar-fancy-box .inner a:hover, .nectar-fancy-ul a:hover, .nectar_team_member_overlay .team-desc a:hover, .main-content > .row > h1 a:hover, .main-content > .row > h2 a:hover, .main-content > .row > h3 a:hover, .main-content > .row > h4 a:hover, .main-content > .row > h5 a:hover, .main-content > .row > h6 a:hover, .wp-block-quote a:hover,body.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, body.material #sidebar .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover {
	opacity: 1
}
.post-heading,
.post-header,
.underline * {
	display: inline-block
}
.wpforms-container .wpforms-form em.wpforms-error, .wpforms-container .wpforms-form .wpforms-field-sublabel {
	text-align:right
}
p { line-height: 1.4 !important}
.container.main-content .wpb_content_element {
    margin-bottom: 10px !important;
}
.page-header-no-bg,
#ajax-content-wrap,
.container-wrap {
	background: rgba(0,0,0,0) !important
}
.nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 0px !important;
}
.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots {
    bottom: -30px !important;
	position: absolute
}
@media only screen and (max-width: 1000px) {
.nectar-flickity.nectar-carousel[data-column-padding="5px"] .inner-wrap {
    padding: 0px 0px 0px 3px;
}
.nectar-flickity.nectar-carousel[data-column-padding="5px"] .inner-wrap {
    padding-bottom: 0px !important;
}
.vc_row-fluid[data-column-margin="20px"] .wpb_column:not([class*="vc_col-xs-"]):not(.child_column):not(:last-child), .inner_row[data-column-margin="20px"] .child_column:not([class*="vc_col-xs-"]):not(:last-child) {
        margin-bottom: 0px;
    }
.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots {
    bottom: 5px !important;
	position: absolute
}
}
.nectar-flickity.nectar-carousel[data-column-padding="5px"] .inner-wrap {
    padding-right: 0px;
	padding-bottom: 6px
}
.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot, .nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot, .nectar-woo-flickity .flickity-page-dots .dot, .testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot, body.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch {
    width: 20px;
}
.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul:before {
	content: '';
	z-index: 10000;
	width: 30px;
	height: 100%;
	background: #fff;
	right: 50%;
	margin-right: -15px;
	position: absolute;
	top: 0;
}
@media only screen and (max-width: 1000px) {
.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul:before {
	width: 15px;
	margin-right: -7px;
}
}
@media only screen and (max-width: 690px) {
.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul:before {
	width: 100%;
	height: 15px;
	right: auto;
	top: 50%;
	margin-top: -7px;
}
}
.blog_next_prev_buttons {
    margin-top: 0px;
}
.post .content-inner {
    padding-bottom: 0px;
}
.single .main-content>.row {
}
.blog_next_prev_buttons {
    margin-top: 7px !important;
}
.previous-post.only,
.next-post.only { display: none !important}
@media only screen and (max-width: 1000px) {
.blog_next_prev_buttons {
    margin-top: 0px !important;
}
}

/* Listing */
ol {margin-left: 20px !important;}
ul:not(.sf-menu, .menu, .left-aligned-ocm, .sub-menu, .mobile-only, .select2-results__options, .page-numbers, .off-canvas-social-links, .woocommerce-mini-cart, .wc-block-components-express-payment__event-buttons, .wc-block-components-product-details, .woocommerce-error, .woocommerce-shipping-methods, .controls) {
  padding-left: 8px;
  text-indent: 0px;
  margin: 0px 0px 15px 0px;
}
ul:not(.sf-menu, .menu, .left-aligned-ocm, .sub-menu, .mobile-only, .select2-results__options, .page-numbers, .off-canvas-social-links, .woocommerce-mini-cart, .wc-block-components-express-payment__event-buttons, .wc-block-components-product-details, .woocommerce-error, .woocommerce-shipping-methods, .controls) li {
  margin: 0 0 0 20px;
  padding: 5px 0 5px 0;
  list-style: none;
  line-height: 1.4;
}
ul:not(.sf-menu, .menu, .left-aligned-ocm, .sub-menu, .mobile-only, .page-numbers, .off-canvas-social-links, .woocommerce-mini-cart, .wc-block-components-express-payment__event-buttons, .wc-block-components-product-details, .woocommerce-error, .woocommerce-shipping-methods, .controls) li:not(.button_social_group, .product, .woocommerce-MyAccount-navigation-link, .select2-results__option):before {
  position: absolute;
  content:'•';
  font-size: 26px;
  color: #000;
  margin: -4px 0px 0px -20px;
}

/* Canvas Menu */
#header-outer #top>.container>.row nav .sf-menu { display: none !important}
#header-outer #top>.container>.row nav .buttons.sf-menu { display: inherit !important}
#slide-out-widget-area.fullscreen-inline-images .inner-wrap > .inner {
    margin: 0;
    padding: 30px 0;
}
ul.menu .menu-item-53 {
	opacity: 0
} 
@media only screen and (min-width: 691px) {
#slide-out-widget-area .off-canvas-menu-container .menu, #slide-out-widget-area .off-canvas-menu-container .menu ul {
	display: block !important;
}
#slide-out-widget-area .off-canvas-menu-container,
body #slide-out-widget-area .inner >div:first-of-type,
#slide-out-widget-area.fullscreen-inline-images .inner-wrap,
#slide-out-widget-area.fullscreen-inline-images .inner-wrap > .inner {
    padding: 0 !important;
	margin: 0 !important
}
#slide-out-widget-area.fullscreen-inline-images.open #text-3 { text-align:left}
#slide-out-widget-area.fullscreen-inline-images.open #text-3 img  {
	transition: opacity .3s;
}
#slide-out-widget-area.fullscreen-inline-images.open #text-3:hover img  {
	opacity: .7;
}
#slide-out-widget-area ul {
	padding: 10% 0px 0px 0px !important
}
#slide-out-widget-area ul li {
	text-align: left;
	padding: 8px 0px 8px 3%;
}
.nectar-ocm-image-wrap:after {
	z-index: -1 !important;
	height: 100vh !important;
	width: 50% !important;
	right: 0 !important;
	top: 0px !important;
	position: fixed !important;
	content: '' !important;
	background: rgba(0,0,0,.4)
}
ul.menu li:after {
	z-index: -1 !important;
	height: 100vh !important;
	width: 50% !important;
	right: 0 !important;
	top: 0px !important;
	position: fixed !important;
	content: '' !important;
	opacity: 0 !important;
	transition: opacity .3s;
}
html body .nectar-ocm-image-wrap:before {
	z-index: -1 !important;
	height: 100vh !important;
	width: 50% !important;
	right: 0 !important;
	top: 0px !important;
	position: fixed !important;
	content: '' !important;
	transition: opacity .3s;
	background: url(img/home.jpg) !important;
	background-size:cover !important;
	background-position:center center !important;
}
.storys .nectar-ocm-image-wrap:before {background: url(img/storie.jpg) !important;	background-size:cover !important;background-position:center center !important;}
.about .nectar-ocm-image-wrap:before {background: url(img/about.jpg) !important;	background-size:cover !important;background-position:center center !important;}
.kontakt .nectar-ocm-image-wrap:before {background: url(img/kontakt.jpg) !important;	background-size:cover !important;background-position:center center !important;}
ul.menu .menu-item-32:after {background: url(img/home.jpg) !important;background-size:cover !important;z-index: -1 !important;background-position:center center !important;}
ul.menu .menu-item-690:after { background: url(img/storie.jpg) !important;background-size:cover !important; z-index: -1 !important;background-position:center center !important;}
ul.menu .menu-item-49:after { background: url(img/about.jpg) !important;background-size:cover !important; z-index: -1 !important;background-position:center center !important;}
ul.menu .menu-item-43:after { background: url(img/kontakt.jpg) !important;background-size:cover !important; z-index: -1 !important;background-position:center center !important;}
ul.menu .menu-item-32:hover:after,
ul.menu .menu-item-690:hover:after,
ul.menu .menu-item-49:hover:after,
ul.menu .menu-item-43:hover:after {
	opacity: 1 !important;
}
#slide-out-widget-area .off-canvas-menu-container .menu li a, .menuwrapper >.sub-menu.dl-animate-in-4 > li >a, #slide-out-widget-area .menuwrapper >.sub-menu > li > a {
    margin: 0 !important;
    padding: 0 !important
}
#top nav ul .slide-out-widget-area-toggle a:before {
	content: '';
	position: absolute;
	background: #fff;
	height: 45px !important;
	width: 45px !important;
	border-radius: 50%;
	top: -12px !important;
	left: -9px !important;
	opacity: .5;
    -webkit-transition: all 0.1s linear !important;
    -moz-transition: all 0.1s linear !important;
    -ms-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;	
}
#header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line,
#header-outer #top .slide-out-widget-area-toggle a .lines-button:after {
    border-color: #000 !important;
}
#header-outer #top .slide-out-widget-area-toggle a .lines:after,
#header-outer #top .slide-out-widget-area-toggle a .lines:before,
#header-outer #top .slide-out-widget-area-toggle a .lines-button:after {
    background-color: #000 !important;
}
body[data-header-search="false"].material #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) > span {
	margin-left: -1px !important;
}
#top nav ul .slide-out-widget-area-toggle a:hover:before {
	opacity: 1
}
html body.material #header-outer.transparent .slide-out-widget-area-toggle a .close-line {
	background-color: #000 !important;
}
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 260px;
	background: url(img/arrow_w.svg) no-repeat;
	width: 100px;
	height: 30px;
    -webkit-transition: all 0.3s linear !important;
    -moz-transition: all 0.3s linear !important;
    -ms-transition: all 0.3s linear !important;
    -o-transition: all 0.3s linear !important;
    transition: all 0.3s linear !important;	
	opacity: 0
}
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li:hover:before {
	opacity: 1;
	left: 280px;
}
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li a {
    -webkit-transition: all 0.3s linear !important;
    -moz-transition: all 0.3s linear !important;
    -ms-transition: all 0.3s linear !important;
    -o-transition: all 0.3s linear !important;
    transition: all 0.3s linear !important;
}
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li:hover a {
	opacity: .7;
}
#slide-out-widget-area.fullscreen-inline-images .inner .widget {
    max-width: 100%;
    width: 100%;
    padding: 0 3%;
    margin: 20px 0 20px 0;
}
#text-2 {
	position: fixed;
	bottom: 4% !important;
	height: 10vh

}
#text-2 .textwidget {
	display: flex
}
#text-2 .textwidget div {
	text-align: left;
	width: 33.3333%;
	font-size: 20px;
	line-height: 1.4;
	opacity: .7 !important
}
#text-2 .textwidget div a {
    -webkit-transition: all 0.1s linear !important;
    -moz-transition: all 0.1s linear !important;
    -ms-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;
}
#text-2 .textwidget a:hover {
	opacity: .5 !important
}
}
html body #header-outer.detached.scrolling #logo img,
html body #header-outer.scrolled-down #logo img { opacity: 0 !important}

#header-outer #top .slide-out-widget-area-toggle a .lines-button:after,
#header-outer #top .slide-out-widget-area-toggle a .lines:after,
#header-outer #top .slide-out-widget-area-toggle a .lines:before {
    background-color: #000 !important;
}
#text-2 .textwidget div {
	margin-bottom: 15px
}
html body .menu-item-285 a { opacity: 0 !important;pointer-events: none; display: none !important}
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li.menu-item-285:before { background: none !important}

/* Header */
#header-outer { background: none !important}
#header-outer[data-box-shadow="large"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="1"]:not(.transparent) {
    box-shadow: 0 3px 45px rgba(0, 0, 0, 0) !important;
}

/* Team */
.team-member[data-style=bio_fullscreen] .team-meta {
    position: relative;
	top: 20px;
    bottom: 20px;
    text-align: left;
	color: #000;
	padding: 0px
}
.team-member[data-style=bio_fullscreen] .team-meta * {
	color: #000 !important
}
.team-member h3 {
	font-size: 20px !important
}
.team-member-overlay { display: none}
.team-member[data-style=bio_fullscreen] .team-meta h3, .team-member[data-style=bio_fullscreen] .team-meta p {
	opacity: 1
}
.team-meta .arrow-end {
	position: relative !important;
	width: 100% !important;
	top: 0px !important;
	right: auto !important;
	left: 0px !important;
	margin: 20px 0px 0px 0px !important
}
.team-meta .arrow-end:before {
	content: 'Mehr erfahren' !important;
	font-family: 'Bricolage Grotesque';
	font-size: 18px;
}
.team-member[data-style=bio_fullscreen] .team-meta .arrow-line {
    width: 32px;
    height: 20px;
	position: relative;
}
.team-meta .arrow-line:before {
	content: '';
	right: auto;
	left: 150px;
	top: -45px;
	position: absolute;
	background: url(img/arrow.svg) no-repeat;
	background-size:cover;
	width: 32px;
	margin: 0px 0px 0px 10px !important;
	height: 20px;
    -webkit-transition: all 0.1s linear !important;
    -moz-transition: all 0.1s linear !important;
    -ms-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;	
}

/* Loop */
@media only screen and (min-width: 1001px) {
#impressionen .nectar-flickity.nectar-carousel[data-format=default] .flickity-slider .cell {
    padding: 0px 30px 0px 0px;
}
}
.nectar-post-grid.nectar-flickity[data-overflow=visible] .flickity-viewport {
	left: 18%;
	margin-left: -5px
}
.nectar-drag-indicator[data-type="solid"] i.fa-angle-left {
	top: -12px;
    left: 3px;
}
.nectar-drag-indicator[data-type="solid"] i.fa-angle-right {
	top: -12px;
    right: 3px;
}
.nectar-drag-indicator[data-type="solid"] i.fa-angle-left:before {
	content:'';
	background: url(img/arrow_tool.svg) no-repeat;
	transform: rotate(180deg);
	background-size: contain;
	height: 20px;
	width: 20px;
	display: block
}
.nectar-drag-indicator[data-type="solid"] i.fa-angle-right:before {
	content:'';
	background: url(img/arrow_tool.svg) no-repeat;
	background-size: contain;
	height: 20px;
	width: 20px;
	display: block
}
@media only screen and (max-width: 1000px) {
.nectar-post-grid.nectar-flickity[data-overflow=visible] .flickity-viewport {
	left: 0%;
	margin-left: 0px
}
.nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid .nectar-post-grid-item .content {
    padding: 6px 0;
}
}
@media only screen and (max-width: 690px) {
.nectar-post-grid.nectar-flickity[data-overflow=visible] .flickity-viewport {
	left: 3%;
	margin-left: 0px
}
}

/* Two Image */
#two_image .left_side { margin: 0px -18% 0px 18% !important; left:-6px}
#two_image .left_side .image_small img {
	width: 60%;
	height: auto;
	margin: 0px 0px 0px -22% !important
}
#two_image .right_side { margin: 0px 18% 0px -18% !important; right: 22px}
#two_image .right_side .image_small img {
	position: relative;
	width: 60%;
	height: auto;
	right: -63%
}
@media only screen and (max-width: 1000px) {
#two_image {
	width: 100%;
}
#ajax-content-wrap #two_image .row_col_wrap_12 {
	padding-left: 0% !important;
	padding-right: 0px !important
}
#two_image .left_side { margin: 0px 0% 0px 0% !important; left:0px}
#two_image .left_side .image_small {
	position: absolute;
	z-index: 100;
	top: 15%;
	left: 64%;
	width: 100%;
	margin: 0px 0px 0px 0% !important
}
#two_image .right_side { margin: 0px 0% 0px 0% !important; left: 0%}
#two_image .right_side .image_small {
	position: absolute;
	z-index: 100;
	top: 14%;
	left: auto;
	right: 40%;
	width: 100%;
	margin: 0px 0px 0px 0% !important
}
#two_image .left_side .image_big {
	left: 6%;
}
#two_image .right_side .image_big {
	right: -31%;
}
}
@media only screen and (max-width: 690px) {
#two_image {
	width: 100%;
}
#ajax-content-wrap #two_image .row_col_wrap_12 {
	padding-left: 0% !important;
	padding-right: 0px !important
}
#two_image .left_side { margin: 0px 0% 0px 0% !important; left:0px}
#two_image .left_side .image_small {
	position: absolute;
	z-index: 100;
	top: 18%;
	left: 70%;
	width: 100%;
	margin: 0px 0px 0px 0% !important
}
}

/* Toggle */
div[data-style="minimal"] .toggle.default i {
	border-color: rgba(0,0,0,0) !important
}
div[data-style="minimal"] .toggle.default i:last-child {
	border-color: rgba(255,255,255,0) !important
}
.toggle.default h3 + div {
	opacity: 0 !important;
}
.toggle.default.open h3 + div {
	opacity: 1 !important
}
.toggle>.toggle-title a {
    color: rgba(0, 0, 0, 1) !important;
	line-height: 1.4 !important;
	font-size: 34px !important;
	padding: 15px 70px 15px 0 !important;
}
div[data-style="minimal"] .toggle > .toggle-title i:before {
	background: #fff url(img/arrow_tool_w.svg) no-repeat;
	background-size: contain;
	transform:rotate(90deg);
    content: "";
    top: 6px;
    left: -10px;
    margin: 0px;
    width: 40px;
    height: 40px;
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
}
div[data-style="minimal"] .toggle.open > .toggle-title i:before {
	background-color: rgba(0,0,0,0) !important;
	transform:rotate(270deg);
	margin-top: -12px
}
div[data-style="minimal"] .toggle {
    border-bottom: 2px solid rgba(0, 0, 0, 1);
}
div[data-style="minimal"] .toggle:hover > .toggle-title i:before {
	background-color: rgba(0,0,0,0) !important;
}
div[data-style="minimal"] .toggle > .toggle-title i:after { display: none}
@media only screen and (max-width: 1000px) {
.toggle>.toggle-title a {
	font-size: 26px !important;
}
}
@media only screen and (max-width: 690px) {
.toggle>.toggle-title a {
	font-size: 22px !important;
}
}

/* Bilder */
.nectar-post-grid-wrap[data-style="content_under_image"] .custom-aspect-ratio-4-5 .nectar-post-grid-item-bg {
    padding-bottom: calc((4 / 3) * 100%) !important;
}

/* WPForms */
div.wpforms-container-full:not(:empty) {
    margin-top: 0px !important;
}
html body button[type="submit"]:focus,
div.wpforms-container-full input[type=text]:focus:invalid,
div.wpforms-container-full input[type=email]:focus:invalid,
div.wpforms-container-full textarea:focus:invalid {
	box-shadow: none !important;
	border-color: #000 !important
}

/* Buttons */
.mehr a,
.nectar-post-grid .nectar-cta {
	font-size: 18px;
	padding: 10px;
	margin-left: -10px;
	margin-top: 0px;
}
button[type="submit"],
body[data-button-style="slightly_rounded_shadow"] .container-wrap button[type="submit"]:hover {
	box-shadow: none !important;
	background: none !important;
	color: #000 !important;
	border: none !important;
	margin-left: 14% !important;
	transform: translateY(0px) !important;
    -webkit-transform: translateY(0px) !important;
}
@media only screen and (max-width: 1000px) {
button[type="submit"],
body[data-button-style="slightly_rounded_shadow"] .container-wrap button[type="submit"]:hover {
	margin-left: 0% !important
}
}
.mehr a:after,
.nectar-post-grid .nectar-cta:after,
button[type="submit"]:after {
	content: '';
	position: absolute;
	background: url(img/arrow.svg) no-repeat;
	background-size:cover;
	width: 32px;
	margin: 5px 0px 0px 10px !important;
	height: 20px;
    -webkit-transition: all 0.1s linear !important;
    -moz-transition: all 0.1s linear !important;
    -ms-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;	
}
button[type="submit"]:after { 	margin: -1px 0px 0px 10px !important;}
.mehr a:hover:after,
button[type="submit"]:hover:after {
	margin-left: 18px !important;
}
.nectar-post-grid .nectar-cta:after {
	margin: 8px 0px 0px 10px !important;
}
.nectar-post-grid .nectar-post-grid-item:hover .nectar-cta:after {
	margin: 8px 0px 0px 20px !important;
}
.mehr.intro a { padding-left: 8%;margin-left: 0px}
.nectar-post-grid .nectar-cta svg {
	display: none !important
}
@media only screen and (max-width: 1000px) {
.mehr.intro a { padding-left: 20%}	
.right_side .mehr a {
	margin-right: 20px}
}
@media only screen and (max-width: 690px) {
.mehr a {
	font-size: 15px
}
.mehr a:after {
	width: 22px;
	margin-top: 7px !important;
	height: 13px;
}
.mehr.intro a { padding-left: 0%}
}

/* Home */
@media only screen and (min-width: 691px) {
.home_intro { top: 0}
}
@media only screen and (min-width: 1601px) {
.home_intro { width: fit-content !important; min-width: 100% !important}
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
.home_intro { width: fit-content !important; min-width: 100% !important}
.home_intro h1 { font-size: 40px !important; line-height: 1.3 !important}
}
@media only screen and (min-width: 1001px) and (max-width: 1300px) {
.home_intro { width: fit-content !important; min-width: 100% !important}
.home_intro h1 { font-size: 30px !important; line-height: 1.3 !important}
}
@media only screen and (max-width: 1000px) {
#Intro img:hover { opacity: 1 !important}
#Intro .wpb_column {
	margin-bottom: 0px !important;
}
#Intro .full-width-section .row-bg, .wpb_row .row-bg { background-size: contain !important}
}
@media only screen and (max-width: 690px) {
.home_intro {
    overflow: visible !important;
}
bo
#Contain .full-width-section .row-bg, .wpb_row .row-bg { background-size: cover !important}
}

/* Blog */
.blog_next_prev_buttons[data-style=fullwidth_next_prev] .next-post h3 .next-arrow, .blog_next_prev_buttons[data-style=fullwidth_next_prev] .previous-post h3 .next-arrow {
	display:none !important
}
.blog_next_prev_buttons[data-style=fullwidth_next_prev] h3 .text .line, .container-wrap[data-nav-pos=after_project_2] .bottom_controls .next-project h3 .text .line, .container-wrap[data-nav-pos=after_project_2] .bottom_controls .previous-project h3 .text .line {
    height: 0px;
}

ul.controls li .text:before {
	content: '';
	position: absolute;
	z-index: 1000000000;
	top: -3px;
	left: calc(100% + 15px);
	background: url(img/arrow_w.svg) no-repeat;
	width: 100px;
	height: 30px;
    -webkit-transition: all 0.3s linear !important;
    -moz-transition: all 0.3s linear !important;
    -ms-transition: all 0.3s linear !important;
    -o-transition: all 0.3s linear !important;
    transition: all 0.3s linear !important;	
	opacity: 0
}
ul.controls li.previous-post .text:before {
	content: '';
	position: absolute;
	z-index: 1000000000;
	top: -3px;
	margin-left: calc(-100% - 130px);
	transform: rotate(180deg)
}
ul.controls li:hover .text:before {
	opacity: 1
}

@keyframes fadein {
    0%   { opacity: 0; top: 0% }
    100% { opacity: 1; top: -2% }
}
.archive  #ajax-content-wrap:before {
	position:absolute;
	animation: fadein .6s alternate forwards;
	animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
	content: '';
	background: url(img/line.svg) no-repeat;
	height: calc(100vh + 200px);
	width: 100vw;
	background-size: cover;
}
.post-area.featured_img_left .article-content-wrap .post-featured-img-wrap:before {
    box-shadow: 0 30px 60px rgba(0, 0, 0, .0) !important;
}
.featured-media-under-header__cat-wrap,
.row.featured-media-under-header,
.meta-category,
html body .row .col.section-title h1 { display: none}
html body .row .col.section-title h1 + h1 {
	display: block !important;
	padding-right: 25%
}
.row .col.section-title {
    border-bottom: 0px solid rgba(0, 0, 0, .15);
}
.post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a, .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a span, .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a span img, .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a span {
    border-radius: 0px;
}
.post-area.featured_img_left.span_12 article {
    margin-bottom: 15%;
}

.archive article .excerpt:before {
	position:absolute;
	content: 'Mehr erfahren' !important;
	font-family: 'Bricolage Grotesque';
	font-size: 18px;
	bottom: 20%
}
.archive article .excerpt:after {
	content: '';
	right: auto;
	left: 165px;
	bottom: calc(20% + 3px);
	position: absolute;
	background: url(img/arrow.svg) no-repeat;
	background-size:cover;
	width: 32px;
	margin: 0px 0px 0px 10px !important;
	height: 20px;
    -webkit-transition: all 0.1s linear !important;
    -moz-transition: all 0.1s linear !important;
    -ms-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;	
}
.archive article:nth-child(2n) .excerpt:after {
	left: 125px
}
.archive article:hover .excerpt:after {
	left: 175px;
}
.archive article:nth-child(2n):hover .excerpt:after {
	left: 135px !important
}
@media only screen and (min-width: 1001px) and (max-width: 1980px) {
.archive article .excerpt:before {
	bottom: 5%
}
.archive article .excerpt:after {
	bottom: calc(5% + 3px);
}
}
@media only screen and (min-width: 1001px) and (max-width: 1480px) {
.archive .excerpt {
	font-size: 26px !important;
}	
}
@media only screen and (min-width: 1001px) {
.archive .excerpt {
	font-size: 34px;
	line-height: 1.4
}	
.archive .row.page-header-no-bg.blog-archive-header .container {
	padding-left: 0%;
	padding-right: 0%
}
.archive .container.main-content,
.archive .row.page-header-no-bg.blog-archive-header {
	margin: 0px !important;
	padding-left: 18%;
	padding-right: 18%;
	max-width: 100%
}
.archive .row.page-header-no-bg.blog-archive-header { margin-bottom: 2% !important}
.archive .article-content-wrap {
	display: flex !important;
	flex-wrap: wrap; 

}
.archive .post-featured-img-wrap {
	width: 50% !important;
}
.archive .post-content-wrap {
	width: 50% !important;
	left: 50% !important;
    padding-right: 0% !important;
	padding-left: 3% !important;
}
.archive .posts-container article:nth-child(2n) .post-featured-img-wrap {
	left: 53%
}
.archive .posts-container article:nth-child(2n) .post-content-wrap {
	left: 0% !important;
	padding-right: 3% !important;
	padding-left: 0% !important;
}
}
@media only screen and (min-width: 1981px) {
.archive .post-content-wrap {
    padding: 15vh 0vh 15vh 3% !important;

}
}
@media only screen and (max-width: 1000px) {
.archive article .excerpt:after {left: 190px}
.archive article:nth-child(2n) .excerpt:after {left: 190px}
.archive article:hover .excerpt:after {left: 200px}
.archive article:nth-child(2n):hover .excerpt:after {left: 200px !important}
.archive article .excerpt:before {
	bottom: 0%
}
.archive article .excerpt:after {
	bottom: calc(0% + 1px);
}	
.archive .excerpt,
.category-position-before-title.nectar-post-grid .nectar-post-grid-item .item-meta-extra span,
#ajax-content-wrap .font_line_height_1-3.nectar-post-grid .nectar-post-grid-item .post-heading, body .font_line_height_1-3.nectar-post-grid .nectar-post-grid-item .post-heading,
.archive .row .col h3 {
	font-size: 20px!important;
	line-height: 1.3 !important;
}	
.archive .row.page-header-no-bg.blog-archive-header .container {
	margin: 0px !important;
	padding-left: 3%;
	padding-right: 3%
}
.archive  .row .col.section-title h1 + h1 {
	padding-right: 0%
}
}
@media only screen and (max-width: 900px) {
.archive  #ajax-content-wrap:before {
	background-size: contain;
}
}
@media only screen and (max-width: 690px) {
.archive article .excerpt:after {left: 125px}
.archive article:nth-child(2n) .excerpt:after {left: 125px}
.archive article:hover .excerpt:after {left: 135px}
.archive article:nth-child(2n):hover .excerpt:after {left: 135px !important}	
.archive article .excerpt:before {
	bottom: -35px
}
.archive article .excerpt:after {
	bottom: -33px;
}	
.archive .post-header { padding-top: 20px !important}
.archive  #ajax-content-wrap:before {
	top: 6%
}
.archive .post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap {
    padding: 0%;
}
}
@media only screen and (max-width: 540px) {
.post-area.featured_img_left.span_12 article {
    margin-bottom: 25%;
}
}

/* Responsive */
@media only screen and (max-width: 1000px) {
.container.main-content {
	max-width: 100%;
	padding-left: 3%;
	padding-right: 3%
}
html body .wpb_wrapper>div {

}
}

/* Footer */
#footer-outer #copyright {
    color: #000 !important;
}
#menu-rechtliches { display: flex}
#menu-rechtliches li a { font-size: 15px}
#Footer a img {
    -webkit-transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -ms-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
    transition: all 0.2s linear !important;	
}
#Footer a { color: #fff !important}
#Footer a:hover { opacity: .7}

#Footer a:hover img { opacity: .9}
body.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a, body.material #sidebar .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a {
	padding: 0px 15px 0px 0px !important;
    -webkit-transition: all 0.1s linear !important;
    -moz-transition: all 0.1s linear !important;
    -ms-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;	
}
body.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, body.material #sidebar .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover {
	color: #fff;
	opacity: .7 !important
}
img.footer_logo {
	position: absolute !important;
	right: -160px;
	top: -75px;

}
@media only screen and (max-width: 1000px) {
img.footer_logo {
	position: absolute !important;
	right: -200px;
	top: -200px;
}
}
@media only screen and (max-width: 560px) {
#menu-rechtliches { display: block}
img.footer_logo {
	right: -120px;
	top: -95px;
}
}

/* Cookies */
button.cmplz-hidden {
	opacity: 0 !important
}
.cmplz-cookiebanner.cmplz-show {
	max-width: 500px
}
.cmplz-cookiebanner .cmplz-body *,
.cmplz-cookiebanner .cmplz-header *,
.cmplz-cookiebanner .cmplz-links * { color: #000 !important}
#cmplz-manage-consent .cmplz-manage-consent {
  bottom: 10px !important;
  left: 32px !important;
  z-index: 1000000000000000 !important;
  box-shadow: none !important;
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  max-height: 42px !important; 
  min-width: 42px !important;
  border-radius: 21px !important;
  border: none !important;
  background: rgba( 0,0,0,0.4 ) !important;
  font-size: 0px;
  padding: 0px 0px 0px 0px !important;
  margin:  0px 0px 0px 0px !important
}
#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: 20px;
	line-height: 1.3
}
#cmplz-document {
	font-size: 20px;
	line-height: 1.3;
	max-width: 100%;
}
#cmplz-document p i {
	font-weight: 700
}
#cmplz-manage-consent .cmplz-manage-consent:hover {
  background: #24303a !important;
}
#cmplz-manage-consent .cmplz-manage-consent:before {
	position: absolute;
	z-index: 10000000000;
	height: 34px;
	width: 34px;
	background: url(img/fingerprint_white.svg);
	background-size: cover;
	left: 4px;
	top: 4px;
	content: "";
}
@media only screen and (min-width: 1400px) and (max-width: 9999px) {
#cmplz-document {
    max-width: 70%;
}
}
@media only screen and (min-width: 1001px) {
.cmplz-cookiebanner {
    left: 60px !important;
    bottom: 30px !important;
}
}
@media only screen and (max-width: 999px) {
#cmplz-manage-consent .cmplz-manage-consent {
  bottom: 10px !important;
  left: 10px !important;
  z-index: 100000000000 !important
}
}