/*
Theme Name:   M-Studio 3.6.7 Child
Theme URI:    https://www.gipfelgold.com
Description:  M-Studio 3.6.7 Child theme
Version:      3.6.7
Author:       GIPFELGOLD GmbH
Author URI:   https://www.gipfelgold.com
Template:     mstudio-367
*/


/*



          /\
         /**\
        /****\   /\
       /      \ /**\
      /  /\    /    \
     /  /  \  /      \
    /  /    \/ /\     \
   /  /      \/  \/\   \
__/__/_______/___/__\___\______________________________

Made with Passion by GIPFELGOLD // www.gipfelgold.com
_______________________________________________________
*/


/* Version 251106 */


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 ROOT
___________________________________________________________________________*/

:root {
	--white: #ffffff;
	--weissgrau: #f2f2f2;
	--hellgrau: #bcbcbc;
	--grau: #989898;
	--dunkelgrau: #1e1e1e;
	--gruen: #81d742;
	--cookiebot: #1e1e1e;
}

/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 ARCHITONICS
___________________________________________________________________________*/


.grve-post-date {
	display: none !important;
}

div.grve-headings-light p a,
div.grve-headings-light h1 a,
div.grve-headings-light h2 a,
div.grve-headings-light h3 a,
div.grve-headings-light h4 a,
div.grve-headings-light h5 a,
div.grve-headings-light h6 a {
	color: white;
	border-bottom: 1px solid white;
	text-decoration: none;
}

div.grve-headings-light p a:hover,
div.grve-headings-light h1 a:hover,
div.grve-headings-light h2 a:hover,
div.grve-headings-light h3 a:hover,
div.grve-headings-light h4 a:hover,
div.grve-headings-light h5 a:hover,
div.grve-headings-light h6 a:hover {
	border-bottom: 1px solid white;
	text-decoration: none;
}

/* Animated underline for body text links */
#grve-theme-wrapper .grve-text a:not(.grve-btn) {
	text-decoration: none;
	border-bottom: 0;
	color: inherit;
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: 100% 1px;
	transition: background-size 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

#grve-theme-wrapper .grve-text a:not(.grve-btn):hover,
#grve-theme-wrapper .grve-text a:not(.grve-btn):focus {
	color: inherit;
	background-size: 0 1px;
}

/* Links with more than 4 words get no underline animation/border */
#grve-theme-wrapper a.mstudio-no-underline {
	border-bottom: 0 !important;
	background-image: none !important;
	text-decoration: none !important;
}

.mbreak {
	white-space: nowrap;
}


/* Portfolio category */

.tax-portfolio_category #grve-portfolio-title,
.tax-portfolio_category #grve-portfolio-title>.grve-wrapper {
	height: 400px !important;
}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {

	.tax-portfolio_category #grve-portfolio-title,
	.tax-portfolio_category #grve-portfolio-title>.grve-wrapper {
		height: 300px !important;
		min-height: unset !important;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {

	.tax-portfolio_category #grve-portfolio-title,
	.tax-portfolio_category #grve-portfolio-title>.grve-wrapper {
		height: 200px !important;
		min-height: unset !important;
	}
}

@media only screen and (max-width: 768px) and (min-width: 100px) {

	.tax-portfolio_category #grve-portfolio-title,
	.tax-portfolio_category #grve-portfolio-title>.grve-wrapper {
		height: 180px !important;
		min-height: unset !important;
	}
}


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ALLGEMEINES
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
*/

a {
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-ms-transition: color .5s;
	-o-transition: color .5s;
	transition: color .5s;
}


/* Font Size on Mobile */

@media only screen and (max-width: 767px) {
	body {
		font-size: 14px;
		line-height: 1.54;
	}
}

.nouppercase {
	text-transform: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a,
i,
* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}


@media only screen and (max-width: 767px) {
	.grve-h2 {
		text-wrap: balance;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		overflow-wrap: anywhere;
		word-break: normal;
	}
}


/* =============================================================================
- Inputs
============================================================================= */

#grve-body #grve-theme-wrapper input[type="text"],
#grve-body #grve-theme-wrapper input[type="input"],
#grve-body #grve-theme-wrapper input[type="password"],
#grve-body #grve-theme-wrapper input[type="number"],
#grve-body #grve-theme-wrapper input[type="email"],
#grve-body #grve-theme-wrapper input[type="number"],
#grve-body #grve-theme-wrapper input[type="url"],
#grve-body #grve-theme-wrapper input[type="tel"],
#grve-body #grve-theme-wrapper input[type="search"],
#grve-body #grve-theme-wrapper input[type="date"],
#grve-body #grve-theme-wrapper textarea,
#grve-body #grve-theme-wrapper select,
#grve-body #grve-theme-wrapper .select2-choice {
	font-size: 14px;
	background: var(--white);
	color: var(--dunkelgrau);
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: PAGE SPINNER OVERLAY */

#grve-modal-overlay,
.mfp-bg,
#grve-loader-overflow {
	background-color: rgba(30, 30, 30, 1);
}

