#pid-7064 .ce-gallery figure.video .video-embed a.video-overlay {
	left: 4%;
	top: 42%;
	z-index: 10;
	width: 17%;
	height: 30%;
	border-radius: 50%;
	animation-name: videooverlaylink;
	animation-duration: 4s;
	animation-iteration-count: 1;
}
.frame-space-after-medium {
	margin-bottom: 96px;
}
.frame-space-before-medium {
	margin-bottom: 96px;
}
.alert-info {
	background-color: transparent;
	border: 0;
	color: #E2382A;
}
.btn.btn-primary,
.btn.btn-primary-invers {
	font-family: var(--ruwac-font-family);
	font-size: 1.2em;
	padding: 9px 24px;
	border-radius: 16px;
	background-color: #E2382A;
	border-color: #E2382A;
	text-transform: uppercase;
	border-width: 2px;
}
.btn.btn-primary-invers {
	background-color: #ffffff;
	color: #E2382A;
	border-width: 2px;
}
.btn:focus {
	box-shadow: none;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus {
	color: #E2382A;
	background-color: #ffffff;
	border-color: #E2382A;
	border-width: 2px;
	box-shadow: none;
}
.btn.btn-primary-invers:hover,
.btn.btn-primary-invers:focus,
btn.btn-primary-invers:active,
.btn.btn-primary-invers:active,
.btn-primary-invers:not(:disabled):not(.disabled).active,
.btn-primary-invers:not(:disabled):not(.disabled):active {
	color: #ffffff;
	background-color: #E2382A;
}
#page-content>.row {
	display: flex;
}
body.layout-headlessWithBreadcrumb #page-content .breadcrumb {
	background-color: #E6E6E6;
	border-radius: 0;
	padding: 10px 60px;
	display: none;
}
body.layout-headlessWithBreadcrumb #page-content .breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding: 0 5px;
	color: #000;
	content: ">";
}
body.layout-headlessWithBreadcrumb #page-content .breadcrumb-item+.breadcrumb-item {
	padding-left: 5px;
}
body.layout-headlessWithBreadcrumb #page-content .breadcrumb-item a {
	color: #000;
}
body.layout-headlessWithBreadcrumb #page-content .breadcrumb-item a:hover,
body.layout-headlessWithBreadcrumb #page-content .breadcrumb-item a:focus {
	color: #E2382A;
}
body.layout-headlessWithBreadcrumb #page-content .breadcrumb-item.active {
	color: #E2382A;
}
#sidebar {
	position: absolute;
	right: 0;
	top: 116px;
}
#sidebar .popup-elem {
	position: relative;
	width: 88%;
	float: right;
	clear: both;
}
#sidebar .popup-elem .popup-content {
	padding: 44px 0 33px 0;
}
#sidebar .popup-elem p {
	color: #ffffff;
	margin: 0;
}
#sidebar .popup-elem p.pop-text-above {
	color: #E2382A;
	font-size: 28px;
	margin-bottom: 25px;
	font-family: "Roboto Condensed Regular", sans;
}
#sidebar .popup-elem p.popup-headline {
	color: #ffffff;
	font-size: 1.6em;
	line-height: 1.1875em;
	font-family: "Roboto Condensed Regular", sans;
}
#sidebar .popup-elem p.pop-text-below {
	text-transform: none;
	font-family: "Roboto Condensed Light", sans;
}
#sidebar .popup-elem .popup-ribbon {
	margin-top: -1px;
}
#sidebar .popup-elem .popup-ribbon .ribbon-inner {
	background-color: #E2382A;
	font-family: "Roboto Condensed Regular", sans;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	width: 166px;
	height: 110px;
	padding-bottom: 20px;
}
#sidebar .popup-elem .popup-ribbon .ribbon-inner p {
	margin-bottom: 0;
}
#sidebar .popup-elem .popup-ribbon .ribbon-inner .ribbon-above {
	font-size: 0.9em;
	line-height: 2.2222222em;
}
#sidebar .popup-elem .popup-ribbon .ribbon-inner p.ribbon-headline {
	font-size: 1.6em;
	line-height: 1.1111111em;
}
#sidebar .popup-elem.frame-layout-0 p.popup-headline {
	color: #ffffff;
	font-size: 2em;
	line-height: 0.9333333em;
}
#sidebar .popup-elem {
	background-color: #000000;
	border: 1px solid #707070;
	text-transform: uppercase;
	margin-bottom: 78px;
}
#sidebar .popup-elem .container {
	padding: 0 24px 0 72px;
	display: flex;
	justify-content: space-between;
	flex-direction: column-reverse;
}
#sidebar .popup-elem .toggler-icon {
	padding: 24px;
	cursor: pointer;
	position: absolute;
}
#sidebar .popup-elem .toggler-icon:before,
#sidebar .popup-elem .toggler-icon:after {
	content: '';
	position: absolute;
	background-image: none !important;
	display: inline-block;
	width: 22px;
	height: 2px;
	left: 10px;
	top: 20px;
	background-color: #ffffff;
	transition: all 0.3s ease-in;
}
#sidebar .popup-elem .toggler-icon:before {
	transform: rotate(45deg);
}
#sidebar .popup-elem .toggler-icon:after {
	transform: rotate(-45deg);
}
#sidebar .popup-elem .btn.btn-primary {
	border-color: #000;
	margin-top: 60px;
}
@media (max-width: 767px) {
	#sidebar .popup-elem .container {
		background-image: none !important;
	}
}
@media (min-width: 768px) {
	#sidebar {
		top: 140px;
	}
	#sidebar .popup-elem {
		float: none;
		width: 100%;
	}
	#sidebar .popup-elem .container {
		padding: 0 100px 0 72px;
		width: 744px;
		flex-direction: row;
		background-repeat: no-repeat;
		background-position-x: 75%;
		background-size: contain;
	}
	#sidebar .popup-elem .popup-elem.frame-layout-0 p.popup-headline {
		font-size: 3em;
		line-height: 0.9333333em;
	}
	#sidebar .popup-elem .popup-ribbon .ribbon-inner {
		background-color: #E2382A;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		width: 166px;
		height: 138px;
		padding-bottom: 30px;
	}
	#sidebar .popup-elem .popup-ribbon .ribbon-inner p {
		margin-bottom: 0;
	}
	#sidebar .popup-elem .popup-ribbon .ribbon-inner .ribbon-above {
		font-size: 0.9em;
		line-height: 2.2222222em;
	}
	#sidebar .popup-elem .popup-ribbon .ribbon-inner p.ribbon-headline {
		font-size: 1.8em;
		line-height: 1.1111111em;
	}
}
@media (min-width: 992px) {
	#sidebar {
		top: 448px;
	}
}
.frame.frame-spaceless
{
	width: 100svw;
	max-width: 100svw;
	min-width: 100svw;
	*/ transform: translateX(-50%);
	left: 50%;
	position: static;
}

