.slick-loading .slick-list{background:#fff url(//ruwegruppe.de/wp-content/plugins/timeline-and-history-slider/assets/images/ajax-loader.gif) center center no-repeat}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.wpostahs-slick-slider .slick-arrow:hover{ border:2px solid #3d3735 !important;}
.wpostahs-slick-slider span.slick-arrow svg{height: 25px;width: 25px;left: 0;right: 0;position: absolute;margin: 0 auto;top: 50%;transform: translateY(-50%);fill: #333;}
.wpostahs-slick-slider span.slick-arrow{position:absolute; z-index:9; padding:0 !important; margin:0px !important; display: inline-block; cursor: pointer !important; background-color: transparent!important; width:35px !important; height:35px !important; text-align:center; border:2px solid #ddd !important; border-radius:50% !important; }
.wpostahs-slick-slider .slick-dots{padding:0 !important; margin:0 !important; position:absolute;  text-align:center;}
.wpostahs-slick-slider .slick-dots li button{text-indent:-99999px;}
.wpostahs-slick-slider .slick-dots li {list-style:none !important; display:inline-block !important; margin:0 5px !important; padding:0px !important; }
.wpostahs-slick-slider .slick-dots li button{background:#fff !important; margin:0px !important; padding:0px !important; border:1px solid #000; border-radius:50% !important; width:13px !important; height:13px !important;}
.wpostahs-slick-slider .slick-dots li button:focus{outline:none !important}
.wpostahs-slick-slider .slick-dots li.slick-active button{background:#444 !important;}
.wpostahs-slick-slider{clear:both;}
.slick-image-slide{position:relative;}
.wpostahs-slider-for{padding:20px;}
.wpostahs-slick-slider .slick-image-slide img{width:100%; height:auto;}
.wpostahs-slick-slider .slick-image-slide {width:100%; }
.wpostahs-slick-slider .slick-next{right:0px !important;}
.wpostahs-slick-slider .slick-prev{left:0px !important; ;}
.wpostahs-slick-slider .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:0px !important;position: relative;}
.wpostahs-centent-title{margin:0 0 10px 0 !important;}
.wpostahs-slider-nav-title{padding-bottom:15px;}
.wpostahs-slider-nav-title .wpostahs-main-title {background: #f1f1f1;color: #3498db;font-size: 18px; margin: 10px !important;padding: 2% !important; position: relative;text-align: center;cursor:pointer;transition: all 300ms ease 0s;}
.wpsisac-slick-carousal.center .slick-slide img {opacity: 0.5;transform: scale(0.7);transition: all 300ms ease 0s;}
.wpsisac-slick-carousal.center .slick-current img {opacity: 1;transform: scale(1);}
.wpostahs-centent-title{margin: 10px 0px !important;padding: 0px !important;text-align: center;} .fusion-flex-container.wpostahs-fusion-flex{ flex-direction: column; }
.wpostahs-elementor-tab-wrap{min-width: 0; min-height: 0;} .wpostahs-slider-design-1 .wpostahs-slick-slider .slick-arrow {top: 50% !important; margin-top:-30px !important;}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title .wpostahs-main-title {background: #f1f1f1;color: #3498db;font-size: 18px;margin: 10px;padding: 2%;position: relative;text-align: center;cursor:pointer;transition: all 300ms ease 0s;}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title .wpostahs-main-title img{margin-bottom:5px;}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title {position: relative;background: #2d72db;}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title:after, 
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title:after {border-color: rgba(136, 183, 213, 0);border-top-color: #2d72db;border-width: 10px;margin-left: -10px;}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title:before {border-color: rgba(194, 225, 245, 0);border-top-color: #2d72db;border-width: 16px;margin-left: -16px;}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title{color: #fff !important;}
.wpostahs-slider-design-1 .wpsisac-slick-carousal.center .slick-slide img {opacity: 0.5;transform: scale(0.7);transition: all 300ms ease 0s;}
.wpostahs-slider-design-1 .wpsisac-slick-carousal.center .slick-current img {opacity: 1;transform: scale(1);}
.wpostahs-slider-design-1 .slick-list{margin:0 30px;}
.wpostahs-slider-design-1 .wpostahs-slider-for .wpostahs-centent, .wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent p{text-align:center;} .wpostahs-slider-design-2 .wpostahs-slick-slider .slick-arrow {top: 50% !important; margin-top:-30px !important;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {height: 2px;content: '';width: 640px;background: #d8dde7;position: absolute;top: 39%;left: 0; right: 0; margin: 0 auto;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title,
.wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent-title,
.wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent{text-align:center;}
.wpostahs-slider-design-2 .wpostahs-slider-nav-title.slick-center .wpostahs-main-title::after,
.wpostahs-slider-design-2 .wpostahs-slider-nav-title.slick-center .wpostahs-main-title::before{content:none;}
.wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-main-title{border-radius:50%;}
.wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-title{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title{background:transparent; }
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button{display:inline-block !important; padding: 0px;margin: 0px;height: 16px;width: 16px;border-radius: 50%;background: #fff;border:2px solid #d8dde7;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button{border-color:#87B026;background:#87B026;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current {color:#87B026;  font-weight: 700;}
.wpostahs-slider-design-2 .wpostahs-slider-nav-title{color: #bbb;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button {background:#87B026; transition: all 0.5s ease-in-out;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-title:hover {cursor: pointer;}
.wpostahs-slider-design-2 .wpostahs-slider-nav{max-width: 800px;margin: 0px auto;}
.wpostahs-slider-design-2 .wpostahs-centent {max-width:43.75em; margin:0 auto; padding:0.5em 2.5em 1.9375em }
.wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-slider-nav-content img {display: inline-block; border-radius: 0px; box-shadow: none; max-height: 100%; max-width: 100%;}
.wpostahs-slider-design-2 .wpostahs-slider-nav.wpostahs-slick-slider .slick-track{ margin: 0 auto;}
.wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-main-title{line-height:0px !important; top:10px;}
@media only screen and (max-width: 40em) {
.wpostahs-slider-design-2 .wpostahs-slider-for {padding: 0px;}
.wpostahs-slider-design-2 .wpostahs-slick-slider .slick-prev {left: 0 !important;}
.wpostahs-slider-design-2 .wpostahs-slick-slider .slick-next {right: 0 !important;}
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}header {
z-index: 1;
position: relative;
}
.sticky .wp-site-blocks {
padding-top:170px;
}
.sticky header  {
position: fixed;
top:0;
z-index: 200;
width:100%;
}
.sticky header .topnav {
display:none;
}
header .header_transparent {
position: absolute;
top:0;
width:100%;
z-index: 10;
}
header .header_transparent .has-custom-white-background-color {
background:none !important;
}
.kundenservice.wp-block-navigation ul li a {
color:#EE7F00;
transition: color ease 0.3s;
display:block;
text-transform: uppercase;
font-size:17px;
font-family: 'Franklin Gothic Demi';
padding: 4px 10px !important;
padding-left:35px !important;
background: url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-orange.svg) no-repeat left center;
background-size:16px;
}
.kundenservice.wp-block-navigation ul li a:hover {
text-decoration: none;
}
header .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
flex-basis: auto;
}
header .wp-block-navigation__responsive-container-open {
color:#EE7F00;
}
header .logo {
margin:0;
padding-top:8px;
}
.headersp1 {
width:20% !important;
}
.headersp2 {
width:65% !important;
}
.headersp3 {
width:15% !important;
}
@media(max-width:768px){
.headersp1 {
width:50% !important;
}
.headersp2 {
width:50% !important;
}
.headersp2 .mynavmenu {
justify-content: flex-end !important;
}
.headersp3 {
width:0px !important;
}
.logo img {
height:50px !important;
object-fit: contain !important;
}
.kundenservice.wp-block-navigation ul li a {
color:#fff !important;
background:#EE7F00 url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-white.svg) no-repeat 5% center !important;
font-size:17px;
padding:4px 10px !important;
padding-left:35px !important;
background-size:20px;
transform: rotate(-90deg);
position: fixed;
right: -40px;
top: 230px;
}
} @media(min-width:1099px){
.mynavmenu.wp-block-navigation ul li a {
color:#555555;
transition: color ease 0.3s;
display:block;
text-transform: uppercase;
font-size:17px;
font-family: 'Franklin Gothic Demi';
padding:34px 10px !important;
}
.mynavmenu.wp-block-navigation ul li li a {
text-transform: none;
font-size:16px;
padding:10px !important;
}
.mynavmenu.wp-block-navigation .wp-block-navigation__submenu-icon {display:none;}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
text-transform:uppercase;
color:#000;
}
.wp-block-navigation ul li {
padding: 0px;
transition: 0.5s ease;
}
.mynavmenu.wp-block-navigation__container > li.has-child > a {
padding-right:5px;
}
.mynavmenu.wp-block-navigation ul li a:hover {
text-decoration: none;
color:#EE7F00 !important;
}
.mynavmenu.wp-block-navigation ul li.current-menu-item > a {
color:#EE7F00;
}
.mynavmenu ul.wp-block-navigation__container > li {
}
.mynavmenu ul.wp-block-navigation__container > li.current-menu-item {
}
ul.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
background:#fff !important;
border:1px solid #C5C7C4;
padding:10px;
z-index: 5;
min-width:270px !important;
}
}
@media(min-width:1199px){
.mynavmenu.wp-block-navigation ul li a {
font-size:20px;
}
.kundenservice.wp-block-navigation ul li a {
font-size:18px;
}
}
@media(max-width:899px){
.wp-block-group .mynavmenu_wrap {
justify-content: right;
}
}
.mynavmenu .navbutton a {background:#EE7F00; color:#fff !important; border:1px solid #fff; border-radius:4px; transition:background ease 0.3s;}
.mynavmenu .navbutton a:hover {background:#EE7F00; color:#fff !important;}
.mynavmenu_wrap {width:60%;}
.wp-block-navigation__responsive-container-open {
height: 72px;
width: 65px;
padding:0;
background:url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/mobile_menu_button.png) no-repeat center top;
}
.wp-block-navigation__responsive-container-open svg {
display:none;
}
.topnavline {
padding:5px;
border-bottom:1px solid #9BA6AE;
}
.topnavlist{
list-style: none;
padding:0;
margin:0;
display: flex;
align-items: center;
}
.topnavlist li{
margin-right: 40px;
color:#9E9E9E !important;
font-size:14px;
}
.topnavlist li:last-child{ 
margin-right:0;
}
.topnavlist li:before {
content: '';
display: inline-block;
transform: rotate(45deg);
height: 15px;
width: 6px;
margin-right:15px;
border-bottom: 2px solid #EE7F00;
border-right: 2px solid #EE7F00;
}
.suchfeld {
position:absolute;
width:100%;
background:#fff;
right:-300px;
opacity:0;
transition:opacity ease 0.3s, right ease 0.3s;
z-index: -1;
}
.suchfeld.active {
opacity:1;
right:0;
z-index: 1;
}
.suchfeld .wp-element-button {
padding: 0.6em 0.6em;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
border: 1px solid #EE7F00;
}
.suchbutton {
width: 35px;
height:35px;
text-align: center;
cursor:pointer;
}
.suchbutton.close {
display:none;
}
.suchbutton.close.active {
display:block;
}
.suchbutton.close.active {
display:block;
}
.suchbutton.open.active {
display:none;
}
.mobile_search {display:none;}
@media (min-width: 1100px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left: 0;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none;
}
}
@media (max-width: 1099px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.suchfeld {display:none;}
.wp-block-navigation__responsive-container.is-menu-open {
background:#F9F9F9;
padding: 0px;
}
.wp-block-navigation__container.mynavmenu {
width:100%;
gap: 0 !important;
}
.wp-block-navigation__responsive-container-close {
right: 15px;
top: 15px;
background:#ECECEC;
width:40px;
height:40px;
padding:7px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top:70px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content:after {
content:'MENÜ';
display:block;
position: absolute;
color:#EE7F00;
font-weight:bold;
font-size:20px;
top: 23px;
left: 20px;
z-index: 5;
font-family: 'Franklin Gothic Demi';
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content:before {
background:#fff;
content:'';
display:block;
width:100%;
height:70px;
position: absolute;
top: 0;
left: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
width:100%;
justify-content: flex-start;
align-items: flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background:#fff !important;
width:100%;
display:none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > .wp-block-navigation-item__content {
border-bottom: 1px solid #ddd;
font-size:20px;
font-family: 'Franklin Gothic Demi';
text-transform: uppercase;
padding:20px;
padding-left:20px;
padding-right:20px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
line-height: 40px;
margin: 0;
padding: 0;
position: absolute;
right: 15px;
width: 50px;
height: 50px;
top: 10px;
display:block;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon[aria-expanded="true"] svg {
transform: rotate(180deg);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon svg {
width:25px;
height:25px;
margin-top: 12px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
padding:20px;
padding-top: 8px;
padding-bottom: 8px;
display: block;
width: 100%;
font-size:20px;
text-transform: uppercase;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-navigation__submenu-icon[aria-expanded="true"] + ul.wp-block-navigation-submenu {
display:block;
}
.mobile_search {
display:none;
position: absolute;
right: 60px;
width:50%;
background: #fff;
}
.mobile_search .wp-element-button {
padding: 0.6em 0.6em;
}
.mobile_search.active {display:block;}
}
@media (max-width: 440px) {
.mobile_search {
width:80%;
}
.headerinfo {
display:none !important;
}
.headermenu {width:120px; }
}
.yoast-breadcrumbs {
font-size:16px;
font-family: 'Roboto Slab', sans-serif;
color:#555555;
}
.wp-block-group .yoast-breadcrumbs a {
color:#555555;
}
@media(max-width:560px){
.topnavlist{
display: block;
padding-left: 20px;
}
.topnavlist li{
margin: 0;
width: 100%;
}
#breadcrumbs{
padding: 0 15px;
}
}
.wp-block-group a {
color: #EE7F00;
text-decoration: none;
}
.wp-block-group a:hover {
color: #EE7F00;
text-decoration: underline;
}
.wp-block-group .has-color-black-color a {
color:#000;
}
.wp-block-column {
overflow-wrap: normal;
word-break: normal;
}
.displaynone {
display:none;
}
.imgwidth100 img{
width:100% !important;
margin-top:20px;
}
strong, b {
font-family: 'Franklin Gothic Demi';
font-weight: normal;
}
.titelblock{
color:#C5C7C4;
border-bottom:#C5C7C4 10px solid;
padding-bottom:20px;
display:block;
font-size:26px;
font-family: 'Franklin Gothic Demi';
text-transform: uppercase;
margin-bottom:40px !important;
line-height: 1.5;
}
.titelblock a {
color:#C5C7C4;
}
.titelblock_black {
color:#000;
border-bottom:#000 10px solid;
padding-bottom:20px;
display:block;
font-size:26px;
font-family: 'Franklin Gothic Demi';
text-transform: uppercase;
margin-bottom:40px !important;
}
.titelblock.text-black, .titelblock.text-black a {
color:#000;
}
.seitenmenu.wp-block-navigation .wp-block-navigation-item.current-menu-item {
font-family: 'Franklin Gothic Demi';
color:#EE7F00;
}
.schatten_orange {
box-shadow: 
1px 1px 0px #EE7F00,
2px 2px 0px #EE7F00,
3px 3px 0px #EE7F00,
4px 4px 0px #EE7F00,
5px 5px 0px #EE7F00,
6px 6px 0px #EE7F00,
7px 7px 0px #EE7F00,
8px 8px 0px #EE7F00,
9px 9px 0px #EE7F00,
10px 10px 0px #EE7F00;
}
.schatten_grau{
box-shadow: 
1px 1px 0px #D6D6D6,
2px 2px 0px #D6D6D6,
3px 3px 0px #D6D6D6,
4px 4px 0px #D6D6D6,
5px 5px 0px #D6D6D6,
6px 6px 0px #D6D6D6,
7px 7px 0px #D6D6D6,
8px 8px 0px #D6D6D6,
9px 9px 0px #D6D6D6,
10px 10px 0px #D6D6D6;
}
.schatten_schwarz {
box-shadow: 
1px 1px 0px #000,
2px 2px 0px #000,
3px 3px 0px #000,
4px 4px 0px #000,
5px 5px 0px #000,
6px 6px 0px #000,
7px 7px 0px #000,
8px 8px 0px #000,
9px 9px 0px #000,
10px 10px 0px #000;
}
.headertitel_links {
text-transform: uppercase;
text-align: left;
position: relative;
width:440px;
z-index: 1;
}
.headertiteljob_links {
text-transform: uppercase;
text-align: left;
position: relative;
width:500px;
}
.headerstrich img {
border-top:15px solid #EE7F00;
object-fit:cover;
width:100%;
}
.strich img {
border-top:15px solid #EE7F00;
object-fit:cover;
height:355px;
width:100%;
}
.strich_schwarz {
border-top:15px solid #000;
object-fit:cover;
height:355px;
}
.teaser2 {
}
.teasertitel_links2 {
text-transform: uppercase;
text-align: left;
z-index: 2;
position: relative;
width:180%;
height:271px;
}
.teasertitel_rechts2 {
text-transform: uppercase;
text-align: left;
z-index: 2;
position: relative;
width:160%;
margin-left:-60%;
height:271px;
}
.teaserbutton {
position: relative;
width:330px;
}
.teaserbutton_rechts {
position: relative;
width:330px;
text-align: right;
margin-left:-100px;
}
.teaserbutton .wp-block-button a.wp-element-button,
.teaserbutton_rechts .wp-block-button a.wp-element-button {
padding-left: 70px;
padding-right: 90px;
}
.teasertitel_leistung {
text-transform: uppercase;
text-align: left;
position: relative;
width:200%;
}
.teasertitel {
text-transform: uppercase;
text-align: left;
position: relative;
width:200%;
min-height: 300px;
}
.teasertitel_links {
text-transform: uppercase;
text-align: left;
position: relative;
width:120%;
margin-left:30%;
z-index: 2;
}
.teasertitel_rechts {
text-transform: uppercase;
text-align: left;
position: relative;
width:100%;
margin-left:-30%;
}
.slidertitel {
font-size:2.6rem;
text-transform: uppercase;
text-align: left;
position: relative;
width:130%;
}
@media(max-width:781px){
.headertitel_links {
width:95%;
}
.teasertitel_links2 {
width:95%;
height: 340px;
}
.teasertitel_leistung {
width:100%;
}
.teasertitel {
width:90%;
min-height: 283px;
}
.mobile_absolute {
position:absolute;
}
.teasertitel_links.jobs {
width: 100%;
margin-left: 0;
padding: 0 !important;
}
.teasertitel_links {
width: 100%;
margin-left: 0;
padding: 0 !important;
}
.teasertitel_rechts {
margin-left: 0%;
padding: 0 !important;
}
.teasertitel_rechts2 {
width:100%;
margin-left:0%;
height: 340px;
}
.reverse_mobile > div:first-of-type {
order:1;
}
.teaserbutton {
width: 100%;
}
.teaserbutton_rechts {
position: absolute;
right: auto;
margin-left:0;
width: 100%;
}
}
.as-pagination-buttons {
display:none;
}
.mobile_sliderbuttons {
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
.mobile_sliderbuttons > div {
width:29%;
height:50px;
overflow:hidden;
margin-bottom:20px;
cursor:pointer;
border:1px solid #ECECEC;
padding:0 4px;
}
.mobile_sliderbuttons > div.active {
background:#000;
border:1px solid #000;
}
.mobile_sliderbuttons img {
object-fit:contain;
width:100%;
height:50px;
}
.mobile_sliderbuttons > div.active .hover {
display:block;
}
.mobile_sliderbuttons > div.active .normal {
display:none;
}
.mobile_sliderbuttons > div .hover {
display:none;
}
.mobile_sliderbuttons > div .normal {
display:block;
}
@media(min-width:782px){
.mobile_slider {
display:none;
}
}
.accordion-slider {
margin:0 !important;
margin-right:15px !important;
margin-bottom:15px !important;
}
.accordion-slider .as-panel {
border-right:1px solid #D6D6D6;
margin-right:1px !important;
cursor:pointer;
}
.accordion-slider .as-panel.as-opened {
border-right:none;
margin-right:0 !important;
}
.accordion-slider .slide  {
background:#fff;
border:1px solid #D6D6D6;
}
.accordion-slider .sliderbild {
border-top:15px solid #EE7F00 !important;
}
.accordion-slider .as-panel h2.as-layer {
font-size: 2.6rem;
line-height:1.1;
text-transform: uppercase;
}
.accordion-slider h2 span {
background:#fff;
}
.sliderbuttons {
clear:both;
height:90px;
padding-top:25px;
margin:0;
}
.sliderbutton.previouspanel {
background: url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/pfeil-grau-links.svg) no-repeat center;
background-size: 59px;
width: 40px;
height: 40px;
float:left;
cursor:pointer;
}
.sliderbutton.nextpanel {
background: url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/pfeil-grau-rechts.svg) no-repeat center;
background-size: 59px;
width: 40px;
height: 40px;
float:right;
cursor:pointer;
}
@media(max-width:781px){
.as-horizontal .as-panel {
width: 930px !important;
}
.as-pagination-button {
border: 2px solid #ccc;
background:#ccc;
width: 14px;
height: 14px;
}
.as-pagination-buttons .as-selected {
background-color: #888;
}
.sliderbuttons {
height: 70px;
padding-top: 0px;
margin-top:0px;
}
.sliderbutton.previouspanel {
background-size: 50px;
}
.sliderbutton.nextpanel {
background-size: 50px;
}
.as-layer.wp-block-button {
width:340px;
height:60px;
}
.as-layer.wp-block-button a.wp-element-button {
height:60px;
font-size:30px;
}
}
.teaser {
background:#fff;
position: relative;
box-shadow: 
1px 1px 0px #000,
2px 2px 0px #000,
3px 3px 0px #000,
4px 4px 0px #000,
5px 5px 0px #000,
6px 6px 0px #000,
7px 7px 0px #000,
8px 8px 0px #000,
9px 9px 0px #000,
10px 10px 0px #000;
}
.teaser_grau {
background:#fff;
position: relative;
box-shadow: 
1px 1px 0px #D6D6D6,
2px 2px 0px #D6D6D6,
3px 3px 0px #D6D6D6,
4px 4px 0px #D6D6D6,
5px 5px 0px #D6D6D6,
6px 6px 0px #D6D6D6,
7px 7px 0px #D6D6D6,
8px 8px 0px #D6D6D6,
9px 9px 0px #D6D6D6,
10px 10px 0px #D6D6D6;
}
.logotext,
.logotext_rechts,
.teasertitel_leistung span,
.teasertitel span,
.teasertitel_links span,
.teasertitel_rechts span,
.teasertitel_links2 span,
.teasertitel_rechts2 span,
.headertitel_links span,
.teasertitel b,
.teasertitel_links b,
.teasertitel_rechts b,
.teasertitel_links2 b,
.teasertitel_rechts2 b,
.headertitel_links b,
.headertiteljob_links b,
.teasertitel strong,
.teasertitel_links strong,
.teasertitel_rechts strong,
.teasertitel_links2 strong,
.teasertitel_rechts2 strong,
.headertitel_links strong,
.headertiteljob_links strong {
background:#fff;
}
.headertitel_links h1.blogbeitrag span {
background:#fff;
font-family: 'Franklin Gothic Book'
}
.swiper, swiper-container {
z-index: 0;
}
.slider-content-zone .wp-block-columns {
margin:0;
}
.sliderbild {
position: relative;
}
.sliderbild img {
position: relative;
transition:0.3s ease margin-left;
}
.sliderbild:after {
content:'';
position: absolute;
left:0;
top:0;
width:40px;
height:100%;
background:#F8F8F8;
opacity: 0.75;
}
.sliderbild:after:hover {
}
.swiper-slide:hover .sliderbild img {
margin-left:40px;
}
.swiper-slide:hover .wp-block-button a.wp-element-button {
background-color:#000 !important;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
border:1px solid #C7C7C7;
background:#fff;
width:80px !important;
height:6px;
border-radius:0 !important;
opacity: 1;
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background:#EE7F00;
}
.refbild {
position: relative;
overflow: hidden;
}
.refbild img {
position: relative;
transition:0.3s ease margin-left;
}
.refbild:after {
content:'';
position: absolute;
right:0;
top:0;
width:40px;
height:100%;
background:#F8F8F8;
opacity: 0.75;
}
.referenzen:hover .refbild img {
margin-left:-40px;
}
.referenzen:hover .wp-block-button a.wp-element-button {
background-color:#000 !important;
}
.logoslide {
position: relative;
}
.logoslide img {
position: relative;
transition:0.3s ease margin-top;
z-index: 1;
}
.logoslide:after {
content:'';
position: absolute;
left:0;
top:-40px;
width:100%;
height:40px;
background:#F8F8F8;
opacity: 0.75;
transition:0.3s ease opacity;
}
.wp-block-column:hover .logoslide img {
margin-top:-40px;
}
.wp-block-column:hover .logoslide:after {
opacity: 1;
}
.teaserbild img {
border-top:15px solid #EE7F00;
}
.bildbalken img {
border-top:15px solid #EE7F00;
}
.addshadow{
box-shadow: -1px 0px 12px hsl(0deg 0% 33% / 20%);
}
.carepdlimg{
text-align:center;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.logo_desktop {
display:block;
}
.logo_mobile {
display:none;
}
.headerbild {
-webkit-shape-outside:polygon(100% 0%, 100% 100%, 0% 100%, 20% 0%);
-webkit-clip-path:polygon(100% 0%, 100% 100%, 0% 100%, 20% 0%);
shape-outside:polygon(100% 0%, 100% 100%, 0% 100%, 20% 0%);
clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 20% 0%);
}
@media(min-width:781px){
.headerinhalt { height:380px;	}
}
@media(min-width:1200px){
.headerinhalt { height:420px;	}
}
@media(max-width:899px){
.logo_mobile { display:block; }
.logo_desktop { display:none; }
}
ul.haekchen {
list-style: none;
padding:0;
}
ul.haekchen li {
list-style: none;
background: url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/check.svg) no-repeat 0px 6px;
background-size:22px;
padding-left:38px;
}
.seitennavigation .wp-block-navigation__container {
flex-direction: row;
width:100%;
padding:0px;
gap: normal;
}
.seitennavigation li {
width:50%;
}
.seitennavigation a {
line-height:50px;
height:50px;
padding:0 20px;
width:90%;
font-size:18px;
font-weight:bold;
background: rgba(210,10,17,0.8);
color:#fff !important;
-webkit-shape-outside:polygon(100% 0%, 92% 100%, 0% 100%, 0% 0%);
-webkit-clip-path:polygon(100% 0%, 92% 100%, 0% 100%, 0% 0%);
shape-outside:polygon(100% 0%, 92% 100%, 0% 100%, 0% 0%);
clip-path: polygon(100% 0%, 92% 100%, 0% 100%, 0% 0%);
margin-bottom:20px;
transition:background ease 0.3s;
box-shadow: 0 0 6px rgb(0,0,0,0.1);
}
.seitennavigation a:hover {
background: #C1373D;
color:#fff !important;
text-decoration: none;
}
.graybox {
position: absolute;
bottom:0px;
right:0;
width:500px;
height:170px;
background:#F1F1F1;
transition:background ease 0.3s;
}
.graybox:hover {
background:#E0E0E0;
}
.graybox .graybox_title {
font-size:50px;
font-weight:300;
font-family: 'Roboto Slab', sans-serif;
position: absolute;
right:100px;
top:30px;
margin:0;
}
.graybox .graybox_title:after {
width:90px;
height:2px;
background:#555;
position: absolute;
content:"";
display:block;
right: -100px;
top: 40px;
}
.graybox .graybox_unterstrich {
transition:border ease 0.3s;
border-bottom:2px solid transparent;
position: absolute;
left:244px;
top:110px;
font-family: 'Roboto Slab', sans-serif;
font-size:20px;
margin:0;
}
.graybox:hover .graybox_unterstrich {
border-bottom:2px solid #555555;
}
.graybox .graybox_unterstrich img {
transition:margin ease 0.3s;
display:inline-block;
position: relative;
}
.graybox:hover .graybox_unterstrich img {
margin-left:20px;
}
@media(max-width:781px){
.graybox { position: relative; width:100%;}
.graybox .graybox_title {
font-size:36px;
}
.graybox .graybox_unterstrich {
left:120px;
}
}
@media(max-width:1460px){
.padding_mobile {
padding-left:15px !important;
padding-right:15px !important;
}
}
.button {
border:1px solid #ECECEC;
color:#EE7F00;
font-size:1.375rem;
font-family: 'Franklin Gothic Demi';
text-transform: uppercase;
border-radius:0;
transition:background ease 0.3s;
padding:5px 50px;
padding-right:80px;
background:#fff url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-orange.svg) no-repeat 85% center;
position: relative;
box-shadow: 
1px 1px 0px #EE7F00,
2px 2px 0px #EE7F00,
3px 3px 0px #EE7F00,
4px 4px 0px #EE7F00,
5px 5px 0px #EE7F00,
6px 6px 0px #EE7F00,
7px 7px 0px #EE7F00,
8px 8px 0px #EE7F00,
9px 9px 0px #EE7F00,
10px 10px 0px #EE7F00;
}
.button:hover {
border:1px solid #EE7F00;
background:#EE7F00 url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-white.svg) no-repeat 85% center;
color:#fff;
text-decoration: none;
}
@media(max-width:768px){
.button {
background:#fff url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-orange.svg) no-repeat 95% center;
font-size:1.1rem;
}
.button:hover {
background:#EE7F00 url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-white.svg) no-repeat 95% center;
}
}
.kat_title {
font-size:1.125rem;
line-height:2;
font-family: 'Franklin Gothic Demi';
text-transform: uppercase;
color:#000;
margin-top:10px;
}
.kat {
font-size:1.125rem;
line-height:1.8;
text-transform: uppercase;
color:#000;
cursor:pointer;
}
.job_cat.active,
.job_cat:hover {
color:#EE7F00;
font-family: 'Franklin Gothic Demi';
}
.refkat_title {
font-size:1.5rem;
line-height:2.2;
font-family: 'Franklin Gothic Demi';
text-transform: uppercase;
color:#000;
margin-top:10px;
}
.refkat {
font-size:1.25rem;
line-height:2.2;
text-transform: uppercase;
color:#000;
cursor:pointer;
font-family: 'Franklin Gothic Demi';
}
.ref_kat.active,
.ref_kat:hover {
color:#EE7F00;
}
.wp-element-button img {
vertical-align: middle;
}
.kontaktblock .wp-element-button:hover a {
background: #F6F6F6 !important;
}
.wp-block-button a.wp-element-button {
border:1px solid #ECECEC;
color:#EE7F00;
font-size: clamp(1rem, 0.8585rem + 0.566vw, 1.375rem);
font-family: 'Franklin Gothic Demi';
text-transform: uppercase;
border-radius:0;
transition:background ease 0.3s;
padding:5px;
padding-left:50px;
padding-right:80px;
background:#fff url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-orange.svg) no-repeat 90% center;
position: relative;
box-shadow: 
1px 1px 0px #EE7F00,
2px 2px 0px #EE7F00,
3px 3px 0px #EE7F00,
4px 4px 0px #EE7F00,
5px 5px 0px #EE7F00,
6px 6px 0px #EE7F00,
7px 7px 0px #EE7F00,
8px 8px 0px #EE7F00,
9px 9px 0px #EE7F00,
10px 10px 0px #EE7F00;
}
.wp-block-button a:hover {
border:1px solid #000;
background:#000 url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-white.svg) no-repeat 90% center !important;
color:#fff;
text-decoration: none;
}
.home .wp-block-button a.wp-element-button {
background:#fff url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-white.svg) no-repeat 90% center;
box-shadow: none;
}
.home .wp-block-button a:hover {
background:#000 url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-white.svg) no-repeat 90% center !important;
}
.wp-block-button.is-style-outline a.wp-element-button {
padding:5px;
padding-left:50px;
padding-right:80px;
border:1px solid #ECECEC;
border-radius:0;
transition:background ease 0.3s;
background:#fff url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-black.svg) no-repeat 90% center !important;
box-shadow: 
1px 1px 0px #000,
2px 2px 0px #000,
3px 3px 0px #000,
4px 4px 0px #000,
5px 5px 0px #000,
6px 6px 0px #000,
7px 7px 0px #000,
8px 8px 0px #000,
9px 9px 0px #000,
10px 10px 0px #000;
}
@media(max-width:1200px){
.wp-block-button a.wp-element-button {
padding-left:20px;
padding-right:45px;
background-position:95% center;
box-shadow: 
1px 1px 0px #EE7F00,
2px 2px 0px #EE7F00,
3px 3px 0px #EE7F00,
4px 4px 0px #EE7F00,
5px 5px 0px #EE7F00,
6px 6px 0px #EE7F00,
7px 7px 0px #EE7F00,
8px 8px 0px #EE7F00,
9px 9px 0px #EE7F00,
10px 10px 0px #EE7F00;
}
.wp-block-button.is-style-outline a.wp-element-button {
padding-left:20px;
padding-right:45px;
background-position:95% center;
box-shadow: 
1px 1px 0px #000,
2px 2px 0px #000,
3px 3px 0px #000,
4px 4px 0px #000,
5px 5px 0px #000,
6px 6px 0px #000,
7px 7px 0px #000,
8px 8px 0px #000,
9px 9px 0px #000,
10px 10px 0px #000;
}
}
@media(max-width:781px){
.wp-block-buttons > .wp-block-button {
width:85%;
}
.wp-block-button a.wp-element-button {
width:100%;
}
}
.wp-block-button.is-style-outline a.wp-element-button:hover {
border:1px solid #000;
background:#000 url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-white.svg) no-repeat 90% center !important;
color:#fff;
}
.wp-block-button.is-style-outline.down a.wp-element-button {
background:#fff url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-black-bottom.svg) no-repeat 90% center !important;
}
.wp-block-button.is-style-outline.down a.wp-element-button:hover {
background:#000 url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-white-bottom.svg) no-repeat 90% center !important;
}
.textschatten {
text-shadow: 0 0 3px 6px #000;
}
.dropshadow, .schatten{
box-shadow: 0px 3px 6px rgb(0,0,0,0.2);
}
.trenner {
padding-top:20px;
padding-bottom:40px;
}
.wp-block-separator {
margin-left: 0;
margin-bottom:10px;
border-bottom: 2px solid #555555;
}
.kontaktblock .wp-block-cover {
padding:4%;
}
@media(max-width:1000px){
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 49%;
}
.partnerbox.wp-block-columns {
flex-wrap: wrap !important;
}
}
@media(max-width:781px){
.partnerbox .wp-block-column {
min-height:180px;
width:48%;
}
.kontaktblock .wp-block-cover {
padding-right:30%;
}
.trenner {
padding-top:15px;
padding-bottom:30px;
}
}
.gs-accordion h3.gs-accordion-item__heading {
color:#EE7F00;
z-index: 1;
position: relative;
font-family: 'Franklin Gothic Demi';
font-size:1.4rem;
border:none;
}
.gs-accordion .gs-accordion-item {
border:1px solid #ececec;
position: relative;
margin-bottom:40px !important;
box-shadow: 
1px 1px 0px #D6D6D6,
2px 2px 0px #D6D6D6,
3px 3px 0px #D6D6D6,
4px 4px 0px #D6D6D6,
5px 5px 0px #D6D6D6,
6px 6px 0px #D6D6D6,
7px 7px 0px #D6D6D6,
8px 8px 0px #D6D6D6,
9px 9px 0px #D6D6D6,
10px 10px 0px #D6D6D6;
}
.gs-accordion .gs-accordion-item__title {
z-index: 0;
border:none;
background:#fff !important;
}
.gs-accordion .gs-accordion-item__content {
border: none;
}
.gs-accordion .gs-accordion-item__content img {
max-width:100%;
height:auto;
}
.gs-accordion .gs-accordion-item__title span.iconfortoggle .gs-iconafter, .gs-accordion .gs-accordion-item__title span.iconfortoggle .gs-iconbefore {
background-color: #EE7F00 !important;
width: 22px !important;
}
.contentmenu.wp-block-navigation ul {
display:flex;
justify-content: flex-start;
flex-wrap:wrap;
gap: 3%;
}
.contentmenu.small.wp-block-navigation ul {
gap: 10px;
}
.contentmenu.wp-block-navigation ul li {
width:31.333%;
margin-bottom:20px;
}
.contentmenu.wp-block-navigation ul a {
background:#F6F6F6;
color:#EE7F00 !important;
font-size: 25px;
font-weight:bold;
line-height:1.1;
text-transform:uppercase;
height:80px;
padding:0px 20px;
display:flex;
align-items: center;
align-content: center;
text-align: center;
justify-content: center;
transition:background ease 0.3s, color ease 0.3s;
width:100%;
}
.contentmenu.small.wp-block-navigation ul li {
width:auto;
}
.contentmenu.small.wp-block-navigation ul li.current-menu-item a {
background:#EE7F00;
color:#F6F6F6 !important;
border:1px solid #EE7F00;
}
.contentmenu.small.wp-block-navigation ul a {
font-size:14px;
line-height:48px;
height:48px;
border:1px solid #DDDDDD;
color:#858484 !important;
}
.contentmenu.wp-block-navigation ul a span {
background-image:url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/chevron-right.svg);
background-position: right center;
background-repeat: no-repeat;
background-size:11px;
display:inline-block;
padding-right:30px;
}
.contentmenu.small.wp-block-navigation ul a span {
background-image:none;
padding-right:0px;
}
.contentmenu.wp-block-navigation ul a:hover {
background:#EE7F00;
color:#F6F6F6 !important;
}
.contentmenu.small.wp-block-navigation ul a:hover {
border:1px solid #EE7F00;
}
.contentmenu.wp-block-navigation ul a:hover span {
-webkit-filter: saturate(0) contrast(3) brightness(3);
filter: saturate(0) contrast(3) brightness(3);
}
@media(max-width:1350px){
.contentmenu.wp-block-navigation ul a {
font-size:20px;
height:50px;
}
.contentmenu.small.wp-block-navigation ul a {
font-size:14px;
height:40px;
}
}
@media(max-width:1100px){
.contentmenu.wp-block-navigation ul a {
font-size:18px;
}
.contentmenu.small.wp-block-navigation ul a {
font-size:14px;
}
}
@media(max-width:1000px){
.contentmenu.wp-block-navigation ul a {
font-size:16px;
}
.contentmenu.wp-block-navigation ul li {
width:48%;
}
}
@media(max-width:479px){
.contentmenu.wp-block-navigation ul li {
width:100%;
}
}
.blur .wp-block-cover__image-background {
-webkit-filter: blur(6px) grayscale(0.3) contrast(0.5);
filter: blur(6px) grayscale(0.3) contrast(0.5);
}
@media(min-width:1540px){
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-left:0;
padding-right:60px;
width:700px;
justify-self: end;
}
.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
padding-left:60px;
padding-right:0px;
width:700px;
justify-self: start;
}
}
.partnerlogo .wp-block-group {
margin-top:-80px;
box-shadow: 0px 3px 12px rgb(0,0,0,0.2);
z-index: 10;
position: relative;
background:#fff;
}
.post_header {
min-height:220px;
}
.post_text {
min-height:310px;
}
.wp-pagenavi .current{
color: #fff;
width: 40px;
height: 40px;
display: inline-block;
border-radius: 5px;
font-size: 22px;
background-color: #EE7F00;
text-align: center;
line-height: 40px;
}
.wp-pagenavi a.page{
line-height: 40px;
font-size: 22px;
text-decoration: none;
width: 40px;
height: 40px;
display: inline-block;
border: 1px solid #ccc;
text-align: center;
border-radius: 5px;
background: #fff;
}
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink{
color: #EE7F00;
width: 40px;
height: 40px;
display: inline-block;
border: 1px solid;
text-align: center;
line-height: 36px;
font-size: 28px;
text-decoration: none;
border-radius: 5px;
}
.newstext {
min-height:220px; 
padding-left:15px;
padding-right:15px;
padding-bottom: 15px; 
}
.wp-block-post-title {
min-height:50px;
margin-bottom:10px;
}
.wp-block-post-excerpt {
margin-bottom:10px;
min-height:70px;
}
.wp-block-post-excerpt p {
line-height: 1.3;
}
.boxes_jobs {
}
.boxes_jobs .box_job {
width:100%;
height:100px;
padding:0px;
padding-right:11px;
margin-bottom:40px;
display:block;
position: relative;
display:none;
flex-wrap: wrap;
justify-content: space-between;
line-height: 1.5;
transition:background ease 0.3s;
background:#fff;
position: relative;
border-bottom: 10px solid #C5C7C4;
}
.boxes_jobs .box_job.active {
display:flex;
}
.boxes_jobs .box_job:hover {
text-decoration: none;
}
.jobinner {
width:40%;
}
.jobtitle {
font-size:1.125rem;
color:#000;
line-height: 1.1;
margin-bottom:6px;
}
.jobtitle span {
font-family: 'Franklin Gothic Demi';
}
.jobinfowrap {
display:flex;
font-size:1.125rem;
color:#000;
}
@media(max-width:781px){
.jobinner {	width:100%;	}
.boxes_jobs .box_job { height:180px; }
}
.boxes_refs .box_ref:hover {
color:#000;
}
.boxes_refs .box_ref {
color:#000;
width:100%;
max-width:900px;
height:350px;
padding:0px;
padding-right:11px;
margin-bottom:60px;
display:block;
position: relative;
display:none;
flex-wrap: wrap;
justify-content: space-between;
line-height: 1.5;
transition:background ease 0.3s;
background:#fff;
position: relative;
}
.boxes_refs .box_ref.active {
display:flex;
}
.boxes_refs .box_ref:hover {
text-decoration: none;
}
.box_ref .refinner {
display:flex;
}
.box_ref .text {
width:27%;
padding-top:30px;
}
.box_ref .teasertitel_links2,
.box_ref .teasertitel_rechts2 {
height: 260px;
}
.box_ref .text h3 {
margin-top:0;
}
.box_ref .text .logotext {
font-size:18px;
text-transform:uppercase;
max-width:235px;
display:inline;
}
.box_ref .text .logotext_rechts {
font-size:18px;
text-transform:uppercase;
max-width:235px;
float:right;
display:inline;
}
.box_ref .bild {
width:73%;
}
.box_ref .bild img {
border-top:15px solid #EE7F00;
object-fit:cover;
height:350px;
width:100%;
}
@media(max-width:768px){
.box_ref .text {
width:95%;
position: absolute;
}
.box_ref .bild {
width:100%;
}
.box_ref .text .logotext_rechts {
float:none;
}
}
@media(max-width:479px){
.box_ref .bild img {
height:240px;
}
.box_ref .teasertitel_links2,
.box_ref .teasertitel_rechts2 {
height: 190px;
}
.boxes_refs .box_ref {
height:300px;
}
}
ul.checks {
list-style:none;
}
ul.checks li {
list-style:none;
padding-left:50px;
background:url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/ul_check.svg) no-repeat left center;
background-size:23px;
}
@media(max-width:991px){
}
.wpostahs-slider {
min-height:450px;
}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title .wpostahs-main-title {
background: #f1f1f1;
color: #EE7F00;
font-size: 24px;
}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title {
position: relative;
background: #EE7F00;
}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title::before {
border-color: rgba(194, 225, 245, 0);
border-top-color: rgba(194, 225, 245, 0);
border-top-color: #EE7F00;
border-width: 16px;
margin-left: -16px;
}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title::after {
border-color: rgba(136, 183, 213, 0);
border-top-color: rgba(136, 183, 213, 0);
border-top-color: #EE7F00;
border-width: 10px;
margin-left: -10px;
}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title .wpostahs-main-title img {
width:254px;
height:170px;
object-fit:cover;
}
.wpostahs-slick-slider span.slick-arrow {
width: 55px !important;
height: 55px !important;
border: 2px solid #ddd !important;
border-radius: 50% !important;
}
.wpostahs-slick-slider .slick-prev {
left: -30px !important;
}
.wpostahs-slick-slider .slick-next {
right: -30px !important;
}
.wpostahs-slick-slider span.slick-arrow svg {
height: 35px;
width: 35px;
fill: #ddd;
}
.wpostahs-slick-slider span.slick-arrow:hover svg {
fill: #000;
}
.boxgrid .gspb_container {
height:120px;
align-items: center;
box-shadow: 
1px 1px 0px #D6D6D6,
2px 2px 0px #D6D6D6,
3px 3px 0px #D6D6D6,
4px 4px 0px #D6D6D6,
5px 5px 0px #D6D6D6,
6px 6px 0px #D6D6D6;
border:solid 1px #ccc;
display:flex;
justify-content: center;
transition: box-shadow ease 0.3s;
}
.boxgrid .gspb_container p {
margin-top:0;
}
.boxgrid .gspb_container:hover {
box-shadow: 
1px 1px 0px #000,
2px 2px 0px #000,
3px 3px 0px #000,
4px 4px 0px #000,
5px 5px 0px #000,
6px 6px 0px #000;
border:solid 1px #000;
}
.wp-block-group .blogitems .blogitem a {
color:#000;
padding:5px 0px;
font-weight:normal;
display:block;
font-family: 'Franklin Gothic Book';
}
.gspb_filter_panel {
box-shadow:none;
background:none !important;
margin-bottom:50px;
}
.gspb_filter_panel ul.gspb_filter_ul li {
margin-right:25px;
}
.gspb_filtersort_btn {
border:1px solid #ECECEC;
color:#000;
font-size:1.375rem;
font-family: 'Franklin Gothic Demi';
text-transform: uppercase;
border-radius:0;
position: relative;
padding-left:10px;
padding-right:10px;
box-shadow: 
1px 1px 0px #C5C7C4,
2px 2px 0px #C5C7C4,
3px 3px 0px #C5C7C4,
4px 4px 0px #C5C7C4,
5px 5px 0px #C5C7C4,
6px 6px 0px #C5C7C4,
7px 7px 0px #C5C7C4,
8px 8px 0px #C5C7C4,
9px 9px 0px #C5C7C4,
10px 10px 0px #C5C7C4;
}
.gspb_filtersort_btn.active {
color:#EE7F00;
box-shadow: 
1px 1px 0px #EE7F00,
2px 2px 0px #EE7F00,
3px 3px 0px #EE7F00,
4px 4px 0px #EE7F00,
5px 5px 0px #EE7F00,
6px 6px 0px #EE7F00,
7px 7px 0px #EE7F00,
8px 8px 0px #EE7F00,
9px 9px 0px #EE7F00,
10px 10px 0px #EE7F00;
}
.gspb-dynamic-post-image {
border-top:5px solid #EE7F00;
}
.list-ruwe, .is-style-list-ruwe {
list-style-type: none;
padding-left: 0.3rem;
font-family: "Franklin Gothic Book"	
}
.list-ruwe li::marker, .is-style-list-ruwe li::marker {
content: '\002E';
font-family: "Franklin Gothic Demi";	
font-weight: bold;
}
.newsletterform {
overflow: hidden;
min-height:340px;
}
.newsletterform input.form-control {
line-height:50px;
height:50px;
border:1px solid #EE7F00;
width:100%;
padding:0 20px;
font-size:16px;
border-radius:4px;
}
.newsletterform .button {
background: #EE7F00;
color:#fff;
border:none;
padding:0 20px;
font-size:16px;
cursor:pointer;
transition:background ease 0.3s;
border-radius:4px;
}
.newsletterform .button:hover {
background-color: #EE7F00;
}
.newsletterfelder {
display:flex;
justify-content: center;
}
.newsletter_datenschutz {
text-align: left;
color:#fff;
font-size:14px;
margin-top:8px;
position: relative;
margin-left:4px;
top:-1px;
}
#maileon_contact_form {display:flex; }
#maileon_contact_form_email_label {
display:none;
}
.et_pb_contact_left {
width: 100%;
}
.et-pb-contact-message {
color:#fff;
}
#maileon_contact_form_email {
line-height:50px;
height:50px;
border:1px solid #EE7F00;
width:100%;
padding:0 20px;
font-size:16px;
border-radius:4px;
}
#maileon_contact_form_button {
background: #EE7F00;
color:#fff;
border:none;
padding:0 20px;
font-size:16px;
cursor:pointer;
transition:background ease 0.3s;
border-radius:4px;
line-height:50px;
height:50px;
}
.maileon_contact_form_button:hover {
background-color: #EE7F00;
}
#maileon_contact_form_firstname_label,
#maileon_contact_form_firstname,
#maileon_contact_form_lastname_label,
#maileon_contact_form_lastname {
display:none;
}
footer,
footer h4,
footer h5,
footer p,
footer a {
color:#fff;
}
footer .wp-block-group a {
color: #fff;
text-decoration: none;
}
footer .wp-block-group a:hover {
color: #EE7F00;
text-decoration: none;
}
.footermenu.wp-block-navigation ul li a {
padding-right:35px !important;
background: url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-white.svg) no-repeat right center;
background-size:20px;
}
.footermenu.wp-block-navigation ul li a:hover {
color:#EE7F00;
background: url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-orange.svg) no-repeat right center;
text-decoration: none;
}
.fixdiv{
position:fixed;
right:0;
bottom:10%;
z-index:20;
width: 80px;
}
.fixdiv .footerwidget {
background-color:#676767;
background-image:url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/icon-question.svg);
background-position:18px center;
background-repeat:no-repeat;
background-size:24px;
color:#fff;
margin-bottom:0px;
padding-left: 50px;
padding-right:20px;
font-size:18px;
line-height:50px;
display:block;
align-items:center;
height: 50px;
width: 230px;
border-radius:5px;
position:relative;
top:0;
right:130px;
cursor:pointer;
}
.fixdiv .footerwidget a {
background:#EE7F00;
color:#fff;
line-height:50px;
display:block;
padding-left: 20px;
padding-right:20px;
align-items:center;
height: 50px;
width: 230px;
border-radius:5px;
text-decoration: none;
transition: right 0.5s ease;
top:0;
right:-230px;
position: absolute;
}
.fixdiv .footerwidget:hover a {
right: 10px;
}
@media(max-width:1200px){
.fixdiv .footerwidget {
font-size:16px;
height: 40px;
line-height:40px;
width: 200px;
right:110px;
}
.fixdiv .footerwidget a {
right: -230px;
height: 40px;
line-height:40px;
}
.fixdiv .footerwidget:hover a {
right: -20px;
}
} @media(max-width:960px){
footer .wp-block-group.wp-container-30{
padding: 0 15px;
flex-wrap: wrap;
justify-content: normal;
}
footer .wp-block-group.wp-container-30 .wp-block-columns{
width: 30%;
}
footer .wp-block-group.wp-container-30 .has-text-align-center{
text-align: left;
}
.wp-block-group.wp-container-27 {
justify-content: flex-start;
}
}
@media(max-width:767px){
footer .wp-block-group.wp-container-30 .wp-block-columns{
width: 48%;
}
}
@font-face {
font-family: 'Franklin Gothic Book';
src: url(//ruwegruppe.de/wp-content/themes/ruwe/assets/fonts/franklin/subset-FranklinGothic-Book.woff2) format('woff2'),
url(//ruwegruppe.de/wp-content/themes/ruwe/assets/fonts/franklin/subset-FranklinGothic-Book.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Franklin Gothic Demi';
src: url(//ruwegruppe.de/wp-content/themes/ruwe/assets/fonts/franklin/subset-FranklinGothic-Demi.woff2) format('woff2'),
url(//ruwegruppe.de/wp-content/themes/ruwe/assets/fonts/franklin/subset-FranklinGothic-Demi.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
* { box-sizing: border-box; }
body > .wp-site-blocks {overflow-x:hidden;}
body, p, div { font-family: 'Franklin Gothic Book'; }
p{
line-height: 1.5;
}
p .demi { font-family: 'Franklin Gothic Demi'; }
h1 { font-size: clamp(1.375rem, 0.9033rem + 1.8868vw, 2.625rem); text-transform: uppercase;font-family: 'Franklin Gothic Demi';}
h2 { font-size: clamp(1.375rem, 0.9033rem + 1.8868vw, 2.625rem); text-transform: uppercase;font-family: 'Franklin Gothic Demi';}
h3 { font-size: clamp(1.275rem, 1.1863rem + 0.7547vw, 1.675rem); text-transform: uppercase;font-family: 'Franklin Gothic Demi';}
h4 { font-size: clamp(1.225rem, 1.1063rem + 0.7047vw, 1.375rem); text-transform: uppercase;font-family: 'Franklin Gothic Demi';}
.home h1 { font-size: clamp(1.375rem, 0.9033rem + 1.8868vw, 2.225rem); text-transform: uppercase;font-family: 'Franklin Gothic Demi';}
.home h2 { font-size: clamp(1.375rem, 0.9033rem + 1.8868vw, 2.225rem); text-transform: uppercase;font-family: 'Franklin Gothic Demi';}
h1 .demi,
h2 .demi,
h3 .demi,
h4 .demi,
h5 .demi,
h1.demi,
h2.demi,
h3.demi,
h4.demi,
h5.demi { font-family: 'Franklin Gothic Demi'; }
li, ol {
line-height:1.6;
}
.wp-block-navigation .wp-block-navigation-item__label, .wp-block-group a{
font-family: 'Franklin Gothic Demi';
}
.padding_xxxl{padding-top:80px; padding-bottom:80px;}
.padding_xxl{padding-top:60px; padding-bottom:60px;}
.padding_xl{padding-top:50px; padding-bottom:50px;}
.padding_l{padding-top:40px; padding-bottom:40px;}
.padding_m{padding-top:30px; padding-bottom:30px;}
.padding_s{padding-top:20px; padding-bottom:20px;}
.padding_xs{padding-top:10px; padding-bottom:10px;}
.padding_bottom_xxl{padding-bottom:60px;}
.padding_bottom_xl{padding-bottom:50px;}
.padding_bottom_l{padding-bottom:40px;}
.padding_bottom_m{padding-bottom:30px;}
.padding_bottom_s{padding-bottom:20px;}
.padding_bottom_xs{padding-bottom:10px;}
.padding_top_xxl{padding-top:60px;}
.padding_top_xl{padding-top:50px;}
.padding_top_l{padding-top:40px;}
.padding_top_m{padding-top:30px;}
.padding_top_s{padding-top:20px;}
.padding_top_xs{padding-top:10px;}
.gray_padding {padding-left:4%; padding-right:4%; }
@media(max-width:767px){
.padding_xxxl{padding-top:60px; padding-bottom:60px;}
.padding_xxl{padding-top:50px; padding-bottom:50px;}
.padding_xl{padding-top:40px; padding-bottom:40px;}
.padding_l{padding-top:30px; padding-bottom:30px;}
.padding_m{padding-top:20px; padding-bottom:20px;}
.padding_bottom_xxl{padding-bottom:50px;}
.padding_bottom_xl{padding-bottom:40px;}
.padding_bottom_l{padding-bottom:30px;}
.padding_top_xxl{padding-top:50px;}
.padding_top_xl{padding-top:40px;}
.padding_top_l{padding-top:30px;}
.gray_padding {padding-left:0%; padding-right:0%; }
}
:root :where(h1), h2 {
font-family: 'Franklin Gothic Demi';
}.wpcf7-list-item {
margin:0;
}
.input-sec {
font-size:16px;
margin-bottom:15px;
}
.input-sec label{
margin-bottom:10px;
color: #000;
font-size: 1.375rem;
font-family: 'Franklin Gothic Demi';
text-transform: uppercase;
margin-bottom:10px;
}
.input-sec .wpcf7-checkbox .wpcf7-list-item {
display:block;
}
.input-sec .wpcf7-checkbox label{
display:flex;
font-size: 1.075rem;
font-family: 'Franklin Gothic Book';
text-transform:none;
}
.input-sec .wpcf7-checkbox input {
width:25px;
height:25px;
border:1px solid #E2E2E2;
margin: 0;
margin-right:8px;
}
.formtitel {
margin-bottom:10px;
color: #000;
font-size: 1.375rem;
text-transform: uppercase;
margin-bottom:10px;
} 
.input-sec input,
.input-sec select{
border:1px solid #E2E2E2;
font-size:16px;
border-radius: 0;
padding: 10px 20px;
margin:8px 0px;
width: 100%;
font-family: 'Roboto';
position: relative;
box-sizing: border-box;
background:#ffffff;
color: #000;
font-family: 'Franklin Gothic Book';
}
.input-sec select{
width:100%;
}
.input-sec .wpcf7-radio label {
display:flex;
margin-right:15px;
}
.input-sec .wpcf7-radio label input {
margin-right:10px;
}
.input-sec textarea{
border:1px solid #E2E2E2;
width:100%;
height:180px;
padding:10px 20px;
font-size:16px;
border-radius:0;
font-family: 'Roboto';
box-sizing: border-box;
margin:10px 0px;
background:#ffffff;
color: #000;
font-family: 'Franklin Gothic Book';
}
.input-sec.dflex {
display: flex;
justify-content:space-between;
flex-wrap:wrap;
}
.input-sec.dflex p{
text-align:right;
}
.input-sec .sp50,
.input-sec.sp50 {
width:49%;
}
.input-sec .sp33,
.input-sec.sp33 {
width:32%;
}
.input-sec .sp66,
.input-sec.sp66 {
width:66%;
}
.input-sec.dflex input {
width: 100%;
}
.input-sec.dflex div + div{
margin-left:2%;
}
.datenschutz {
font-size:14px;
}
.wpcf7-checkbox.datenschutz .wpcf7-list-item-label {
display:none;
}
.checkrow .wpcf7-checkbox {
display:flex;
flex-wrap: wrap;
font-size:16px;
}
.checkrow .wpcf7-checkbox span {
width:23%;
}
.checkrow .wpcf7-checkbox input {
width:auto;
}
@media(max-width:479px){
.input-sec .sp50,
.input-sec.sp50 {
width:100%;
}
.input-sec .sp33,
.input-sec.sp33 {
width:100%;
}
.input-sec.dflex div + div{
margin-left:0px;
}
}
.check{
font-size:16px;
display:block;
align-items: center;
}
.check input{
width:fit-content;
margin-right: 5px;
}
.check span{
margin-left:0px;
margin-right:10px;
font-weight:normal;
font-size:16px;
}
.check a {
margin-left:5px;
cursor:pointer;
}
.termscheck{
font-size:13px;
color:#858484;
display:block;
align-items: center;
margin-top:80px;
}
.termscheck input{
width:fit-content;
margin-right: 5px;
}
.termscheck span{
margin:0px;
font-weight:normal;
font-size:13px;
color:#858484;
}
.termscheck a {
color: #858484;
cursor:pointer;
}
.submitblock{
margin-top:20px;
display:flex;
justify-content: end;
}
input.wpcf7-submit {
border:1px solid #ECECEC;
color:#EE7F00;
font-size:22px;
font-family: 'Franklin Gothic Demi';
text-transform: uppercase;
border-radius:0;
transition:background ease 0.3s;
padding:5px 50px;
padding-right:80px;
background:#fff url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-orange.svg) no-repeat 85% center;
position: relative;
}
input.wpcf7-submit:hover {
border:1px solid #EE7F00;
background:#EE7F00 url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/arrow-right-white.svg) no-repeat 85% center;
color:#fff;
text-decoration: none;
cursor:pointer;
}
.wpcf7-spinner {
display: none;
}
.kontaktformular {
background:url(//ruwegruppe.de/wp-content/themes/ruwe/assets/img/kontakt-hintergrund.svg) no-repeat bottom center;
background-size:cover;
padding-left:80px;
padding-right:80px;
padding-top:20px;
padding-bottom:50px;
}
.wp-block-group .wp-block-read-more {
background: #EE7F00;
color: #fff;
text-align: left;
border-radius: 4px;
border: 0;
margin:0;
padding: 12px 20px;
font-size: 18px;
display: inline-block;
transition:background ease 0.3s;
width: unset;
}
.wp-block-group .wp-block-read-more:hover {
background: #EE7F00;
}
.wp-block-read-more span {
color: #fff;
}
.kontakt_title {
color:#EE7F00; 
text-transform:uppercase;
margin-top:20px;
margin-bottom:10px;
font-weight:500;
font-size:1rem;
}
.pflichtfelder {
margin-top:10px;
margin-bottom:10px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
.wpcf7-not-valid-tip,
.input-sec label.error {
color:#EE7F00;
font-size:1rem;
text-transform: none;
font-family: 'Franklin Gothic Demi';
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}