.grve-spinner:not(.custom) {
	width: 52px;
	height: 81px;
	background-image: url(/wp-content/uploads/2017/12/m-studio-reiter-innenarchitektur-moebelstudio-tischlerei-minotti-poliform-varenna-rimadesio-riva1920-kartell-vitra-altenmarkt-logo-M-weiss.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 52px auto;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -26px;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: TEXT SHADOW */

.mstudio-homebanners h1,
.mstudio-bigblog h1,
.mstudio-homebanners h2,
.mstudio-bigblog h2,
.mstudio-homebanners h3,
.mstudio-bigblog h3,
.mstudio-homebanners h4,
.mstudio-bigblog h4,
.mstudio-homebanners h5,
.mstudio-bigblog h5,
.mstudio-homebanners p,
.mstudio-bigblog p,
.mstudio-homebanners a,
.mstudio-bigblog a {
	text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0;
	color: var(--white);
}

.mstudio-homebanners .grve-h2,
.mstudio-bigblog .grve-h2,
.mstudio-homebanners h2,
.mstudio-bigblog h2 {
	max-width: 90%;
}

.mstudio-homebanners .grve-blog-large .grve-blog-item .grve-post-content {
	padding: 0;
}

.mstudio-homebanners .grve-blog-large .grve-blog-item .grve-post-content a .grve-text-hover-primary-1:hover {
	color: var(--weissgrau) !important;
}

@media only screen and (max-width: 767px) {

	.mstudio-homebanners .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper,
	.mstudio-bigblog .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper {
		margin-bottom: 0;
	}
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: FOTO BG BOTTOM SHADOW */

.mstudio-shadow .grve-background-wrapper .grve-bg-image::after {
	content: "";
	display: block;
	height: 100%;
	background-image: url("/wp-content/uploads/2017/12/box-shadow.png");
	background-position: center bottom;
	background-repeat: repeat-x;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Big Blog */

.mstudio-bigblog .grve-media img {
	width: 100%;
}

.mstudio-bigblog .grve-media .grve-hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-color: transparent !important;
	background-image: url("/wp-content/uploads/2017/12/box-shadow.png");
	background-position: center bottom;
	background-repeat: repeat-x;
}

.mstudio-bigblog>div.grve-container .grve-post-content-wrapper {
	position: absolute;
	bottom: 30px;
	left: 0;
}

.mstudio-bigblog .grve-blog-large .grve-blog-item .grve-post-content {
	padding: 0 30px;
}

.mstudio-bigblog>div.grve-container .grve-post-content-wrapper .grve-post-header {}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Dreier Blog */

.mstudio-dreierblog .grve-blog-large .grve-blog-item .grve-post-content {
	padding: 5% 0;
}

#grve-bottom-bar .grve-box-title-wrapper .grve-h6 {
	font-size: 15px;
}


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: HEADER FARBEN
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
*/


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: TOP BAR */

@media only screen and (max-width: 767px) {
	#grve-top-bar {
		display: none !important;
	}
}

#grve-top-bar ul p,
#grve-top-bar li {
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.075em;
}

#grve-top-bar .grve-wrapper,
#grve-top-bar .grve-language>li>ul,
#grve-top-bar .grve-top-bar-menu ul.sub-menu {
	background-color: rgba(30, 30, 30, 1);
	/* Topbar Background */
	color: rgba(188, 188, 188, 1);
	/* Topbar Font-Color */
	text-transform: uppercase;
}

#grve-top-bar a {
	color: rgba(188, 188, 188, 1);
	/* Topbar Link-Color */
}

#grve-top-bar a:hover {
	color: rgba(188, 188, 188, 0.5);
	/* Topbar Link-Hover-Color */
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Header/Menu */

@media only screen and (min-width: 1024px) {
	.grve-logo {
		background: var(--dunkelgrau);
		padding: 0 17px;
	}
}


/* Menuitem zentrieren */

#grve-header .grve-horizontal-menu.grve-arrow ul.grve-menu .menu-item-has-children>a {
	padding-right: 1em;
}

#grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu>li>a {
	padding: 0px 1em 0px 1em;
}
/*
@media only screen and (max-width: 1600px) and (min-width: 1130px) {
	#grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu>li>a {
		font-size: 13px;
		padding: 0 .5em;
	}
}

@media only screen and (max-width: 1130px) and (min-width: 1024px) {
	#grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu>li>a {
		font-size: 12px;
		padding: 0 .3em;
	}
}
*/

.grve-toggle-menu ul.grve-menu li .grve-arrow:after,
.grve-toggle-menu ul.grve-menu li .grve-arrow:before {
	background-color: var(--white);
}


/* Submenu Icon */

#grve-header .grve-horizontal-menu.grve-arrow ul.grve-menu .menu-item-has-children>a::after {
	content: "\e91b";
	display: inline-block;
	font-family: 'movedo-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-left: 10px;
}

#grve-header .grve-horizontal-menu ul.grve-menu ul.sub-menu li a {
    padding: 20px 10px;
    text-transform: uppercase;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Default Header */


/* Background Color
Pick a background color for the header. */

#grve-main-header {
	background-color: rgba(30, 30, 30, 0.8);
}


/* Border Color
Pick a border color for the header. */

#grve-main-header.grve-header-default,
.grve-header-elements {
	border-color: rgba(0, 0, 0, 0);
}


/* Menu Text Color
Pick a color for the menu text. */

.grve-logo-text a,
#grve-header .grve-main-menu .grve-wrapper>ul>li>a,
.grve-header-element>a,
.grve-header-element .grve-purchased-items {
	color: var(--white);
}

.grve-safe-btn-icon {
	fill: var(--white);
}


/* Menu Text Hover Color
Pick a color for the hover menu text. */

#grve-header .grve-main-menu .grve-wrapper>ul>li.grve-current>a,
#grve-header .grve-main-menu .grve-wrapper>ul>li.current-menu-item>a,
#grve-header .grve-main-menu .grve-wrapper>ul>li.current-menu-ancestor>a {
	color: var(--white);
}

.grve-logo-text a:hover,
#grve-header .grve-main-menu .grve-wrapper>ul>li:hover>a,
.grve-header-element>a:hover {
	color: var(--grau);
}

#grve-header .grve-horizontal-menu ul li.current-menu-item,
#grve-header .grve-horizontal-menu ul li.current-menu-item,
#grve-header .grve-horizontal-menu ul li.current-menu-ancestor,
#grve-header .grve-horizontal-menu ul li.current-page-ancestor {
	background-color: rgba(30, 30, 30, 1);
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Header/Menu */

.grve-logo {
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

@media only screen and (min-width: 1024px) {
	body:not(.page-id-16396) .grve-logo {
		background: transparent;
		/* Logo Background */
	}

	body:not(.page-id-16396) .grve-logo:hover {
		background: rgba(30, 30, 30, 1);
		/* Logo Background */
	}
}


/* Menu Type Color
Pick a color for the menu type. This will affect if you select the button or underline type. */

#grve-header .grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li.current-menu-item>a span,
#grve-header .grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li.current-menu-ancestor>a span {
	border-color: red;
}

