/**
Theme Name: Riku
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.1.64
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: riku
Template: astra
*/
html, body { overflow-x: hidden; }
body { background-color: #F5F5F5 !important;  }
body:not(.elementor-editor-active) .elementor-location-header { position: relative; z-index: 100 !important; }

body.elementor-page-3138 .elementor-location-header,
body.elementor-page-3163 .elementor-location-header { display: none !important; }

body.home #page-head .riku-logo { opacity: 0; }
body.home #page-head .elementor-widget-pp-advanced-menu { opacity: 0; }
#page-head .riku-logo img { width: 385px !important; }

#popup-container { width: 100vw; height: 100vh; position: fixed; left: -9999px; top: -9999px; background-color: #ffffff; opacity: 0; transition: opacity 1s; z-index: 5000; }
#popup-container.active { left: 0px; top: 0px; opacity: 1; z-index: 9999999; }
#popup-container .closebutton { display: inline-block; position: absolute; top: 30px; right: 40px; font-size: 50px; color: #9d9d9d; text-decoration: none; z-index: 5002; }
#popup-container iframe { width: 100%; height: 100%; z-index: 5001; }

.btn { height: 38px; padding: 12px 35px 10px 35px; display: inline-block; position: relative; border: none !important; border-radius: 19px; background-color: #d3d3d3; color: #ffffff; line-height: 12px !important; text-decoration: none !important; white-space: nowrap; cursor: pointer; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.btn:hover { text-decoration: none !important; color: #ffffff !important; }

.drehbutton {
	width: 240px;
	height: 240px;
	position: relative;
	cursor: pointer;
}
.drehbutton .drehbutton-text {
	width: 240px;
	height: 240px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 12;
	transform: rotate(10deg);
	text-align: center;
}
.drehbutton .drehbutton-text p {
	margin: 0px 0px 10px 0px;
	color: #ffffff;
	font-size: 20px;
}
.drehbutton .drehbutton-image {
	width: 240px;
	height: 240px;
	position: absolute;
	left: 0px;
	top: 0px;
	/*overflow: hidden;*/
	z-index: 10;
}
.drehbutton .drehbutton-image .inner {
	width: 240px;
	height: 240px;
	transform: rotate(0deg);
	animation: rotate_circle 20s linear infinite;
}
.drehbutton .drehbutton-image .inner img {
	width: 240px;
	height: 240px;
	max-width: none;
	/*transform: translate(-5px,-5px);*/
	display: inline-block;
	-webkit-mask-image: url( https://riku-new.npm13.net/wp-content/uploads/2026/01/drehbutton_maske.png );
	-webkit-mask-size: cover;
	-webkit-mask-position: center center;
	mask-image: url( https://riku-new.npm13.net/wp-content/uploads/2026/01/drehbutton_maske.png );
	mask-size: cover;
	mask-position: center center;
}
@keyframes rotate_circle {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.colorheading h1,
.colorheading h2,
.colorheading h3 { 
	background-image: linear-gradient(260deg, #A251FE, #FF3291, #F9E03E);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}

.colorheading.download h1,
.colorheading.download h2,
.colorheading.download h3 { 
	background-image: linear-gradient(260deg, #d2087e, #6243a1, #48ad84);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}

button.colorbutton {
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #FFFFFF !important;
	border-radius: 40px 40px 40px 40px !important;
	padding: 15px 60px 15px 60px !important;
}
.colorbg { border-radius: 25px !important; }
.colorbg,
button.colorbutton,
button.colorbutton:hover,
button.colorbutton:active,
button.colorbutton:focus,
.colorbutton .elementor-button,
.colorbutton .elementor-button:hover,
.colorbutton .elementor-button:active,
.colorbutton .elementor-button:focus {
	background-image: linear-gradient(260deg, #FA3B94, #d2b707, #008400) !important; border: none !important;
}

.colorbg.downloadbutton,
button.colorbutton.downloadbutton,
button.colorbutton.downloadbutton:hover,
button.colorbutton.downloadbutton:active,
button.colorbutton.downloadbutton:focus,
.colorbutton.downloadbutton .elementor-button,
.colorbutton.downloadbutton .elementor-button:hover,
.colorbutton.downloadbutton .elementor-button:active,
.colorbutton.downloadbutton .elementor-button:focus {
	background-image: linear-gradient(260deg, #d2087e, #6243a1, #48ad84) !important; border: none !important;
}

/*
.erkabutton { position: absolute !important; left: 0px !important; bottom: -100px !important; display: inline-block !important; text-align: center !important; font-size: 20px !important; color: #abaaab !important; text-decoration: none !important; }
.erkabutton:hover,
.erkabutton:active,
.erkabutton:focus { color: #abaaab !important; text-decoration: none !important; }
.erkabutton div { display: inline-block; }
.erkabutton2 { width: 200px; padding: 10px 0px 12px 0px; background-color: transparent; background-image: linear-gradient(260deg, #FA3B94 0%, #A251FE 100%); border-radius: 26px 26px 26px 26px; position: absolute !important; left: 10px !important; bottom: -165px !important; display: inline-block !important; text-align: center !important; font-weight: 700; font-size: 22px; color: #ffffff !important; text-decoration: none !important; }
.erkabutton2:hover,
.erkabutton2:active,
.erkabutton2:focus { color: #ffffff !important; text-decoration: none !important; }
@media(max-width: 1700px) {
	.erkabutton { left: auto !important; right: 0px !important; }
	.erkabutton2 { left: auto !important; right: 10px !important; }
}
@media(max-width: 1600px) {
	.erkabutton { left: 0px !important; right: auto !important; }
	.erkabutton2 { left: 10px !important; right: auto !important; }
}
@media(max-width: 1200px) {
	.erkabutton { left: auto !important; right: 0px !important; }
	.erkabutton2 { left: auto !important; right: 10px !important; }
}
@media(max-width: 767px) {
	.erkabutton { bottom: -105px !important; }
}
*/

ul.pp-advanced-menu a { padding-bottom: 15px !important; text-align: center; line-height: 1.25; }

.rotating-button { width: 200px; height: 200px; position: absolute; left: 0px; bottom: -220px; display: inline-block; text-decoration: none; }
.rotating-button .erkalogo { width: 120px; height: 120px; position: absolute; left: 40px; top: 40px; text-align: center; font-size: 15px; line-height: 1; color: #abaaab; background-color: #f5f5f5; z-index: 1; }
.rotating-button .erkalogo img { width: 80px; height: auto; margin-top: 40px; display: inline-block; }
.rotating-button .spinner { width: 100%; height: 100%; position: relative; display: inline-block; animation: spin 5s infinite linear; z-index: 3; }
.rotating-button .spinner img { max-width: 100%; height: auto; display: inline-block; }
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@media(max-width: 1200px) {
	.rotating-button { left: auto; right: 0px; }
}

/***********************
 * colorwheel
 **********************/
h2.erka-logo { margin: 0px 0px 0px 0px; line-height: 60px; font-size: 66px; font-weight: 900; text-align: center; }
h2.erka-logo span:nth-child(1) { color: #e50019; }
h2.erka-logo span:nth-child(2) { color: #00903c; }
h2.erka-logo span:nth-child(3) { color: #f5740e; }
h2.erka-logo span:nth-child(4) { color: #005482; }
h2.erka-logo span.subtitle { display: block; line-height: 30px; font-size: 30px; font-weight: 400; color: #abaaab; }
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
#colorwheel { position: relative; }
#colorwheel .textwrap { max-width: 800px; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; text-align: center; }
#colorwheel .intro { margin-bottom: 10px; font-size: 16px; color: rgb(75, 79, 88); }
#colorwheel .text { margin: 0px 0px 20px 0px; display: inline-block; font-size: 20px; font-weight: 600; line-height: 1.3; color: #abaaab; transition: all .3s; text-align: center; }
#colorwheel .text span { font-weight: 300; }
/* maincolors (wheel) */
#colorwheel-maincolors { display: none; }
#colorwheel-maincolors.active { display: block; }
#colorwheel-maincolors .inner { position: relative; display: flex; justify-content: center; align-items: center; z-index: 1; }
#colorwheel-maincolors .colorwheel-svg { animation: fadeIn .5s; }
#colorwheel-maincolors .colorwheel-svg.fadeout { animation: fadeOut .5s; }
#colorwheel-maincolors .colorwheel-svg path { opacity: 1;  transition: all .25s; }
#colorwheel-maincolors .colorwheel-svg path.clicked { opacity: 0; }
#colorwheel-maincolors .colorwheel-svg path:hover { opacity: 0.5; }
/* subcolors */
#colorwheel-subcolors { display: none; padding: 0px 0px 30px 0px; position: relative; z-index: 1; text-align: center; }
#colorwheel-subcolors.active { display: block; }
#colorwheel-subcolors .info { padding: 30px 0px 20px 0px; line-height: 1.2em; font-size: 14px; text-align: center; color: #ffffff; }
#colorwheel-subcolors .wrap { padding: 20px 0px 10px 0px; margin: 0px 0px 20px 0px; background-color: #d3d3d3; }
#subcolors-slider { width: 80%; margin: 0px auto; padding: 0px 50px 0px 50px; position: relative; }
#subcolors-slider .slider-wrap { width: 100%; }
#subcolors-slider .slider-prev,
#subcolors-slider .slider-next { width: 1px; height: 1px; position: absolute; top: 50%; transform: translateY(-25px); }
#subcolors-slider .slider-prev { left: 20px; }
#subcolors-slider .slider-next { right: 20px; }
#subcolors-slider .slider-prev::after,
#subcolors-slider .slider-next::after { position: absolute; left: 50%; transform: translateX(-50%); top: 0px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 36px; color: #ffffff; cursor: pointer; }
#subcolors-slider .slider-prev.slick-disabled::after,
#subcolors-slider .slider-next.slick-disabled::after { color: #dedede; }
#subcolors-slider .slider-prev::after { content: "\f0d9"; }
#subcolors-slider .slider-next::after { content: "\f0da"; }
#subcolors-slider .slick-slide { padding: 10px; }
#subcolors-slider .slick-slide > div { width: 100%; height: 140px; padding: 10px; display: flex; justify-content: flex-end; align-items: flex-end; cursor: pointer; }
#subcolors-slider .slick-slide > div span { font-size: 30px; font-weight: 700; color: #ffffff; }
/* subcolors on phone vertical */
#colorwheel-subcolors.phone {  }
#colorwheel-subcolors.phone #subcolors-slider { width: 80%; margin: 0px auto; padding: 25px 0px 25px 0px; }
#colorwheel-subcolors.phone #subcolors-slider .slider-prev,
#colorwheel-subcolors.phone #subcolors-slider .slider-next { width: 100%; height: 25px; position: absolute; left: 0px; right: 0px; top: auto; transform: none; }
#colorwheel-subcolors.phone #subcolors-slider .slider-prev { top: 0px; }
#colorwheel-subcolors.phone #subcolors-slider .slider-next { bottom: 0px; }
#colorwheel-subcolors.phone #subcolors-slider .slider-prev::after,
#colorwheel-subcolors.phone #subcolors-slider .slider-next::after { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
#colorwheel-subcolors.phone #subcolors-slider .slider-prev::after { content: "\f0d8"; }
#colorwheel-subcolors.phone #subcolors-slider .slider-next::after { content: "\f0d7"; }
#colorwheel-subcolors.phone #subcolors-slider .slick-slide { padding: 5px; }
#colorwheel-subcolors.phone #subcolors-slider .slick-slide > div { height: 110px; }
/* result */
#colorwheel-result { opacity: 0; width: 100%; height: 0px; margin-top: 50px; position: relative; text-align: center; background-color: transparent; transition: opacity .3s; z-index: -1; }
#colorwheel-result.active { opacity: 1; height: 75vh; z-index: 10; }
#colorwheel-result .inner { display: none; width: 100%; height: 100%; padding: 30px 0px 0px 0px; position: relative; flex-direction: column; justify-content: flex-start; align-items: center; }
#colorwheel-result.active .inner { display: flex; }
#colorwheel-result .result-subtitle { display: block; text-align: center; font-size: 36px; color: #ffffff; }
#colorwheel-result .result-text { padding: 30px 0px 60px 0px; display: block; text-align: center; font-size: 40px; font-weight: 700; color: #ffffff; }
#colorwheel-result .btn { display: inline-block; }
@media(max-width: 1200px) {
	h2.erka-logo2 { font-size: 66px; }
	h2.erka-logo2 span.subtitle { font-size: 34px; }
	#colorwheel .text { font-size: 20px; }
}

/*
body.home .entry-content > div { height: 100vh !important; scroll-snap-type: y mandatory !important; scroll-padding-top: 110px !important; }
body.home .entry-content > div > section { scroll-snap-align: start !important; }
*/
/* disable elementor scroll-snap on mobile */
/*
@media(max-width: 767px) {
	body { height: auto !important; scroll-snap-type: none !important; }
}
*/

.pp-menu-toggle,
.pp-menu-toggle *,
.pp-menu-toggle *::before,
.pp-menu-toggle *::after { transition: none !important; }
.pp-menu-toggle.pp-active { display: none; }
.pp-advanced-menu--dropdown.pp-menu-off-canvas { padding-top: 100px; }
@media(max-width: 1200px) {
	/*
	.pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner { height: 4px !important; }
	.pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner::before { height: 4px !important; }
	.pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner::after { height: 4px !important; }
	*/
}

ul.pp-advanced-menu li.lang-item-de { padding-left: 75px; float: left; }
ul.pp-advanced-menu li.lang-item-de::after { width: 1px; height: 18px; display: inline-block; position: absolute; right: -13px; top: 4px; background-color: #ffffff; content: " "; }
ul.pp-advanced-menu li.lang-item-de a { padding: 0px 5px 0px 5px; font-size: 16px !important; font-weight: 700 !important; }
ul.pp-advanced-menu li.lang-item-en { padding-right: 75px; float: right; }
ul.pp-advanced-menu li.lang-item-en + li { clear: both; float: none; }
ul.pp-advanced-menu li.lang-item-en a { padding: 0px 5px 0px 5px; font-size: 16px !important; font-weight: 700 !important; }

/***********************
 * kontaktformulare
 **********************/
.countryselect.wpforms-container-full { margin-bottom: 0px; }
.countryselect .wpforms-submit-container { display: none; }
body:not(.elementor-editor-active) section.contactform { display: none; height: 100vh !important; position: fixed !important; left: 0px !important; right: 0px !important; top: 0px !important; z-index: 1000 !important; overflow-y: auto !important; }
body:not(.elementor-editor-active) section.contactform > .elementor-container { min-height: 100vh !important; }
section.contactform div.wpforms-container-full .wpforms-form textarea.wpforms-field-large { height: 100px; }
section.contactform div.wpforms-container-full .wpforms-form .button-standard,
section.contactform div.wpforms-container-full .wpforms-form .button-standard:hover,
section.contactform div.wpforms-container-full .wpforms-form .button-standard:active,
section.contactform div.wpforms-container-full .wpforms-form .button-standard:focus { border: none; background-color: rgb(234, 110, 163); color: #ffffff; transition: all .3s; }
section.contactform div.wpforms-container-full .wpforms-form .button-standard:hover { background-color: #0069d9; }

/***********************
 * claim
 **********************/
.claim .anim-text p { display: inline-block; padding: 15px 0px 15px 0px;
	background-image: linear-gradient(73deg, #EE0051, #F9AE3E);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent; 
}

/***********************
 * topanimation
 **********************/
/*.topanimation { height: calc(100vh - 110px) !important; }*/
.topanimation { height: 940px !important; }
.topanimation .anim-form img { width: 800px !important; height:auto !important; }
.topanimation .anim-outline img { width: 800px !important; height: auto !important; }
.topanimation .anim-circle img { width: 180px !important; height: auto !important; }
.topanimation .anim-text p,
.topanimation-mobile .anim-text p { display: inline-block; padding: 15px 0px 15px 0px;
	background-image: linear-gradient(73deg, #EE0051, #F9AE3E);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent; 
}
@media(max-width: 1600px) {
	.topanimation { height: 750px !important; }
	.topanimation .anim-form img { width: 500px !important; height: auto !important; }
	.topanimation .anim-outline img { width: 500px !important; height: auto !important; }
	.topanimation .anim-circle img { width: 150px !important; height: auto !important; }
}
@media(max-width: 1200px) {
	.topanimation .anim-form img { width: 600px !important; height: auto !important; }
	.topanimation .anim-outline img { width: 600px !important; height: auto !important; }
	.topanimation .anim-circle img { width: 127px !important; height: auto !important; }
}
@media(max-width: 900px) {
	.topanimation .anim-form img { width: 500px !important; height: auto !important; }
	.topanimation .anim-outline img { width: 500px !important; height: auto !important; }
	.topanimation .anim-circle img { width: 127px !important; height: auto !important; }
}
@media(min-width: 2200px) {
	.topanimation { height: 1200px !important; }
	.topanimation .anim-form img { width: 1000px !important; height:auto !important; }
	.topanimation .anim-outline img { width: 1000px !important; height: auto !important; }
	.topanimation .anim-circle img { width: 250px !important; height: auto !important; }
}
/* extra section for phone in elementor: */
.topanimation-mobile { height: 580px !important; }
.topanimation-mobile > .elementor-container { height: 100% !important; }
.topanimation-mobile .anim-form img { width: 270px !important; height: auto !important; }
.topanimation-mobile .anim-outline img { width: 270px !important; height: auto !important; }
.topanimation-mobile .anim-circle img { width: 60px !important; height: auto !important; }

/*
body:not(.elementor-editor-active) .rikusection { min-height: calc(100vh - 110px); }
*/
/*.rikusection { height: calc(100vh - 110px) !important; }*/
.rikusection .elementor-widget-heading h2 { display: inline-block; font-size: 30px; line-height: 34px; text-transform: uppercase;
	background-image: linear-gradient(260deg, #FF4A88, #FE8853);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}

/***********************
 * wuensche
 **********************/
.rikusection.wuensche { height: 1120px !important; }
.rikusection.wuensche .anim-form img { width: 600px !important; height: auto !important; }
.rikusection.wuensche .anim-outline img { width: 600px !important; height: auto !important; }
.rikusection.wuensche .anim-lines img { width: 160px !important; height: auto !important; }
.rikusection.wuensche .anim-circle-outline img { width: 120px !important; height: auto !important; }
.rikusection.wuensche .anim-circle img { width: 120px !important; height: auto !important; }
.rikusection.wuensche .anim-image img { width: 385px !important; height: auto !important; }
.rikusection.wuensche .elementor-widget-heading h2,
.rikusection.wuensche-mobile .elementor-widget-heading h2 { background-image: linear-gradient(260deg, #FF4A88, #FE8853); }
@media(max-width: 1600px) {
	.rikusection.wuensche { height: 750px !important; }
	.rikusection.wuensche .anim-form img { width: 400px !important; height: auto !important; }
	.rikusection.wuensche .anim-outline img { width: 400px !important; height: auto !important; }
	.rikusection.wuensche .anim-lines img { width: 160px !important; height: auto !important; }
	.rikusection.wuensche .anim-circle-outline img { width: 120px !important; height: auto !important; }
	.rikusection.wuensche .anim-circle img { width: 120px !important; height: auto !important; }
	.rikusection.wuensche .anim-image img { width: 275px !important; height: auto !important; }
}
@media(max-width: 1200px) {
	.rikusection.wuensche { height: 750px !important; }
}
@media(min-width: 2200px) {
	.rikusection.wuensche { height: 1640px !important; }
	.rikusection.wuensche .anim-form img { width: 900px !important; height: auto !important; }
	.rikusection.wuensche .anim-outline img { width: 900px !important; height: auto !important; }
	.rikusection.wuensche .anim-lines img { width: 200px !important; height: auto !important; }
	.rikusection.wuensche .anim-circle-outline img { width: 150px !important; height: auto !important; }
	.rikusection.wuensche .anim-circle img { width: 150px !important; height: auto !important; }
	.rikusection.wuensche .anim-image img { width: 450px !important; height: auto !important; }
}
.rikusection.wuensche-mobile { height: 920px !important; }
.rikusection.wuensche-mobile > .elementor-container { height: 100% !important; }
.rikusection.wuensche-mobile .anim-form img { width: 320px !important; height: auto !important; }
.rikusection.wuensche-mobile .anim-outline img { width: 320px !important; height: auto !important; }
.rikusection.wuensche-mobile .anim-lines img { width: 100px !important; height: auto !important; }
.rikusection.wuensche-mobile .anim-circle-outline img { width: 70px !important; height: auto !important; }
.rikusection.wuensche-mobile .anim-circle img { width: 70px !important; height: auto !important; }
.rikusection.wuensche-mobile .anim-image img { width: 280px !important; height: auto !important; }

/***********************
 * lebensmittelfarben
 **********************/
.rikusection.lebensmittelfarben { height: 900px !important; }
.rikusection.lebensmittelfarben .anim-form img { width: 1000px !important; height: auto !important; }
.rikusection.lebensmittelfarben .anim-outline img { width: 1000px !important; height: auto !important; }
.rikusection.lebensmittelfarben .anim-circle-outline img { width: 385px !important; height: auto !important; }
.rikusection.lebensmittelfarben .anim-image img { width: 385px !important; height: auto !important; }
.rikusection.lebensmittelfarben .elementor-widget-heading h2,
.rikusection.lebensmittelfarben-mobile .elementor-widget-heading h2 { background-image: linear-gradient(260deg, #D858FF, #FF73A6); }
@media(max-width: 1600px) {
	.rikusection.lebensmittelfarben { height: 800px !important; }
	.rikusection.lebensmittelfarben .anim-form img { width: 800px !important; height: auto !important; }
	.rikusection.lebensmittelfarben .anim-outline img { width: 800px !important; height: auto !important; }
	.rikusection.lebensmittelfarben .anim-circle-outline img { width: 275px !important; height: auto !important; }
	.rikusection.lebensmittelfarben .anim-image img { width: 275px !important; height: auto !important; }
}
@media(max-width: 1200px) {
	.rikusection.lebensmittelfarben { height: 670px !important; }
}
@media(min-width: 2200px) {
	.rikusection.lebensmittelfarben { height: 1000px !important; }
	.rikusection.lebensmittelfarben .anim-form img { width: 1200px !important; height: auto !important; }
	.rikusection.lebensmittelfarben .anim-outline img { width: 1200px !important; height: auto !important; }
	.rikusection.lebensmittelfarben .anim-circle-outline img { width: 450px !important; height: auto !important; }
	.rikusection.lebensmittelfarben .anim-image img { width: 450px !important; height: auto !important; }
}
.rikusection.lebensmittelfarben-mobile { height: 860px !important; }
.rikusection.lebensmittelfarben-mobile > .elementor-container { height: 100% !important; }
.rikusection.lebensmittelfarben-mobile .anim-form img { width: 600px !important; max-width: 600px !important; height: auto !important; }
.rikusection.lebensmittelfarben-mobile .anim-outline img { width: 600px !important; max-width: 600px !important; height: auto !important; }
.rikusection.lebensmittelfarben-mobile .anim-circle-outline img { width: 280px !important; height: auto !important; }
.rikusection.lebensmittelfarben-mobile .anim-image img { width: 280px !important; height: auto !important; }

/***********************
 * standard
 **********************/
.rikusection.standard { height: 820px !important; }
.rikusection.standard .anim-form img { width: 700px !important; height: auto !important; }
.rikusection.standard .anim-outline img { width: 700px !important; height: auto !important; }
.rikusection.standard .anim-circle img { width: 150px !important; height: auto !important; }
.rikusection.standard .anim-image img { width: 385px !important; height: auto !important; }
.rikusection.standard .elementor-widget-heading h2,
.rikusection.standard-mobile .elementor-widget-heading h2 { background-image: linear-gradient(260deg, #4CE141, #F9E03E); }
@media(max-width: 1600px) {
	.rikusection.standard { height: 740px !important; }
	.rikusection.standard .anim-form img { width: 600px !important; height: auto !important; }
	.rikusection.standard .anim-outline img { width: 600px !important; height: auto !important; }
	.rikusection.standard .anim-circle img { width: 150px !important; height: auto !important; }
	.rikusection.standard .anim-image img { width: 275px !important; height: auto !important; }
}
@media(max-width: 1200px) {
	.rikusection.standard { height: 700px !important; }
}
@media(min-width: 2200px) {
	.rikusection.standard { height: 1020px !important; }
	.rikusection.standard .anim-form img { width: 900px !important; height: auto !important; }
	.rikusection.standard .anim-outline img { width: 900px !important; height: auto !important; }
	.rikusection.standard .anim-circle img { width: 150px !important; height: auto !important; }
	.rikusection.standard .anim-image img { width: 450px !important; height: auto !important; }
}
.rikusection.standard-mobile { height: 810px !important; }
.rikusection.standard-mobile > .elementor-container { height: 100% !important; }
.rikusection.standard-mobile .anim-form img { width: 400px !important; max-width: 400px !important; height: auto !important; }
.rikusection.standard-mobile .anim-outline img { width: 400px !important; max-width: 400px !important; height: auto !important; }
.rikusection.standard-mobile .anim-circle img { width: 100px !important; height: auto !important; }
.rikusection.standard-mobile .anim-image img { width: 280px !important; height: auto !important; }

/***********************
 * anfrage
 **********************/
.rikusection.anfrage { height: 900px !important; }
.rikusection.anfrage .anim-form img { width: 1000px !important; height: auto !important; }
.rikusection.anfrage .anim-outline img { width: 1000px !important; height: auto !important; }
.rikusection.anfrage .anim-circle img { width: 150px !important; height: auto !important; }
.rikusection.anfrage .anim-circle2 img { width: 100px !important; height: auto !important; }
.rikusection.anfrage .anim-image img { width: 385px !important; height: auto !important; }
.rikusection.anfrage .elementor-widget-heading h2,
.rikusection.anfrage-mobile .elementor-widget-heading h2 { background-image: linear-gradient(260deg, #FF3291, #FFEB60); }
@media(max-width: 1600px) {
	.rikusection.anfrage { height: 750px !important; }
	.rikusection.anfrage .anim-form img { width: 900px !important; height: auto !important; }
	.rikusection.anfrage .anim-outline img { width: 800px !important; height: auto !important; }
	.rikusection.anfrage .anim-circle img { width: 150px !important; height: auto !important; }
	.rikusection.anfrage .anim-circle2 img { width: 100px !important; height: auto !important; }
	.rikusection.anfrage .anim-image img { width: 275px !important; height: auto !important; }
}
@media(max-width: 1200px) {
	.rikusection.anfrage { height: 680px !important; }
}
@media(min-width: 2200px) {
	.rikusection.anfrage { height: 1060px !important; }
	.rikusection.anfrage .anim-form img { width: 1200px !important; height: auto !important; }
	.rikusection.anfrage .anim-outline img { width: 1200px !important; height: auto !important; }
	.rikusection.anfrage .anim-circle img { width: 150px !important; height: auto !important; }
	.rikusection.anfrage .anim-circle2 img { width: 100px !important; height: auto !important; }
	.rikusection.anfrage .anim-image img { width: 450px !important; height: auto !important; }
}
.rikusection.anfrage-mobile { height: 900px !important; }
.rikusection.anfrage-mobile > .elementor-container { height: 100% !important; }
.rikusection.anfrage-mobile .anim-form img { width: 600px !important; max-width: 600px !important; height: auto !important; }
.rikusection.anfrage-mobile .anim-outline img { width: 600px !important; max-width: 600px !important; height: auto !important; }
.rikusection.anfrage-mobile .anim-circle img { width: 120px !important; height: auto !important; }
.rikusection.anfrage-mobile .anim-circle2 img { width: 80px !important; height: auto !important; }
.rikusection.anfrage-mobile .anim-image img { width: 280px !important; height: auto !important; }

/***********************
 * weltweit
 **********************/
.rikusection.weltweit { overflow: hidden; }
.rikusection.weltweit .elementor-widget-heading h2 { background-image: linear-gradient(260deg, #FA3B94, #A251FE); }
.contact-countryselect label { margin: 0px 0px 10px 0px !important; color: #ffffff !important; text-transform: uppercase !important; font-size: 24px !important; text-align: center !important; }
@media(max-width: 767px) {
	.contact-countryselect label { font-size: 22px !important; }
}