.rw-hero-head,
.rw-hero-head-np,
.news-hero,
.blog-detail-hero {
	left: 50%;
	width: 100vw;
	max-width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
}

.frame.frame-full-width {
	width: 100%;
	display: block;
}
.frame.frame-full-width-padding {
	padding-right: 24px;
	padding-left: 24px;
	width: 100%;
	display: block;
}
.frame.frame-full-width-padding.ruwaccareer_vacancyslist {
	margin-bottom: 48px;
}
.tx-ruwac-career {
	margin-top: 96px;
}
.tx-ruwac-career h2 {
	border-bottom: 2px solid #000;
	margin: 48px 0;
	padding-bottom: 24px;
}
.tx-ruwac-career ul.vacancy-list {
	list-style: none;
	margin: 24px 0;
	padding: 0;
}
.tx-ruwac-career ul.vacancy-list li.job-item {
	background-color: #F2F2F2;
	padding: 24px;
	margin: 12px 0;
}
.tx-ruwac-career ul.vacancy-list li.job-item .button-bar {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
}
.tx-ruwac-career ul.vacancy-list li.job-item .vacancy-name>a {
	text-transform: uppercase;
	color: #000;
}
.tx-ruwac-career ul.vacancy-list li.job-item .vacancy-name>a:hover {
	text-decoration: none;
	color: #E2382A;
}
.tx-ruwac-career .initiative-hint {
	font-family: "Roboto Medium", sans;
}
.tx-ruwac-career .initiative-hint:after {
	content: url("/typo3conf/ext/ruwac-theme/Resources/Public/Icons/pfeil-rechts-rot.svg");
	width: 32px;
	height: 12px;
	display: inline-block;
	margin-left: 24px;
}
.tx-ruwac-career .vacancy-detail {
	padding: 0;
	max-width: 996px;
}
.tx-ruwac-career .vacancy-detail p {
	margin-bottom: 1rem;
}
.tx-ruwac-career .vacancy-detail .row {
	margin: 0;
}
.tx-ruwac-career .vacancy-detail h1.row {
	border-bottom: 2px solid #000;
	margin: 48px 0 0 0;
	padding: 0 48px 24px 48px;
}
.tx-ruwac-career .vacancy-detail h2 {
	border: 0;
	font-size: inherit;
	line-height: 1.4em;
	font-family: "Roboto Regular", sans;
	margin: 0;
	padding-bottom: 10px;
}
.tx-ruwac-career .vacancy-detail .cta-bar {
	background-color: #F2F2F2;
	padding: 24px;
	margin: 48px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tx-ruwac-career .vacancy-detail .cta-bar .button-bar {
	display: flex;
	flex-direction: column;
}
.tx-ruwac-career .vacancy-detail .cta-bar a.btn-primary {
	margin-right: 48px;
	font-size: 18px;
	padding: 0 12px;
	height: auto;
	line-height: 34px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.tx-ruwac-career .vacancy-detail .cta-bar a.e-mail-button {
	margin-right: 48px;
}
.tx-ruwac-career .vacancy-detail .vacancy-meta {
	justify-content: space-between;
	padding-top: 12px;
}
.tx-ruwac-career .vacancy-detail .vacancy-meta span {
	color: #878787;
}
.tx-ruwac-career .vacancy-detail .vacancy-description {
	text-align: center;
	margin-bottom: 48px;
}
.tx-ruwac-career .vacancy-detail .vacancy-task-profil-wrapper .column {
	margin-bottom: 48px;
}
.tx-ruwac-career .vacancy-detail .vacancy-task-profil-wrapper .column ul {
	padding-left: 20px;
	margin: 0;
}
.tx-ruwac-career .vacancy-detail .row.vacancy-contact {
	display: block;
	text-align: center;
}
.tx-ruwac-career .vacancy-detail .row.vacancy-contact p {
	margin-bottom: 2rem;
}
.tx-ruwac-career a.btn-primary {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0;
	margin-right: 10px;
	font-size: 18px;
	padding: 0 12px;
	height: auto;
	line-height: 34px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.tx-ruwac-career a.btn.btn-primary.xing-button {
	background-color: #BCD900;
	color: #00777A;
	background-image: url("/typo3conf/ext/ruwac-theme/Resources/Public/Icons/xing.png");
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position-y: center;
	text-transform: inherit;
}
.tx-ruwac-career a.btn.btn-primary.linkedin-button {
	background-color: #223F4D;
	background-image: url("/typo3conf/ext/ruwac-theme/Resources/Public/Icons/linkedin.png");
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position-y: center;
	text-transform: inherit;
}
.frame.frame-half-width {
	padding: 24px;
}
@media (min-width: 500px) {
	.tx-ruwac-career ul.vacancy-list li.job-item>.vacancy-name {
		max-width: 290px;
	}
}
@media (min-width: 768px) {
	.frame.frame-full-width-padding {
		padding-right: 48px;
		padding-left: 48px;
	}
	.frame.frame-full-width-padding.ruwacproducts_productslist {
		padding-right: 24px;
		padding-left: 24px;
	}
	.tx-ruwac-career .vacancy-detail .vacancy-task-profil-wrapper .column {
		width: calc(50% - 48px);
		margin-right: 48px;
	}
	.tx-ruwac-career ul.vacancy-list li.job-item .button-bar {
		flex-direction: row;
		align-items: center;
	}
	.tx-ruwac-career a.btn-primary {
		margin-top: 0;
		margin-bottom: 0;
	}
	.tx-ruwac-career a.btn-primary:last-of-type {
		margin-right: 0;
	}
}
@media (min-width: 992px) {
	.frame.frame-half-width {
		width: 50%;
		display: inline-block;
	}
	.frame.frame-half-width * {
		text-align: left !important;
	}
	.frame.frame-full-width-padding.ruwacproducts_productslist {
		padding-right: 48px;
		padding-left: 48px;
	}
	.tx-ruwac-career .vacancy-detail .cta-bar {
		padding: 24px 48px;
	}
	.tx-ruwac-career .vacancy-detail .cta-bar .button-bar {
		flex-direction: row;
	}
	.tx-ruwac-career .vacancy-detail .cta-bar a.btn-primary {
		margin-top: 0;
		margin-bottom: 0;
	}
	.tx-ruwac-career ul.vacancy-list li.job-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.tx-ruwac-career ul.vacancy-list li.job-item .button-bar {
		margin-top: 0;
	}
}
@media (min-width: 1380px) {
	.tx-ruwac-career ul.vacancy-list li.job-item>.vacancy-name {
		max-width: 520px;
	}
}
.typo3-messages
{
	padding: 0;
	list-style: none;
}
#sidebar .frame-type-ruwac-popup-t4m {
	width: 100%;
}
#sidebar .frame-type-ruwac-popup-t4m .container {
	max-width: 550px;
	padding: 0 20px 0 72px;
}
#sidebar .frame-type-ruwac-popup-t4m .popup-content {
	padding: 1rem 0;
}
#sidebar .frame-type-ruwac-popup-t4m .popup-content h3 {
	color: #E2382A;
	margin: 0;
	font-family: "Roboto Condensed Bold", sans;
	font-size: 2rem;
	line-height: 2rem;
}
#sidebar .frame-type-ruwac-popup-t4m .popup-content h4 {
	color: #FFFFFF;
	font-size: 2rem;
	line-height: 2rem;
	font-family: "Roboto Condensed Bold", sans;
	text-transform: none;
	margin: 0;
}
#sidebar .frame-type-ruwac-popup-t4m .popup-content .btn-wrap {
	position: relative;
	margin-top: 0;
	margin-bottom: -3.5rem;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 0;
	border: 0;
	transform: translateX(200%);
	transition: all 1s;
}
#sidebar .frame-type-ruwac-popup-t4m .popup-content .btn-wrap.visible {
	transform: translateX(0);
}
#sidebar .frame-type-ruwac-popup-t4m .popup-content .btn-wrap::before {
	content: "";
	display: block;
	padding-top: 33%;
}
#sidebar .frame-type-ruwac-popup-t4m .popup-content .btn-wrap a {
	margin: 0;
	border: 0;
	font-size: 1.5rem;
	background: none;
	position: absolute;
	display: block;
	width: 100%;
	text-transform: none;
	font-weight: bold;
	text-align: center;
	top: 39%;
	transform: translateY(-50%);
}
#sidebar .frame-type-ruwac-popup-t4m .popup-content .btn-wrap a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
	#sidebar .frame-type-ruwac-popup-t4m .popup-content .btn-wrap a {
		font-size: 1rem;
	}
}