#grve-header .grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li>a .grve-item:after {
	background-color: red;
}


/* Menu Type Hover Color
Pick a color for the hover menu type. This will affect if you select the button or underline type. */

#grve-header .grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li:hover>a span,
#grve-header .grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li.active>a span {
	border-color: green;
}

#grve-header .grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li:hover>a .grve-item:after,
#grve-header .grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li.active>a .grve-item:after {
	background-color: green;
}


/* Sub Menu Background Color
Pick a background color for the sub menu. */

#grve-header .grve-main-menu .grve-wrapper>ul>li ul {
	background-color: rgba(30, 30, 30, 1);
}

#grve-header .grve-shoppin-cart-content {
	background-color: rgba(30, 30, 30, 1);
}


/* Sub Menu Text Color
Pick a color for the sub menu text. */

#grve-header .grve-main-menu .grve-wrapper>ul>li ul li a {
	color: var(--white);
}

#grve-header .grve-shoppin-cart-content ul li,
#grve-header .grve-shoppin-cart-content ul li a,
#grve-header .grve-shoppin-cart-content .total {
	color: var(--white);
}


/* Sub Menu Text Hover/Active Color
Pick a color for the hover or active sub menu text. */

#grve-header .grve-main-menu .grve-wrapper>ul>li ul li a:hover,
#grve-header .grve-main-menu .grve-wrapper>ul>li ul li.current-menu-item>a,
#grve-header .grve-main-menu .grve-wrapper>ul li li.current-menu-ancestor>a {
	color: var(--grau);
}

#grve-header .grve-shoppin-cart-content ul li a:hover {
	color: var(--grau);
}


/* Sub Menu Hover/Active Background Color
Pick a background color for the hover or active sub menu. */

#grve-header .grve-main-menu .grve-wrapper>ul>li ul li a:hover,
#grve-header .grve-main-menu .grve-wrapper>ul>li ul li.current-menu-item>a,
#grve-header .grve-main-menu .grve-wrapper>ul li li.current-menu-ancestor>a {
	background-color: rgba(0, 0, 0, 0);
}


/* Sub Menu Column Title Color
Pick a color for the sub menu column titles ( Used in mega menu ). */

#grve-header .grve-main-menu .grve-wrapper>ul>li.megamenu>ul>li>a {
	color: var(--grau);
	background-color: transparent;
}


/* Sub Menu Column Titles Hover/Active Color
Pick a color for the hover or active sub menu column titles ( Used in mega menu ). */

#grve-header .grve-main-menu .grve-wrapper>ul>li.megamenu>ul>li:hover>a {
	color: var(--white);
}


/* Sub Menu Border Color
Pick a border color for the sub menu. */

#grve-header .grve-horizontal-menu ul.grve-menu li.megamenu>.sub-menu>li {
	border-color: rgba(255, 255, 255, 0.2);
}

#grve-header .grve-shoppin-cart-content ul li {
	border-color: rgba(255, 255, 255, 0.2);
}


/* Label Background Color
Pick a background color for the label. */

#grve-header .grve-main-menu .grve-item .label.grve-bg-default,
#grve-hidden-menu .grve-item .label.grve-bg-default {
	background-color: var(--white);
	color: rgba(30, 30, 30, 0.8);
	/* Label Text Color - Pick a text color for the label. */
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: STICKY HEADER */

#grve-header.grve-sticky-header #grve-main-header:not(.grve-header-logo-top),
#grve-header.grve-sticky-header #grve-main-header #grve-bottom-header {
	background-color: rgba(30, 30, 30, 0.8);
	/* Background Color */
}

#grve-movedo-sticky-header:before,
#grve-movedo-sticky-header .grve-logo,
#grve-movedo-sticky-header .grve-header-element>a.grve-safe-button {
	background-color: rgba(30, 30, 30, 0.8);
	/* Background Color */
}

#grve-safebutton-area .grve-logo {
	background-color: rgba(30, 30, 30, 0.8);
	/* Background Color */
}

#grve-safebutton-area .grve-close-button-wrapper {
	background-color: rgba(30, 30, 30, 0.8);
	/* Background Color */
}

#grve-header.grve-sticky-header #grve-main-header.grve-header-default,
#grve-header.grve-sticky-header #grve-main-header .grve-header-elements {
	border-color: rgba(0, 0, 0, 0);
	/* Border Color */
}

#grve-header.grve-sticky-header .grve-logo-text a,
#grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper>ul>li>a,
#grve-header.grve-sticky-header #grve-main-header .grve-header-element>a,
#grve-header.grve-sticky-header .grve-header-element .grve-purchased-items {
	color: var(--white);
	/* Menu Text Color */
}

#grve-movedo-sticky-header .grve-main-menu .grve-wrapper>ul>li>a,
#grve-movedo-sticky-header .grve-header-element>a {
	color: var(--white);
	/* Menu Text Color */
}

#grve-safebutton-area .grve-close-button-wrapper a {
	color: var(--white);
	/* Menu Text Color */
}

#grve-header.grve-sticky-header .grve-logo-text a:hover,
#grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper>ul>li.grve-current>a,
#grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper>ul>li.current-menu-item>a,
#grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper>ul>li:hover>a,
#grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper>ul>li.current-menu-item>a,
#grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper>ul>li.current-menu-ancestor>a,
#grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper>ul>li.active>a,
#grve-header.grve-sticky-header #grve-main-header .grve-header-element>a:hover {
	color: var(--grau);
	/* Menu Text Hover Color */
}

#grve-header.grve-sticky-header #grve-main-header .grve-safe-btn-icon {
	fill: var(--grau);
	/* Menu Text Hover Color */
	/* Safe Button Color */
}

#grve-movedo-sticky-header .grve-safe-btn-icon {
	fill: var(--grau);
	/* Menu Text Hover Color */
	/* Safe Button Color */
}

