/*
Theme Name: Design
Theme URI: 
Author: marketing teamwork
Author URI: https://www.marketing-teamwork.de
Description: Wordpress-Theme
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */



/* assistant-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/assistant-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/assistant-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v19-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/assistant-v19-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/assistant-v19-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/assistant-v19-latin-300.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/assistant-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/assistant-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/assistant-v19-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/assistant-v19-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/assistant-v19-latin-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/assistant-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/assistant-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/assistant-v19-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/assistant-v19-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/assistant-v19-latin-700.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/assistant-v19-latin-800.eot'); /* IE9 Compat Modes */
  src: url('fonts/assistant-v19-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v19-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/assistant-v19-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/assistant-v19-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/assistant-v19-latin-800.svg#Assistant') format('svg'); /* Legacy iOS */
}



/* vina-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vina Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/vina-sans-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/vina-sans-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/vina-sans-v6-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/vina-sans-v6-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/vina-sans-v6-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/vina-sans-v6-latin-regular.svg#VinaSans') format('svg'); /* Legacy iOS */
}


html {height:100%}
body {margin:0; padding:0; font-family: 'Assistant', sans-serif; font-weight: 400; font-size:18px;line-height:1.8; background:#fff; color:#002E5C}

h1 {font-size:50px}
h2 {font-size:44px}
h3 {font-size:28px}
h4, h5 {font-size:20px}

h1, h2, h3 {font-weight:400; line-height:1em}


@media (max-width: 1024px) {
body {font-size:17px;}
h1 {font-size:40px}
h2 {font-size:34px}
h3 {font-size:24px}
h4, h5 {font-size:22px}
}



@media (max-width: 767px) {
body {font-size:16px;}
h1 {font-size:28px}
h2 {font-size:24px}
h3 {font-size:22px}
h4, h5 {font-size:17px}
}


a, a:visited, a:focus,a:active {color:#F49500; outline:none!important; text-decoration:none}
a:hover {color:inherit}

p {margin-top:0}
strong, b {font-weight:700}
::placeholder {opacity: 1!Important}

input:focus, textarea:focus {box-shadow:none!important; border-bottom:1px solid rgba(255,255,255,1.0)!important}

input:required {box-shadow:none}





/* Header
-------------------------------------------------------------- */
/* Header fixieren */
header { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index:99999}
body { padding-top: 62px; } 

body.e-landing-page-template { padding-top: 0px; } 

.e-landing-page-template header {position: fixed;top: 0;left: 0; right: 0; z-index: 9999;}
body.e-landing-page-template { padding-top: 62px; } 

header #menu .elementor-nav-menu li.current-menu-item a {font-weight:700}
header #menu .elementor-nav-menu .sub-arrow {display:none}
header #menu .icons .elementor-icon-list-text {display:none}
header #menu ul.elementor-nav-menu--dropdown a, header #menu ul.elementor-nav-menu--dropdown a:focus, header #menu ul.elementor-nav-menu--dropdown a:hover { border-left: 0;}


.icons .elementor-icon-list-item:hover .elementor-icon-list-icon {transform: scale(1.1)}
.icons .elementor-icon-list-item:hover {background:#F49500;}

.suche {width:35px!important}
.suche .fa-search:before {content: url(https://www.rpb-ingenieure.de/wp-content/uploads/Search-Icon.svg); transform: translate(-50%,-50%) scale(0.75)!important; }
.suche .fa-search:hover:before {transform: translate(-50%,-50%) scale(0.77)!important;}

@media (min-width: 1025px) {
header #logo {width:225px!important}
header #menu {width:calc(100% - 225px)!important}
header #menu .elementor-nav-menu li.hinweis,header .mega-hinweis {display:none!important}
header li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {display: none!important; margin: 0;}
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {font-weight:bold!important; color:#002E5C!important}
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {color:#002E5C!important}
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before { content: ''; position: absolute !important;  bottom: -5px;  left: 30px;  width:  calc(100% - 30px)!important;  border-bottom: 3px solid #f49500;}

header #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item a.mega-menu-link:before { content: ''; position: absolute !important;  bottom: -5px;  left: 30px;  width:  calc(100% - 30px)!important;  border-bottom: 3px solid #f49500;}

header ul.mega-sub-menu li.mega-current-menu-item a {color:#f49500!important}

.icons {width:65px!important;}
.icons .elementor-icon-list-item {width:35px!important; background:#DBDBDB;transition: all 0.5s ease;margin-right:15px!important; margin-bottom:5px!important; height:35px}

.suche .elementor-search-form__container {height: 100px!important; right:70px!important; top:62px!important}


}


@media (min-width: 1025px) and (max-width: 1600px) {
header #menu {width:calc(100% - 175px)!important; padding-right:50px}

}


@media (min-width: 1400px) and (max-width: 1600px) {
.sec2 .le {width:40%!important}
.sec2 .re {width:60%!important}
}



@media (max-width: 1024px) {
header #menu {display:none}
.icons .elementor-icon-list-item {width:35px!important; background:#DBDBDB;transition: all 0.5s ease;margin-right:10px!important; height:35px}
.suche .elementor-search-form__container {height: 70px!important; right:0px!important; top:58.6px!important}
body { padding-top: 58px; } 
body.e-landing-page-template { padding-top: 60px; } 
}


@media (max-width: 767px) {
.icons .elementor-icon-list-item {width:25px!important; height:25px}
.suche {width:25px!important}
.suche .elementor-search-form__container {height: 50px!important; right:0px!important; top:45px!important}
.suche .fa-search:before {content: url(https://www.rpb-ingenieure.de/wp-content/uploads/Search-Icon.svg); transform: translate(-50%,-50%) scale(0.55)!important; }
.suche .fa-search:hover:before {transform: translate(-50%,-50%) scale(0.57)!important;}
.suche .elementor-search-form__toggle {--e-search-form-toggle-size: 25px!important}
body, body.e-landing-page-template { padding-top: 45px; } 
}


/* Content
-------------------------------------------------------------- */
@media (max-width: 1580px) {
#layout .rpb-colum, .archive .rpb-colum {padding-right:60px}
}

@media (max-width: 767px) {
#layout .rpb-colum, .archive .rpb-colum {padding-right:20px}
}


#partner .elementor-swiper-button-prev, #team .elementor-swiper-button-prev {left:-75px}
#partner .elementor-swiper-button-next, #team .elementor-swiper-button-next {right:-75px}

#jobs .jobsbenefit {padding:0}

.text-list ul {margin:10px 0 20px 20px; padding:0}

.benefits-jobdetail .elementor-widget-image-box {background:#fff;  
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out; 
  border: 1px solid #fff;
  padding: 25px;}
.benefits-jobdetail .elementor-widget-image-box:hover {background:#DBDBDB;}


@media (min-width:1025px) and (max-width: 1580px) {
#unternehmenskultur .pad-right60 {padding-right:280px!important}
}


@media (max-width: 1024px) {
#partner .elementor-carousel-image {background-size: 130px;}
.jobsbenefit .col {display:none!important}
}

@media (max-width: 767px) {
#partner .elementor-carousel-image {background-size: 100px}
.jobsbenefit {grid-template-rows: auto!important}
}

@media (min-width: 1025px) and (max-width: 1350px) {
.sec-karriere .elementor-column {width:35%!important}
.sec-karriere .elementor-column:first-child {width:65%!important}
.karriere .elementor-widget-wrap {background-size: 130% auto!important}
.quote section .elementor-container > div {width:40%!important}
.quote section .elementor-container > div:first-child,.quote section .elementor-container > div:last-child {width:10%!important}

}

.rechtliches h2 {margin-bottom:10px; font-weight:400}
.rechtliches h3 { margin-bottom:15px;font-weight:400}
.rechtliches h3 + p,.rechtliches h2 + p  { margin-top:0}


.search-term {
    background: yellow;
}

.point:after {content:'.';  color: #F49500; font-family: 'Vina Sans', sans-serif!important; display:inline; font-size:150%; line-height:0; position:relative; bottom:1px; left:3px}
.point-h h1:after, .point-h h2:after  {content:'.';  color: #F49500; font-family: 'Vina Sans', sans-serif!important; display:inline; font-size:150%; line-height:0; position:relative; bottom:1px; left:3px}
.point-h h3:after {content:'.';  color: #F49500; font-family: 'Vina Sans', sans-serif!important; display:inline; font-size:175%; line-height:0; position:relative; bottom:0px; left:3px}
.point-h-white h1:after, .point-h-white h2:after {content:'.';  color: #fff; font-family: 'Vina Sans', sans-serif!important; display:inline; font-size:150%; line-height:0; position:relative; bottom:1px; left:3px}
.point-h p:after {content:'.';  color: #F49500; font-family: 'Vina Sans', sans-serif!important; display:inline; font-size:200%; line-height:0; position:relative; bottom:-1px; left:3px}
.point-h2 p:after {content:'.';  color: #F49500; font-family: 'Vina Sans', sans-serif!important; display:inline; font-size:160%; line-height:0; position:relative; bottom:-1px; left:3px}

.catmenu .elementor-nav-menu li {border-bottom:1px solid #DBDBDB}
.catmenu .elementor-nav-menu li:last-child {border-bottom:0px}

.werte .jet-timeline-item .timeline-item__card {background: transparent !important; box-shadow: none!important}
@media (min-width: 1025px) {
.werte .jet-timeline-item .timeline-item__card-img img {width: 75%;margin-bottom: 75px !important;}
}
@media (min-width: 768px) and (max-width: 1024px) {
.werte .jet-timeline-item .timeline-item__card-img img {width: 50%;}
}

@media (max-width: 1024px) {
.werte .jet-timeline-item .timeline-item__card-content {margin-top:-20px!important}
}


.benefit ul {padding:0; margin:0; list-style-image: url("https://www.rpb-ingenieure.de/wp-content/uploads/list.png");}
.benefit ul > li {font-weight:400; margin-left:15px}
.benefit .elementor-image-box-img  {text-align:center}
.benefit .elementor-image-box-img img {width:30%; margin:auto}
.benefit .elementor-image-box-content h3 {text-align:center}

.list ul {padding:0; margin:0; list-style-image: url("https://www.rpb-ingenieure.de/wp-content/uploads/list.png");}
.list ul > li {font-weight:700; margin-left:15px; }
.list ul ul li {font-weight:400; padding-left:0px}
.list ul ul  {list-style:none}

.bewerbung .list ul {margin:0 0 25px;}
.bewerbung .list ul > li {font-weight:400; padding-left:5px}
.bewerbung .list h3 {margin:0 0 15px}
.bewerbung .list p {margin:0 0 5px}



.tga-list ul {padding:0; margin:0; list-style-image: url("https://www.rpb-ingenieure.de/wp-content/uploads/list.png");}
.tga-list ul > li {font-weight:400;}

.tga-list .elementor-tab-content {padding: 10px 20px 20px 40px!important;}




@media (max-width: 1400px) {
.ansprechpartner .elementor-image-box-img {width:80%!important}
} 

@media (max-width: 1200px) {
.quoteicon {display:none}
.quote .left, .quote .right {display:none}
}

@media (max-width: 1024px) {
.quote .left, .quote .right {display:none}
}

@media (min-width: 768px) {
.tga-list ul > li {display: inline list-item; padding-right:25px; float:left }
.tga-list .elementor-tab-title {hyphens: auto;}
.mobonly {display:none!important}
}

.benefitsoverview .jobsbenefit {padding-left:0!important}

.single-e-landing-page .elementor-slideshow__title {display:none}


@media (max-width: 767px) {
.benefitsoverview .jobsbenefit {padding-left:20px!important}
.tga-list ul > li {padding-left:10px; margin-left:15px } 
.tga-list .elementor-tab-content {padding: 10px 20px!important;}

#energietechnik .elementor-tab-title {border-top:1px solid #F4F4F4} 
#gebaeudetechnik .elementor-tab-title {border-top:1px solid #fff} 
#energietechnik .elementor-tab-title:first-child, #gebaeudetechnik .elementor-tab-title:first-child {border-top:0px} 


.tga-list.tga1 .elementor-tabs-content-wrapper,.tga-list.tga2 .elementor-tabs-content-wrapper {display:flex; flex-wrap: wrap;}
.tga-list.tga1 .elementor-tabs-content-wrapper > div {order:3; }
.tga-list.tga1 .elementor-tabs-content-wrapper > div:nth-child(1) {order:1;}
.tga-list.tga1 .elementor-tabs-content-wrapper > div:nth-child(3) {order:2;}

.tga-list.tga2 .elementor-tabs-content-wrapper > div {order:5;}
.tga-list.tga2 .elementor-tabs-content-wrapper > div:nth-child(1) {order:1;}
.tga-list.tga2 .elementor-tabs-content-wrapper > div:nth-child(3) {order:2;}
.tga-list.tga2 .elementor-tabs-content-wrapper > div:nth-child(5) {order:3;}
.tga-list.tga2 .elementor-tabs-content-wrapper > div:nth-child(7) {order:4;}




}

.starttitle {
     -webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 10;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 20 10 3;
	 -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 20 10 3;
	 -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: 20 10 3;
     -ms-hyphenate-limit-last: always;  
	 hyphens: auto;
     hyphenate-limit-chars: 20 10 43;


}
  
.hyph {hyphens:auto;}

.elementor-post__excerpt p:after {content:" ..."}

.formular .elementor-field-type-text label,
.formular .elementor-field-type-number label,
.formular .elementor-field-type-email label,
.formular .elementor-field-type-tel label,
.formular .elementor-field-type-textarea label
 {display:none}
 
.formular button[type=submit] {min-height:0px!Important; cursor:pointer}


.formular button[type=submit] .elementor-button-text {padding:5px 5px 7px 15px;}
.formular button[type=submit] .elementor-button-icon i {top:0px; position: relative; right: 4px;}
.formular button[type=submit] .elementor-align-icon-right {background:#002E5C; padding:5px 6.5px; margin:0}
.formular button[type=submit] .elementor-align-icon-right i:before {color: #fff; font-size: 17px;font-weight: bold;}


.formular input[type="file"] {flex-basis:50%!important; z-index: 0;} 

.formular input[type="file"]::file-selector-button {
    padding: 0px;
    height: 0px;
    background-color: white;
   width: 0px!important;
    color: transparent;
	border:none!important
  }

@supports (-moz-appearance: none) {
 .formular input[type="file"]::file-selector-button {
    color: transparent; border:none!important
  }
}

.formular .elementor-field-group-lebenslauf label, .formular .elementor-field-group-weitere label {background:#002E5C; color:#fff!important; padding:3px 15px 5px!important; z-index:10; width:170px }

.formular .elementor-field-group-lebenslauf label:before, .formular .elementor-field-group-weitere label:before  {content: "";
  background: url("https://www.rpb-ingenieure.de/wp-content/uploads/uploadfile.png") no-repeat;  position: relative;  width: 18px;  height: 21px;  display: inline-block;  background-size:18px; left: -5px;  top: 4px;}



.formular .elementor-field-group-welcheerfahrung input,
.formular .elementor-field-group-uni input,
.formular .elementor-field-group-begleitung_uni input,
.formular .elementor-field-group-studiengang input,
.formular .elementor-field-group-begleitung_studiengang input,
.formular .elementor-field-group-schule input,
.formular .elementor-field-group-studentenpraktikum_uni input,
.formular .elementor-field-group-studentenpraktikum_studi input,
.formular .elementor-field-group-studentenpraktikum_zeit input,
.formular .elementor-field-group-schuelerpraktikum_schule input,
.formular .elementor-field-group-schuelerpraktikum_zeit input

{background:#fff!important; padding: 5px 0 !important;}



.formular .elementor-field-type-radio input[type="radio"] {visibility: hidden}
.formular .elementor-field-type-radio input[type="radio"] + label { margin-left:-15px}
  
.formular .elementor-field-type-radio input[type="radio"] + label:before  {content: "";
  background: url("https://www.rpb-ingenieure.de/wp-content/uploads/radiobutton.png") no-repeat;  position: relative;  width: 16px;  height: 16px;  display: inline-block;  background-size:16px; left:-10px}

.formular .elementor-field-type-radio input[type="radio"]:checked + label:before {content: "";
  background: url("https://www.rpb-ingenieure.de/wp-content/uploads/radiobutton-checked.png") no-repeat;  position: relative;  width: 16px;  height: 16px;  display: inline-block;  background-size:16px; left:-10px}

.small {font-size:16px; line-height:1.5}

.stadt figcaption { margin: 0; z-index: 10;  position: absolute;  padding: 20px;  width: 100%;  bottom: 0;}

.einleitung p {margin:0}

/* Slider Home
-------------------------------------------------------------- */
#slide .swiper-slide-bg {background-position: top center!important}
#slide .swiper-slide-contents {width: 1480px; margin:0 auto}
#slide .swiper-slide-contents .elementor-slide-heading, #slide .swiper-slide-contents .elementor-slide-description {padding-left:60px; text-shadow: 1px 1px 8px #fff;}
#slide .swiper-pagination-bullet, .loopupdates .swiper-pagination-bullet {border-radius:0!important}
#slide .swiper-container .elementor-swiper-button {top:100%!important}
#slide .swiper-container .elementor-swiper-button-prev {right: calc(50% - 685px)!important; left:auto!important}
#slide .swiper-container .elementor-swiper-button-next {right:calc(50% - 740px)!important }

@media (max-width: 1520px) {
#slide .swiper-container .elementor-swiper-button-next {right:calc(0% + 0px)!important }
#slide .swiper-container .elementor-swiper-button-prev {right: calc(0% + 55px)!important;}
}


@media (max-width: 1520px) {
#slide .swiper-slide-contents .elementor-slide-heading {padding-left:60px}
#slide .swiper-slide-contents .elementor-slide-description {padding-left:60px}
#slide .swiper-slide-contents {width: 100%;}
}

@media (max-width: 767px) {
#slide .swiper-slide-contents .elementor-slide-heading,#slide .swiper-slide-contents .elementor-slide-description {padding-left:45px; }
}
/* Loop Leistungen & Services Home
-------------------------------------------------------------- */

#loop-leistungen .loop .elementor-flip-box__front,
#loop-leistungen .loop .elementor-flip-box__back {background-color: #002E5C!important;}

#loop-leistungen .loop .elementor-flip-box__layer__title {padding: 25px 10px; margin:0}
#loop-leistungen .loop .elementor-flip-box__image {line-height:0}
#loop-leistungen .loop .elementor-flip-box__layer__overlay { padding: 0}

@media (min-width: 1025px) {
#loop-leistungen .loop .elementor-flip-box__image img {height:260px; width:100%; object-fit: cover}
#loop-leistungen .loop .elementor-flip-box {margin: 5px;}
#loop-leistungen .loop .elementor-flip-box__back {background-size: auto 150px!important}
#loop-leistungen .loop .elementor-flip-box__back .elementor-flip-box__layer__description {background:#fff!important; padding:20px; margin: 150px 0 0; height:225px}
#loop-leistungen .loop .elementor-flip-box__button {position: relative;  bottom: 50px}
}


@media (min-width: 768px) and (max-width: 1024px) {
#loop-leistungen .loop .elementor-flip-box__layer__title {padding: 15px 10px;}
#loop-leistungen .loop .elementor-flip-box__image img {height:220px; width:100%; object-fit: cover}
#loop-leistungen .loop .elementor-flip-box {margin: 5px;}
#loop-leistungen .loop .elementor-flip-box__back {background-size: auto 100px!important}
#loop-leistungen .loop .elementor-flip-box__back .elementor-flip-box__layer__description {background:#fff!important; padding:20px; margin: 100px 0 0; height:200px}
#loop-leistungen .loop .elementor-flip-box__button {position: relative;  bottom: 50px}
}

@media (max-width: 767px) {
#loop-leistungen .loop .elementor-flip-box__layer__title {padding: 10px;}
#loop-leistungen .loop .elementor-flip-box__image img {height:175px; width:100%; object-fit: cover}
#loop-leistungen .loop .elementor-flip-box {margin: 5px;}
#loop-leistungen .loop .elementor-flip-box__back {background-size: auto 80px!important}
#loop-leistungen .loop .elementor-flip-box__back .elementor-flip-box__layer__description {background:#fff!important; padding:20px; margin: 80px 0 0; height:170px}
#loop-leistungen .loop .elementor-flip-box__button {position: relative;  bottom: 50px}
}



.loopleistungen .elementor-swiper-button-next:hover, .loopleistungen .elementor-swiper-button-prev:hover {background:#F49500; border:1px solid #F49500!important;}
.loopleistungen .elementor-swiper-button-next polygon, .loopleistungen .elementor-swiper-button-prev polygon {fill:#fff}
.loopleistungen .elementor-swiper-button-next:hover polygon, .loopleistungen .elementor-swiper-button-prev:hover polygon {fill:#002E5C}
.loopleistungen .elementor-swiper-button-next svg, .loopleistungen .elementor-swiper-button-prev svg,
.loopupdates .elementor-swiper-button-next svg,.loopupdates .elementor-swiper-button-prev svg  {padding:1.5px}
.loopupdates .swiper-pagination {width:70px}
.loopupdates .swiper-pagination-bullet {opacity: 1; margin:0 0 0 10px!Important}
.loopupdates .swiper-pagination-bullet-active {background:#F49500!important}
.loopleistungen .elementor-swiper-button-next:hover svg, .loopupdates .elementor-swiper-button-next:hover svg {padding:0px 0 0 3px!important}
.loopleistungen .elementor-swiper-button-prev:hover svg, .loopupdates .elementor-swiper-button-prev:hover svg {padding:0px 3px 0 0!important}


@media (min-width: 1551px) and (max-width: 1850px) {
#loop-leistungen .loop .elementor-flip-box {height: 350px!important}
#loop-leistungen .loop .elementor-flip-box__image img {height:230px;}
#loop-leistungen .loop .elementor-flip-box__back {background-size: auto 130px!important}
#loop-leistungen .loop .elementor-flip-box__back .elementor-flip-box__layer__description {margin: 130px 0 0; height:220px}
}


@media (min-width: 1250px) and (max-width: 1550px) {
#loop-leistungen .loop .elementor-flip-box {height: 300px!important}
#loop-leistungen .loop .elementor-flip-box__layer__title { padding: 20px 10px 0; font-size:18px}
#loop-leistungen .loop .elementor-flip-box__image img {height:200px;}
#loop-leistungen .loop .elementor-flip-box__back {background-size: auto 120px!important}
#loop-leistungen .loop .elementor-flip-box__back .elementor-flip-box__layer__description {margin: 120px 0 0; height:180px}
}

@media (min-width: 1025px) and (max-width: 1249px) {
#loop-leistungen .loop .elementor-flip-box {height: 250px!important}
#loop-leistungen .loop .elementor-flip-box__layer__title { padding: 15px 10px 0;font-size:18px}
#loop-leistungen .loop .elementor-flip-box__image img {height:165px;}
#loop-leistungen .loop .elementor-flip-box__back {background-size: auto 60px!important}
#loop-leistungen .loop .elementor-flip-box__back .elementor-flip-box__layer__description {margin: 60px 0 0; height:190px}
#loop-leistungen .loop .elementor-flip-box__button {bottom: 35px}
}

/* Projekte 
-------------------------------------------------------------- */
.posts-overview h3.elementor-post__title:after {content:'.';  color: #F49500; font-family: 'Vina Sans', sans-serif!important; display:inline; font-size:175%; line-height:0; position:relative; bottom:0px; left:-1px}
.loopupdates h3.elementor-heading-title:after {content:'.';  color: #F49500; font-family: 'Vina Sans', sans-serif!important; display:inline; font-size:175%; line-height:0; position:relative; bottom:0px; left:3px}
.posts-overview .elementor-posts-container .elementor-post__thumbnail img {height:100%!important; width:100%!important; object-fit: cover;}
.pic-caroussel .swiper-slide-inner img {width:100%}
.pic-caroussel .elementor-swiper-button {background:#F49500; bottom:0!important; top:auto!important}
.pic-caroussel .elementor-swiper-button svg {padding:10px}
.pic-caroussel .swiper-pagination {text-align:right}
.pic-caroussel .swiper-pagination .swiper-pagination-bullet {border-radius:0;margin: 0 0 0 6px!important}
.pic-caroussel .elementor-swiper-button.elementor-swiper-button-prev {left:25px}
.pic-caroussel .elementor-swiper-button.elementor-swiper-button-next {left:60px; right:auto!important}
.pic-caroussel .elementor-swiper-button:hover {background:#fff}
.pic-caroussel .elementor-swiper-button.elementor-swiper-button-next:hover svg {padding: 9px 8px 9px 10px !important;}
.pic-caroussel .elementor-swiper-button.elementor-swiper-button-prev:hover svg {padding: 9px 10px 9px 8px !important;}

.weitere-projekte p {margin:0}
.weitere-projekte {padding-bottom: 20px!important; border-bottom:1px solid #DBDBDB}
.weitere-projekte:last-child { border-bottom:0px solid #DBDBDB}
.weitere-projekte .elementor-element-populated {padding: 0!important}
.weitere-projekte .elementor-heading-title {font-weight:700}
.weitere-projekte .elementor-widget:not(:last-child) {margin-bottom: 0}
.weitere-projekte .elementor-icon-list-text {font-size:14px}
.weitere-projekte .elementor-icon-list-icon i,.weitere-projekte .elementor-icon-list-icon i:before {color:#F49500;bottom: -0.5px; position: relative;}
.weitere-projekte .elementor-icon-list-icon {font-size:8px}
.weitere-projekte .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {margin-right: calc(35px/2)!important; margin-left: 0!important}
.weitere-projekte .elementor-widget .elementor-icon-list-items.elementor-inline-items { margin-right: 0!important; margin-left: 0!important}


.bewerbung .elementor-icon-list-icon + .elementor-icon-list-text {padding:0!important}

.tabs .elementor-tab-content {padding:0!important}
.tabs .elementor-tab-desktop-title {padding:10px 15px!important}

.tabs .elementor-tabs-wrapper {display: flex; flex-wrap: wrap;}


.acc-bewerbung .elementor-accordion .elementor-tab-title .elementor-accordion-icon {width: 20px}
.acc-bewerbung .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {width: 0.7em;height: 0.7em;}
.acc-bewerbung .elementor-accordion .elementor-accordion-item:first-of-type {display: none;}
.acc-bewerbung .elementor-accordion-icon i:before {font-weight: bold; font-size: 13px;}
/* .acc .elementor-tab-title.elementor-active a { visibility: hidden; position: relative;}
.acc .elementor-tab-title a {width:250px; display:inline-block}
.acc .elementor-tab-title.elementor-active a:after {visibility: visible; position: absolute; top: 0; left: 0; content: "weniger anzeigen";}
*/

@media (max-width: 767px) {
.pic-caroussel .elementor-swiper-button svg {padding:7px}
.pic-caroussel .elementor-swiper-button { bottom: 10px !important;}
.pic-caroussel .elementor-swiper-button.elementor-swiper-button-next {left: 50px;}
.pic-caroussel .elementor-swiper-button.elementor-swiper-button-prev:hover svg {padding: 6px 8px 6px 6px !important}
.pic-caroussel .elementor-swiper-button.elementor-swiper-button-next:hover svg {padding: 6px 6px 6px 8px !important}
.pic-caroussel .swiper-pagination {left: auto!important; width: 50%!important; right: 0;}

/*
.tabs .elementor-tabs-content-wrapper {display:flex; flex-wrap: wrap;}
.tabs .elementor-tabs-content-wrapper > div {order:9; }
.tabs .elementor-tabs-content-wrapper > div:after { text-indent: 0; display: block; line-height: initial; margin:3.5px;border: 1px solid #F4F4F4!important; padding:4px 6px}
.tabs .elementor-tabs-content-wrapper > div:nth-child(1) {order:1;text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(1):after {content: "Gesundheit";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(3) {order:2;text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(3):after {content: "B\00fcro";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(5) {order:3;  text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(5):after {content: "Gewerbe";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(7) {order:4; text-indent: -9999px; line-height: 0;;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(7):after {content: "Beherbergung";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(9) {order:5; text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(9):after {content: "Wohnen";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(11) {order:6;text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(11):after {content: "Sport/Bildung";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(13) {order:7; text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(13):after {content: "Beh\00f6rden"}
.tabs .elementor-tabs-content-wrapper > div:nth-child(15) {order:8;text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(15):after {content: "PV";}
.tabs .elementor-tab-mobile-title {font-size:14px!important; line-height:1em; padding:0px!important } */



.tabs .elementor-tabs-content-wrapper {display:flex; flex-wrap: wrap;}
.tabs .elementor-tabs-content-wrapper > div {order:9; }
.tabs .elementor-tabs-content-wrapper > div:after { text-indent: 0; display: block; line-height: initial; margin:3.5px;border: 1px solid #F4F4F4!important; padding:4px 6px}
.tabs .elementor-tabs-content-wrapper > div:nth-child(1) {order:1;text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(1):after {content: "Gesundheitswesen";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(3) {order:2;text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(3):after {content: "B\00fcro- /Verwaltungsgeb\00e4ude";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(5) {order:3;  text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(5):after {content: "Industrie und Gewerbe";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(7) {order:4; text-indent: -9999px; line-height: 0;;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(7):after {content: "Hotels und Beherbergungsst\00e4tten";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(9) {order:5; text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(9):after {content: "Wohngeb\00e4ude";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(11) {order:6;text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(11):after {content: "Sport- / Bildungsst\00e4tten";}
.tabs .elementor-tabs-content-wrapper > div:nth-child(13) {order:7; text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(13):after {content: "Beh\00f6rden und Organisationen mit Sicherheitsaufgaben"}
.tabs .elementor-tabs-content-wrapper > div:nth-child(15) {order:8;text-indent: -9999px; line-height: 0;}
.tabs .elementor-tabs-content-wrapper > div:nth-child(15):after {content: "PV-Anlagen";}
.tabs .elementor-tab-mobile-title {font-size:14px!important; line-height:1em; padding:0px!important }

}




/* Navigation
-------------------------------------------------------------- */

.navi .elementor-swiper-button-prev, .navi .elementor-swiper-button-next {background:#F49500; border:1px solid #F49500; width:45px; height:45px; transition: all 0.3s}
.navi .elementor-swiper-button-prev:hover, .navi .elementor-swiper-button-next:hover {background:#fff; border:1px solid #002E5C}
.navi .elementor-swiper-button-prev:before {content: url(https://www.rpb-ingenieure.de/wp-content/uploads/arrow-le.svg); left: -5px; }
.navi .elementor-swiper-button-next:before {content: url(https://www.rpb-ingenieure.de/wp-content/uploads/arrow-re.svg); left: -3px; }
.navi .elementor-swiper-button-next:before, .navi .elementor-swiper-button-prev:before {position: relative; top: -5px; transform: scale(0.25); transition: all 0.3s}
.navi .elementor-swiper-button-prev i, .navi .elementor-swiper-button-next i {display:none}
.navi .elementor-swiper-button-next:hover:before,.navi .elementor-swiper-button-prev:hover:before {transform: scale(0.27)}
.navi .elementor-swiper-button-prev:hover:before {left: -7px; }
.navi .elementor-swiper-button-next:hover:before {left: -1px; }

#slide.navi .elementor-swiper-button-prev:hover, #slide.navi .elementor-swiper-button-next:hover {border:1px solid #fff}

.breadcrumbs a {color:#002E5C; font-size:13px}
.breadcrumbs span {color:#002E5C; font-size:13px}
.breadcrumbs .breadcrumbs__separator {visibility: hidden; position: relative;}
.breadcrumbs .breadcrumbs__separator:before {visibility: visible; content: '.';color: #F49500; font-family: 'Vina Sans', sans-serif!important; display:inline; font-size:150%; line-height:0; position:relative; bottom:3px; left:5px}

.leistungen .breadcrumbs a {color:#fff}

@media (max-width: 767px) {
.breadcrumbs a, .breadcrumbs span {font-size:10px}
.navi .elementor-swiper-button-prev, .navi .elementor-swiper-button-next {width:30px; height:30px;}
.navi .elementor-swiper-button-next:before, .navi .elementor-swiper-button-prev:before {transform: scale(0.20); transition:}
.navi .elementor-swiper-button-next:hover:before,.navi .elementor-swiper-button-prev:hover:before {transform: scale(0.21)}
.navi .elementor-swiper-button-prev:before {left: -12px; }
.navi .elementor-swiper-button-next:before {left: -10px; }
.navi .elementor-swiper-button-prev:hover:before {left: -14px; }
.navi .elementor-swiper-button-next:hover:before {left: -8px; }

}

/* Buttons
-------------------------------------------------------------- */

.but svg,.but-invert svg {width: .7em!important}
.but .elementor-align-icon-right { background:#002E5C; padding:5px 10px!important; margin-left:15px!important;}
.but .elementor-button-text, .but-invert .elementor-button-text  {padding-top:7px;padding-bottom: 7px;}
.but-invert .elementor-align-icon-right { background:#fff; padding:5px 10px!important; margin-left:15px!important;}
.but polygon {fill:#fff}
.but-invert polygon {fill:#002E5C}

.posts-overview a.elementor-post__read-more, #loop-leistungen .loop .elementor-flip-box__button, .readmore a
{background:url('https://www.rpb-ingenieure.de/wp-content/uploads/arrow-re.svg'); background-size: 5px auto; background-repeat:no-repeat; background-position: center right; padding-right:15px;}

.posts-overview .elementor-button-link .elementor-button-text {padding:7px 14px 7px 15px;}
.posts-overview .elementor-button-link .elementor-button-icon i {top:7px; position:relative; right:4px}
.posts-overview .elementor-button-link .elementor-align-icon-right {background:#002E5C; padding:5px 6.5px; margin:0}
.posts-overview .elementor-button-link .elementor-align-icon-right i:before {color: #fff; font-size: 17px;font-weight: bold;}


/* Hover Effects
-------------------------------------------------------------- */
.but a, 
.but-invert a,
.posts-overview .elementor-post,
.posts-overview .elementor-post .elementor-post__thumbnail img,
#loop-leistungen .loop .elementor-flip-box, 
#update-news .elementor-widget-wrap,
.loopleistungen .elementor-swiper-button-next svg, .loopleistungen .elementor-swiper-button-prev svg,
.loopupdates .elementor-swiper-button-next svg,.loopupdates .elementor-swiper-button-prev svg,
.pic-caroussel .elementor-swiper-button svg
{transition: all 0.3s!important;}


.but a:hover, 
.but-invert a:hover, 
.posts-overview .elementor-post:hover,
#loop-leistungen .loop .elementor-flip-box:hover,
#update-news .elementor-widget-wrap:hover,
.posts-overview .elementor-button-link:hover,
.formular button[type=submit]:hover
{box-shadow: 3px 3px 0px 0px #F49500;transform: translate(-3px, -3px)!important}

.posts-overview .elementor-post:hover .elementor-post__thumbnail img {transform: scale(1.05) translate(-50%,-50%);}



/* Footer
-------------------------------------------------------------- */
#Kununu {fill: #fff;}

footer nav ul li a {background: #002E5C!important}
footer.bottom nav ul li a {background: #021B33!important}

.e-landing-page-template footer nav ul li a {background: #021B33!important}



@media (max-width: 1024px) {
#footer .elementor-column:first-child {order:3}
#footer .elementor-column:last-child {order:4}
}



/* Benefits 
-------------------------------------------------------------- */
.ausbildung .benefits .firmenwagen,
.dualerstudent .benefits .firmenwagen,
.projektbearbeiter .benefits .firmenwagen,
.systemplaner .benefits .firmenwagen
 {display:none}



.ausbildung .benefits .mobilesarbeiten, .ausbildung .benefits .kita-beitraege, .ausbildung .benefits .disno {display:none}




/* barrierefreiheit
-------------------------------------------------------------- */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* Skip-to-Content-Link – standardmäßig unsichtbar */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #002e5c;        /* Markenfarbe */
  color: #fff;                /* weiße Schrift */
  padding: 8px 16px;
  z-index: 1000;              /* liegt über allem */
  text-decoration: none;
  border-radius: 4px;
  transition: top 0.2s ease;

  /* Screenreader-only Verhalten */
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Sobald fokussiert ? sichtbar machen */
.skip-link:focus,
.skip-link:active {

  top: 0;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  clip-path: none;
  white-space: normal;
}


.formular fieldset { border: none; margin: 0;  padding: 0;  min-inline-size: auto;}


.formular fieldset legend {font-weight:700}


a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #002E5C!important;
  outline-offset: 2px!important
}