@keyframes rw-hero-ken-burns {
	0% {
		transform: scale(1.03) translate3d(0, 0, 0);
	}
	100% {
		transform: scale(1.12) translate3d(1.5%, -1.5%, 0);
	}
}

@media (min-width: 992px) {
	.rw-ken-burns-hero,
	.header-image--ken-burns figure {
		overflow: hidden;
	}

	.rw-ken-burns-hero > img,
	.rw-ken-burns-hero > picture > img,
	.rw-ken-burns-hero picture img,
	.header-image--ken-burns > figure > img,
	.header-image--ken-burns > figure > a > img {
		animation: rw-hero-ken-burns 14s ease-in-out infinite alternate;
		transform-origin: center center;
		will-change: transform;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rw-ken-burns-hero > img,
	.rw-ken-burns-hero > picture > img,
	.rw-ken-burns-hero picture img,
	.header-image--ken-burns > figure > img,
	.header-image--ken-burns > figure > a > img {
		animation: none !important;
		transform: none !important;
	}
}

@media (max-width: 1024px) {
	#page-content > .row {
		display: block;
	}

	.frame-space-after-medium,
	.frame-space-before-medium {
		margin-bottom: clamp(48px, 7vw, 72px);
	}

	.frame.frame-full-width-padding {
		padding-right: clamp(18px, 3vw, 32px);
		padding-left: clamp(18px, 3vw, 32px);
	}

	.btn.btn-primary,
	.btn.btn-primary-invers {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 46px;
		padding: 10px 18px;
		font-size: clamp(0.92rem, 0.2vw + 0.88rem, 1rem);
		line-height: 1.2;
		text-align: center;
		white-space: normal;
	}

	.tx-ruwac-career {
		margin-top: clamp(40px, 8vw, 72px);
	}

	.tx-ruwac-career ul.vacancy-list li.job-item {
		padding: 20px;
		gap: 16px;
	}

	.tx-ruwac-career ul.vacancy-list li.job-item .vacancy-name > a {
		display: inline-block;
		font-size: clamp(1rem, 1.4vw, 1.2rem);
		line-height: 1.3;
	}

	.tx-ruwac-career .vacancy-detail h1.row {
		margin-top: 32px;
		padding: 0 0 20px;
	}

	.tx-ruwac-career .vacancy-detail .cta-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		padding: 24px;
	}

	.tx-ruwac-career .vacancy-detail .cta-bar .button-bar {
		width: 100%;
	}

	.tx-ruwac-career .vacancy-detail .cta-bar a.btn-primary,
	.tx-ruwac-career .vacancy-detail .cta-bar a.e-mail-button,
	.tx-ruwac-career a.btn-primary {
		width: 100%;
		margin-right: 0;
		justify-content: center;
		text-align: center;
	}
}