#grve-movedo-sticky-header .grve-main-menu .grve-wrapper>ul>li.grve-current>a,
#grve-movedo-sticky-header .grve-main-menu .grve-wrapper>ul>li.current-menu-item>a,
#grve-movedo-sticky-header .grve-main-menu .grve-wrapper>ul>li:hover>a,
#grve-movedo-sticky-header .grve-main-menu .grve-wrapper>ul>li.current-menu-item>a,
#grve-movedo-sticky-header .grve-main-menu .grve-wrapper>ul>li.current-menu-ancestor>a,
#grve-movedo-sticky-header .grve-main-menu .grve-wrapper>ul>li.active>a,
#grve-movedo-sticky-header .grve-header-element>a:hover {
	color: var(--grau);
	/* Menu Text Hover Color */
}

#grve-safebutton-area .grve-close-button-wrapper a:hover {
	color: var(--grau);
	/* Menu Text Hover Color */
}

#grve-header.grve-sticky-header #grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li.current-menu-item>a span,
#grve-header.grve-sticky-header #grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li.current-menu-ancestor>a span {
	border-color: var(--white);
	/* Menu Type Color */
}

#grve-header.grve-sticky-header #grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li>a .grve-item:after {
	background-color: var(--white);
	/* Menu Type Color */
}

#grve-movedo-sticky-header .grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li>a .grve-item:after {
	background-color: var(--white);
	/* Menu Type Color */
}

#grve-header.grve-sticky-header #grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li:hover>a span {
	border-color: var(--grau);
	/* Menu Type Hover Color */
}

#grve-header.grve-sticky-header #grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li:hover>a .grve-item:after {
	background-color: var(--grau);
	/* Menu Type Hover Color */
}

#grve-movedo-sticky-header .grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li:hover>a span {
	border-color: var(--grau);
	/* Menu Type Hover Color */
}

#grve-movedo-sticky-header .grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li:hover>a .grve-item:after {
	background-color: var(--grau);
	/* Menu Type Hover Color */
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Light Header */

#grve-main-header.grve-light .grve-logo-text a:hover,
#grve-main-header.grve-light #grve-main-menu .grve-wrapper>ul>li.grve-current>a,
#grve-main-header.grve-light #grve-main-menu .grve-wrapper>ul>li.current-menu-item>a,
#grve-main-header.grve-light #grve-main-menu .grve-wrapper>ul>li:hover>a,
#grve-main-header.grve-light #grve-main-menu .grve-wrapper>ul>li.current-menu-item>a,
#grve-main-header.grve-light #grve-main-menu .grve-wrapper>ul>li.current-menu-ancestor>a,
#grve-main-header.grve-light .grve-header-element>a:hover {
	color: var(--gruen);
	/* Menu Text Hover/Active Color */
}

#grve-main-header.grve-light #grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li.current-menu-item>a span,
#grve-main-header.grve-light #grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li.current-menu-ancestor>a span,
#grve-main-header.grve-light #grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li:hover>a span {
	border-color: var(--gruen);
	/* Menu Type Color */
}

#grve-main-header.grve-light #grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li>a .grve-item:after,
#grve-main-header.grve-light #grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li:hover>a .grve-item:after {
	background-color: var(--gruen);
	/* Menu Type Color */
}

#grve-main-header.grve-light,
#grve-main-header.grve-light .grve-header-elements,
#grve-main-header.grve-header-default.grve-light,
#grve-main-header.grve-light #grve-bottom-header {
	border-color: var(--gruen);
	/* Border Color */
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Dark Header */

#grve-main-header.grve-dark .grve-logo-text a:hover,
#grve-main-header.grve-dark #grve-main-menu .grve-wrapper>ul>li.grve-current>a,
#grve-main-header.grve-dark #grve-main-menu .grve-wrapper>ul>li.current-menu-item>a,
#grve-main-header.grve-dark #grve-main-menu .grve-wrapper>ul>li:hover>a,
#grve-main-header.grve-dark #grve-main-menu .grve-wrapper>ul>li.current-menu-item>a,
#grve-main-header.grve-dark #grve-main-menu .grve-wrapper>ul>li.current-menu-ancestor>a,
#grve-main-header.grve-dark .grve-header-element>a:hover {
	color: var(--gruen);
	/* Menu Text Hover/Active Color */
}

#grve-main-header.grve-dark #grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li.current-menu-item>a span,
#grve-main-header.grve-dark #grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li.current-menu-ancestor>a span,
#grve-main-header.grve-dark #grve-main-menu.grve-menu-type-button .grve-wrapper>ul>li:hover>a span {
	border-color: var(--gruen);
	/* Menu Type Color */
}

#grve-main-header.grve-dark #grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li>a .grve-item:after,
#grve-main-header.grve-dark #grve-main-menu.grve-menu-type-underline .grve-wrapper>ul>li:hover>a .grve-item:after {
	background-color: var(--gruen);
	/* Menu Type Color */
}

#grve-main-header.grve-dark,
#grve-main-header.grve-dark .grve-header-elements,
#grve-main-header.grve-header-default.grve-dark,
#grve-main-header.grve-dark #grve-bottom-header {
	border-color: rgba(10, 10, 10, 0.10);
	/* Boder Color */
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Responsive Header */


/* "MENU" nicht mittig */

.grve-toggle-hiddenarea .grve-label {
	line-height: 1.5em;
}


/* Hidden Menu Text-Color */

.grve-hidden-menu-text {
	color: var(--hellgrau);
}

#grve-hidden-menu h1,
#grve-hidden-menu h2,
#grve-hidden-menu h3,
#grve-hidden-menu h4,
#grve-hidden-menu h5,
#grve-hidden-menu h6 {
	color: var(--hellgrau);
}

.grve-hiddenarea-content .grve-header-responsive-elements:nth-child(5),
.grve-hiddenarea-content .grve-header-responsive-elements:nth-child(6) {
	display: none !important;
}

/* Close Button */

.grve-close-btn i {
	font-size: 34px;
}

.grve-close-btn-wrapper {
	margin: 30px auto 20px auto;
}


/* Abstand zum Texteil */

.grve-menu-wrapper {
	margin-bottom: 3.000em;
}

#grve-responsive-header #grve-main-responsive-header {
	background-color: rgba(30, 30, 30, 0.8);
	/* Background Color */
}

#grve-responsive-header .grve-header-element>a,
#grve-responsive-header .grve-header-element .grve-purchased-items {
	color: var(--white);
	/* Header Elements Color */
}

#grve-responsive-header .grve-safe-btn-icon {
	fill: var(--white);
	/* Header Elements Color */
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Responsive/Hidden Menu */

#grve-hidden-menu {
	background-color: var(--dunkelgrau);
	/* Background Color */
}

#grve-hidden-menu a {
	color: var(--white);
	/* Link Color */
}

#grve-hidden-menu:not(.grve-slide-menu) ul.grve-menu li a .grve-arrow:after,
#grve-hidden-menu:not(.grve-slide-menu) ul.grve-menu li a .grve-arrow:before {
	background-color: var(--white);
	/* Link Color */
}

#grve-theme-wrapper .grve-header-responsive-elements form,
#grve-theme-wrapper .grve-header-responsive-elements form p,
#grve-theme-wrapper .grve-header-responsive-elements form div,
#grve-theme-wrapper .grve-header-responsive-elements form span {
	color: var(--white);
	/* Link Color */
}

#grve-hidden-menu ul.grve-menu li.open>a .grve-arrow:after,
#grve-hidden-menu ul.grve-menu li.open>a .grve-arrow:before {
	background-color: var(--grau);
	/* Hover Color */
}

#grve-hidden-menu.grve-slide-menu ul.grve-menu li>.grve-arrow:hover {
	color: var(--grau);
	/* Hover Color */
}

#grve-hidden-menu a:hover,
#grve-hidden-menu ul.grve-menu>li.current-menu-item>a,
#grve-hidden-menu ul.grve-menu>li.current-menu-ancestor>a,
#grve-hidden-menu ul.grve-menu li.current-menu-item>a,
#grve-hidden-menu ul.grve-menu li.open>a {
	color: var(--grau);
	/* Hover Color */
}

#grve-hidden-menu .grve-close-btn {
	color: var(--grau);
	/* Close Button Color */
}

#grve-hidden-menu ul.grve-menu li a,
#grve-theme-wrapper .grve-header-responsive-elements form,
#grve-theme-wrapper .grve-header-responsive-elements form p,
#grve-theme-wrapper .grve-header-responsive-elements form div,
#grve-theme-wrapper .grve-header-responsive-elements form span {
	border-color: rgba(0, 0, 0, 0);
	/* Border Color */
}

#grve-hidden-menu-overlay {
	background-color: rgba(30, 30, 30, 0.5);
	/* Overflow Background Color */
}

.grve-hidden-area {
	left: -30px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.0);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	-moz-transition: -moz-transform 0.4s ease-in-out;
	-o-transition: -o-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.grve-hiddenarea-wrapper {
	padding-right: 0;
	padding-left: 30px;
}

.grve-hidden-area.open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.grve-hidden-area .grve-hidden-menu-text {
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s;
	-moz-transition: -moz-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s;
	-o-transition: -o-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s;
	transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-500px);
	-moz-transform: translateX(-500px);
	-ms-transform: translateX(-500px);
	-o-transform: translateX(-500px);
	transform: translateX(-500px);
}

.grve-hidden-area.open .grve-hidden-menu-text {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.grve-hidden-area .grve-close-btn {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
	-moz-transition: -moz-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
	-o-transition: -o-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
	transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
}

.grve-hidden-area.open .grve-close-btn {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.grve-hidden-area.grve-animated-menu-items ul.grve-menu .grve-first-level {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.grve-hidden-area.grve-animated-menu-items ul.grve-menu .grve-first-level.show {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: STARTSEITE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
*/


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ICONBOX */

.mstudio-iconbox {
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border-radius: 20px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding-top: 30px;
	padding-bottom: 30px;
}


/* Pre-render the bigger shadow, but hide it */

.mstudio-iconbox::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 20px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	background: white;
}


/* Transition to showing the bigger shadow on hover */

.mstudio-iconbox:hover::after {
	opacity: 1;
}


/* FIX big spacing after Headline on Mobile */

.grve-box-icon.grve-extra-large .grve-wrapper-icon,
.grve-box-icon.grve-extra-large .grve-image-icon,
.grve-box-icon.grve-extra-large .grve-box-title-wrapper {
	line-height: 32px;
}


/* Standard Iconbox */

.grve-column:not(.mstudio-iconbox) .grve-box-icon.grve-medium.grve-top-icon a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 40px 20px;
	border-radius: 10px;
	background: transparent;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0);
}

.grve-column:not(.mstudio-iconbox) .grve-box-icon.grve-medium.grve-top-icon a:focus,
.grve-column:not(.mstudio-iconbox) .grve-box-icon.grve-medium.grve-top-icon a:hover,
.grve-column:not(.mstudio-iconbox) .grve-box-icon.grve-medium.grve-top-icon a:active {
	background: var(--white);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
}


/* Hersteller */

.herstellericons .grve-box-icon.grve-extra-small.grve-top-icon a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 40px 20px;
	border-radius: 10px;
	background: transparent;
	border: 1px solid rgba(30, 30, 30, 0.1);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0);
}

.herstellericons .grve-box-icon.grve-extra-small.grve-top-icon a p {
	font-size: 14px;
	line-height: 1.4em;
}

.herstellericons .grve-box-icon.grve-extra-small.grve-top-icon a:focus,
.herstellericons .grve-box-icon.grve-extra-small.grve-top-icon a:hover,
.herstellericons .grve-box-icon.grve-extra-small.grve-top-icon a:active {
	background: var(--white);
	/* Old browsers */
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	border-color: var(--white);
}