@media (max-width: 768px) {
	.frame.frame-half-width,
	.frame.frame-full-width-padding {
		padding-right: var(--rw-mobile-side-gap, 16px);
		padding-left: var(--rw-mobile-side-gap, 16px);
	}

	.tx-ruwac-career ul.vacancy-list li.job-item {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.tx-ruwac-career ul.vacancy-list li.job-item .button-bar {
		width: 100%;
	}

	.tx-ruwac-career .vacancy-detail .cta-bar {
		margin: 32px 0;
	}

	.rw-scl-layout > .rw-scl-section:not(.rw-scl-exec-summary):not([data-rw-lazy-section]):not(.rw-job-info-hero) .rw-scl-container {
		padding-inline: var(--rw-mobile-side-gap, 16px);
	}

	.rw-scl-layout > .rw-scl-section:not(.rw-scl-exec-summary):not([data-rw-lazy-section]):not(.rw-job-info-hero) .rw-scl-section-title {
		font-size: clamp(1.8rem, 7vw, 2.4rem);
		line-height: 1.08;
		max-width: 14ch;
	}

	.rw-scl-layout > .rw-scl-section:not(.rw-scl-exec-summary):not([data-rw-lazy-section]):not(.rw-job-info-hero) .rw-scl-section-subheadline {
		font-size: clamp(1rem, 4.5vw, 1.22rem);
		line-height: 1.45;
		margin-bottom: 24px;
		max-width: 32ch;
	}

	.rw-scl-layout > .rw-scl-section:not(.rw-scl-exec-summary):not([data-rw-lazy-section]):not(.rw-job-info-hero) .rw-scl-paragraph,
	.rw-scl-layout > .rw-scl-section:not(.rw-scl-exec-summary):not([data-rw-lazy-section]):not(.rw-job-info-hero) .rw-scl-paragraph p,
	.rw-scl-layout > .rw-scl-section:not(.rw-scl-exec-summary):not([data-rw-lazy-section]):not(.rw-job-info-hero) p,
	.rw-scl-layout > .rw-scl-section:not(.rw-scl-exec-summary):not([data-rw-lazy-section]):not(.rw-job-info-hero) li {
		font-size: 1rem;
		line-height: 1.65;
	}

	.ce-bodytext table,
	.blog-main-text table,
	.tx-ruwac-products .product-detail-view table,
	.tx-ruwac-accessories table {
		display: block;
		width: max-content;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}

	.ce-bodytext img,
	.ce-bodytext iframe,
	.blog-main-text img,
	.blog-main-text iframe {
		max-width: 100%;
		height: auto;
	}
}