/* Hersteller Icons Carousel */

.herstellericons-carousel .grve-box-icon.grve-extra-small.grve-top-icon a .grve-box-content {
	display: none;
}

.herstellericons-carousel .grve-box-icon.grve-extra-small.grve-top-icon a .grve-image-icon {
	margin-bottom: 0;
}

.herstellericons-carousel .grve-box-icon.grve-extra-small.grve-top-icon a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 15px;
	border-radius: 10px;
	background: transparent;
	-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0);
	box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0);
}

.herstellericons-carousel .grve-box-icon.grve-extra-small.grve-top-icon a:focus,
.herstellericons-carousel .grve-box-icon.grve-extra-small.grve-top-icon a:hover,
.herstellericons-carousel .grve-box-icon.grve-extra-small.grve-top-icon a:active {
	background: var(--weissgrau);
	/* Old browsers */
	-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
}


/* Icon Box Title */

.grve-box-icon .grve-box-title-wrapper,
.grve-box-icon.grve-top-icon .grve-box-title-wrapper {
	height: 1.000em;
	display: table;
	width: 100%;
}

.grve-box-icon .grve-box-title,
.grve-box-icon.grve-top-icon .grve-box-title {
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: SINGLE BLOG
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
*/

#grve-body #grve-portfolio-title h1,
#grve-body #grve-post-title .grve-title,
#grve-body #grve-page-title h1 {
	font-family: Lato;
	font-weight: 100;
	font-style: normal;
	/*font-size: 2.8vw;*/
	text-transform: uppercase;
	/*line-height: 1.1em;*/
	letter-spacing: .2em;
}


/* Kontakt map */

.responsive_map {
	height: 0;
	overflow: hidden;
	padding-bottom: 56%;
	position: relative;
}

.responsive_map iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}


/* ::::::::::::::::::.FOOTER */

@media only screen and (max-width: 1200px) {}

#grve-body #grve-footer .grve-column {
	margin-top: 0;
	margin-bottom: 0;
}

#cookie-notice {
	background: rgba(30, 30, 30, 0.8) !important;
}

#cn-notice-text {
	line-height: 1.3em;
	margin-bottom: 0;
	padding: 0;
	display: inline-block;
}

#cookie-notice .button {
	background-color: var(--white);
	border-color: var(--white);
	border-style: solid;
	border-width: 3px;
	color: var(--dunkelgrau);
	padding: 2px 13px;
	border-radius: 2px;
	transition: all 0.3s linear 0s !important;
	display: inline-block;
}

#cookie-notice #cn-refuse-cookie,
#cookie-notice #cn-more-info {
	background-color: var(--dunkelgrau);
	color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.5);
}

#cookie-notice .button:hover,
#cookie-notice #cn-refuse-cookie:hover,
#cookie-notice #cn-more-info:hover {
	background-color: var(--dunkelgrau);
	border-color: var(--white);
	color: var(--white);
}

@media only screen and (max-width: 800px) {
	#cn-notice-text {
		margin-bottom: 16px;
	}
}


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: LIGHTBOX GALERIE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
*/

@media screen and (max-height: 768px) {
	img.mfp-img {
		padding: 0;
	}

	.mfp-bottom-bar {
		width: 98%;
	}
}


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: PORTFOLIO
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
*/
.projekt-filterbutton {
    padding: 14px 0;
    position: relative;
    display: inline-block;
    line-height: 1.4em;
    text-align: center;
}
.projekt-filterbutton a {
    padding: 2px 0px 0.5em 0px !important;
}
.projekt-filterbutton a > span {
    font-family: Lato;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    font-size: 18px !important;
    line-height: 24px;
    letter-spacing: 0px;
    
}
.projekt-filterbutton a.currentpage .grve-btn-bottom-line {
    width: 100% !important;
}

@media only screen and (max-width:600px) {
	.projekt-filterbutton {
    	background: white;
    	display: block;
    	margin-top: 5px;
	}
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: LANDINGPAGES 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
*/

.grve-herstellerrueckruf {
	padding: 20px;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.8) !important;
	-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.3);
}

.grve-herstellerrueckruf .erste,
.grve-herstellerrueckruf .zweite {
	padding: 0 0 0 10px !important;
}

.grve-herstellerrueckruf h3 {
	font-size: 1.2em;
	letter-spacing: 0;
	font-weight: 700;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}

#grve-theme-wrapper .grve-herstellerrueckruf input[type="text"] {
	margin: 0;
	padding: 10px;
	font-size: 11px !important;
	line-height: 11px !important;
	min-height: unset;
}

#grve-theme-wrapper .grve-herstellerrueckruf input[type="submit"]:not(.grve-custom-btn) {
	margin: 0;
	padding: 10px;
	line-height: 1em;
	margin-top: 1px;
}

.grve-herstellerrueckruf .wpcf7-not-valid-tip {
	font-size: 11px;
	letter-spacing: 0;
	margin-top: 0.5em;
	margin-bottom: 0;
	line-height: 1.2em;
}


.grve-herstellerrueckruf .wpcf7-acceptance {
	margin-left: 10px;
}

.wpcf7-spinner {
	display: none;
}

@media only screen and (max-width: 767px) {
	#grve-theme-wrapper .grve-herstellerrueckruf input[type="submit"]:not(.grve-custom-btn) {
		margin: 1em 0
	}

	#grve-theme-wrapper .grve-herstellerrueckruf input[type="text"] {
		width: 95%;
		margin-top: 0.5em !important;
	}
}


/* Recaptcha */

.grecaptcha-badge {
	display: none !important;
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 ELEMENTOR POPUP
___________________________________________________________________________*/


#cookie-notice {
	z-index: 9998;
}

h2.elementor-heading-title::after {
	content: "";
	display: block;
	width: 120px;
	height: 2px;
	background: white;
	margin-top: 20px;
}


#popuplist {
	list-style: none;
	margin-left: 0;
	width: 85%;
}

#popuplist li {
	list-style: none;
	line-height: 1.2em;
	margin-bottom: 1.5em;
	margin-left: 35px;
	color: white !important;
	font-size: 16px;
	font-family: "Lato";
}

#popuplist li a {
	color: white !important;
	text-decoration: underline;
}

#popuplist li span {
	font-weight: 300;
}

#popuplist li:before {
	content: "";
	width: 35px;
	background-image: url(/wp-content/uploads/2020/12/arrow.svg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 14px;
	display: inline-block;
	background-size: contain;
	opacity: 1;
	margin-left: -35px;
}


/*/////////////////////////////////////////////////////////////////////////////////// KABUUM */

/* In elementor direkt drinnen */


#footer-joblink {
	border: 0 !important;
	border-bottom: 0 !important;
	background-image: none !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
	display: inline;
	color: white !important;
}

#footer-joblink:hover,
#footer-joblink:focus {
	border: 0 !important;
	border-bottom: 0 !important;
	background-image: none !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
	color: white !important;
}


/*changing the border in the text "Wir suchen Verstärkung"*/

#footer-joblink strong {
	text-transform: uppercase;
	text-decoration: inherit;
	border: 0 !important;
	border-bottom: 0 !important;
	margin-bottom: 22px;
	color: inherit !important;
}

#footer-joblink::before {
	content: "";
	display: inline-block;
	width: 3.5em;
	height: 3em;
	background-image: url(https://staging-mstudio.kinsta.cloud/wp-content/uploads/2021/06/m-studio-reiter-pfeil-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 30px;
	margin-bottom: -30px;
}

@media only screen and (max-width: 900px) {
	#footer-joblink::before {
		width: 2.0em;
	}

	#footer-joblink strong {
		font-size: 1.1em;
		margin-right: 4px;
	}

	.footer-button {
		padding: 1.2em !important;
	}
}

.mannhummel {
	background-color: var(--hellgrau);
	padding: 0.2em 1em;
	border-radius: 2em;
	color: var(--dunkelgrau) !important;
	letter-spacing: 0;
	font-weight: 400;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.mannhummel:hover {
	background-color: #3fb01e;
	color: var(--white) !important;
}

#grve-top-bar ul.grve-right-side {
	width: 90%;
}


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: INFITTERY-PAGE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::
*/

.infitteryheadline {
	display: flex;
	align-items: center;
	text-transform: uppercase;
}

.infitteryheadline:before {
	content: "";
	width: 150px;
	height: 100px;
	display: inline-block;
	background-image: url(/wp-content/uploads/2022/04/mstudio-reiter-altenmarkt-pongau-logo-white.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.infittery-threesteps {
	background: var(--white);
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 2vh 3vw;
}

.infitteryshopbutton span {
	display: flex;
	align-items: center;
}

.infitteryshopbutton i:before {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	background: url("/wp-content/uploads/2022/04/shop-icon.svg");
}

.infitteryshopbutton .grve-bg-black i:before,
.infitteryshopbutton .grve-bg-primary-1 i:before {
	background: url("/wp-content/uploads/2022/04/shop-icon-white.svg") !important;
}

.infitteryshopbutton .grve-bg-white {
	align-items: center;
	color: #4f4f4f !important;
	text-shadow: none;
}

.infitteryuppercase h3 {
	text-transform: uppercase;
}

.infitterybenefits ul {
	line-height: 1.2em;
	text-align: left;
	color: black;
	margin-left: 0;
}

.infitterybenefits ul li {
	margin: 0.25em 0 0.25em 1.5em;
	padding-bottom: 0.7em;
	list-style-type: none;
}

.infitterybenefits ul li:before {
	content: "";
	display: block;
	width: 12px;
	height: 1em;
	color: #c8ac70;
	font-weight: 700;
	position: absolute;
	margin-left: -1.5em;
	background-image: url(/wp-content/uploads/2022/04/check-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 5px;
}


/* Infittery Slideout */

.quicknav {
	position: fixed;
	top: 187px;
	left: calc(100% - 58px);
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	z-index: 200;
	width: 325px;
	height: 45px;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s;
	display: flex;
	flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
	.quicknav {
		top: 142px;
	}
}

@media only screen and (max-width: 767px) {
	.quicknav {
		/*top: 110px;*/
		display: none;
	}
}

.quicknav:hover {
	left: calc(100% - 325px);
}

.inf-shopicon,
.inf-content {
	display: flex;
	flex-direction: column;
}

.inf-shopicon {
	width: 60px;
	height: 60px;
	background: #E6E6E6;
	border-radius: 5px 0 0 5px;
	box-sizing: border-box;
	background-image: url("/wp-content/uploads/2022/04/shop-icon-black.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.inf-content {
	width: 265px;
	box-sizing: border-box;
	padding: 15px 25px 25px 25px;
	background: #E6E6E6;
	border-radius: 0 0 0 5px
}

.inf-content h2 {
	font-weight: 300;
	font-size: 19px;
	line-height: 30px;
	display: flex;
	align-items: center;
	letter-spacing: 0;
	margin-bottom: 1.5em;
}

.inf-content span {
	display: inline-block;
	text-indent: -10000px;
	width: 71px;
	height: 30px;
	background-image: url("/wp-content/uploads/2022/04/Infittery-black-s.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	margin-right: 7px
}

.inf-content p,
.inf-content a {
	font-size: 15px;
	color: var(--dunkelgrau);
}

.inf-content p {
	margin-bottom: 0.5em;
	line-height: 1.25em;
}

.inf-content a:not(.inf-button) {
	text-decoration: underline;
	margin-bottom: 30px;
}

.inf-content a:not(.inf-button):hover {
	text-decoration: none;
}

.inf-content a:not(.inf-button):before {
	content: url("/wp-content/uploads/2022/04/arw.svg");
	margin-right: 10px;
}

.inf-content .inf-button {
	padding: 0.5em;
	border: 1px solid var(--dunkelgrau);
	border-radius: 2px;
	background-color: transparent;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	text-align: center;
}

.inf-content .inf-button:hover {
	background-color: var(--dunkelgrau);
	color: var(--white);
	cursor: pointer;
}


/* News Bildbug */
.grve-blog-item-inner .grve-media img {
	width: 100%;
}


/* Rimadesio Shop ausblenden */
.page-id-18960 #quicknav-desktop {
	display: none
}

/* ne */

.grve-safe-button .grve-item .grve-safe-btn-icon {
	display: none !important;
}

.grve-safe-button .grve-item {
	font-family: 'movedo-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 24px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.grve-safe-button .grve-item:before {
	content: "\e915";
}


/* Herstelleranfrage */
.herstelleranfrage {
	padding: 30px;
	background: rgba(0, 0, 0, 0.15);
}

.herstelleranfrage .wpcf7-textarea {
	margin-bottom: 10px !important;
}

.herstelleranfrage .wpcf7-acceptance span {
	margin-left: 0;
}

@media only screen and (max-width: 767px) {
	.herstelleranfrage .grve-one-half.erste {
		padding: 0 10px !important;
		margin-bottom: 10px;
	}
}

/* Abstand bei Headline-Line */


.grve-title-line {
	margin-top: 4vh;
	margin-bottom: 2vh;
}

/* Headline Max-Width */
.maxwidth800 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 NEWS GALLERY POST
___________________________________________________________________________*/


.single-post p a {
	text-decoration: underline;
}


.single-post.single-format-gallery .owl-controls {
	display: none;
}

.single-post.single-format-gallery .grve-carousel-buttons>div {
	background: rgba(0, 0, 0, 0.75)
}

/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 NAVIGATION
___________________________________________________________________________*/

.grve-hidden-menu-btn {
	float: left;
}

.grve-header-element .grve-item {
	font-size: 30px;
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 SAFE BUTTON
___________________________________________________________________________*/

.grve-safe-button-element {
	float: right;
	margin-left: 2.563rem;
}

.grve-safe-button {
	background: white;
	line-height: 40px !important;
	margin: 10px 0;
	padding: 0 15px !important;
	color: var(--dunkelgrau) !important;
}

.grve-safe-button .grve-item {
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 11px;
	line-height: 1em;
	width: auto;
}

.grve-safe-button .grve-item:after {
	content: "Jetzt anfragen";
	font-family: Lato;
	font-weight: 700;
	font-style: normal;
}

.grve-safe-button .grve-item:before,
.grve-safe-button .grve-item svg {
	display: none;
}

@media only screen and (min-width: 1024px) {
	.grve-safe-button-element {
		display: none;
	}

	.grve-position-left .grve-safe-button {
		padding: 10px 20px;
		color: var(--dunkelgrau) !important;
	}

}

/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 ANFRAGE FORMULAR MODAL
___________________________________________________________________________*/

#grve-menu-form-modal h6 {
  color: white;
}

/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 UPDATES JAN 24
___________________________________________________________________________*/


#quicknav-desktop {
	display: none;
}

.wpcf7-checkbox .wpcf7-list-item {
	display: block;
	margin: 0 0 0.5em 0;
}

.wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}

#grve-page-anchor .grve-anchor-wrapper {
	top: unset !important;
	bottom: 0 !important;
	position: fixed !important;
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 HÄNDLERSEITE
___________________________________________________________________________*/


#landing-hero {
	min-height: 100vh;
}


@media only screen and (min-width: 1201px) and (max-width: 1600px) {
	#landing-hero {
		padding-top: calc(105px + 5vh) !important;
	}

	#landing-hero .hero-headline-box {
		padding-top: 6vh;
	}
	#landing-hero .hero-headline-box .hero-headline-box-wrapper {
		padding: 10% 20% 10% 10% !important;
	}

	#landing-hero .hero-benefits-box {
		top: -2vh;
	}

	#landing-hero .hero-benefits-box .hero-benefits-box-wrapper {
		padding: 4vh !important;
	}
	#landing-hero .hero-benefits-box .hero-benefits-box-wrapper .grve-element.grve-text p {
		font-size: 15px;
		line-height: 1.25em;
	}

}

@media only screen and (min-width: 1401px) and (max-width: 1601px) { 
	#landing-hero {
		padding-top: calc(105px + 10vh) !important;
	}
}

@media only screen and (min-width: 1601px) and (max-width: 2560px) {
	#landing-hero {
		padding-top: calc(105px + 5vh) !important;
	}

	#landing-hero .grve-container {
		margin-bottom: -90px;
		padding-top: 90px;
	}

	#landing-hero .hero-headline-box {}

	#landing-hero .hero-headline-box .hero-headline-box-wrapper {}

	#landing-hero .hero-benefits-box {}

	#landing-hero .hero-benefits-box .hero-benefits-box-wrapper {}

}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 COOKIEBOT
___________________________________________________________________________*/


.CookiebotWidget, #CookiebotWidget {
    display: none !important;
}

h2#CybotCookiebotDialogBodyContentTitle {
    font-size: clamp(20px,3vw,30px) !important;
}

#CybotCookiebotDialogPoweredbyImage,
#CybotCookiebotDialogPoweredbyCybot {
    display: none !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom-color: var(--cookiebot) !important;
    color: var(--cookiebot) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: var(--cookiebot) !important;
    border-color: var(--cookiebot) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    border-color: var(--cookiebot) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline {
    background: transparent !important;
    color: var(--cookiebot) !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-color: var(--cookiebot) !important;
}

#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: var(--cookiebot) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
    color: var(--cookiebot) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: var(--cookiebot) !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
    color: var(--cookiebot) !important;
}

#CybotCookiebotDialog a:hover:after,
#CybotCookiebotDialog a:hover:before,
#CybotCookiebotDialog button:hover:after,
#CybotCookiebotDialog button:hover:before {
    border-color: var(--cookiebot) !important;
}

#CybotCookiebotDialog ul li {
  list-style: inherit;
}

table.CookieDeclarationTable {
    background-color: transparent !important;
}
table.CookieDeclarationTable tr:nth-child(2n+1) {
    background-color: transparent !important;
}