@font-face {
font-family: "Roboto Condensed";
font-style: normal;
font-weight: 400;
src: url(//recruiting.rottmann-group.de/wp-content/fonts/RobotoCondensed-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Roboto Condensed";
font-style: normal;
font-weight: 700;
src: url(//recruiting.rottmann-group.de/wp-content/fonts/RobotoCondensed-Bold.ttf) format("truetype");
}
a.anchor {
display: block;
position: relative;
top: -125px;
visibility: hidden;
}
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: 'Roboto Condensed', sans-serif;
}
figure {
margin: 0;
padding: 0;
}
.wrap {
width: 1000px;
margin: 0 auto;
}
img {
width: 100%;
height: auto;
display: block;
}
h1 {
color: white;
text-transform: uppercase;
font-size: 52px;
margin-left: 80px;
}
h2 {
color: #fdc300;
font-size: 52px;
}
.content {
margin: 100px 0;
}
header nav #to-homepage {
color: #fdc300;
}
header {
position: fixed;
width: 100%;
background-color: #00529e;
padding: 20px 0;
z-index: 99;
}
header nav {
width: 1400px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
header nav ul {
margin: 0;
padding: 0;
}
header nav ul li {
display: inline;
margin: 0 0 0 20px;
}
header nav ul li a, header #to-homepage {
text-decoration: none;
color: white;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
header nav ul li a:hover, header nav ul .active a{
color: #fdc300;
}
#titelbild {
padding-top: 65px;
position: relative;
}
#titelbild .titelbild-description {
position: absolute;
left: 20%;
top: 30%;
}
#titelbild .titelbild-description img {
width: 500px;
height: auto;
}
main .col-2 .wrap {
display: flex;
justify-content: space-between;
}
main .col-2 .wrap article, main .col-2 .wrap figure {
width: 48%;
position: relative;
}
main .col-2 .wrap article img {
margin-bottom: 24px;
}
main a.cta {
display: block;
text-align: center;
padding: 10px 0;
color: white;
text-decoration: none;
font-weight: 700;
background-image: url(//recruiting.rottmann-group.de/wp-content/themes/rottmann-recruiting-landingpage/img/arrow-right-cta.png);
background-position: right 5% center;
background-repeat: no-repeat;
background-size: 15px;
}
main a.cta:hover {
background-color: #fdc300;
color: black;
}
main ul.checks {
margin: 25px 0 25px 0;
padding: 0;
}
main ul.checks li {
list-style: none;
background: url(//recruiting.rottmann-group.de/wp-content/themes/rottmann-recruiting-landingpage/img/check-icons.jpg) left center no-repeat;
margin-bottom: 10px;
padding-left: 35px;
}
main .small-font-size {
font-size: 14px;
text-align: center;
}
.blue-bg {
background-color: #00529e;
}
.black-bg {
background-color: black;
}
main .col-2 article h3 {
color: #fdc300;
font-size: 38px;
text-transform: uppercase;
line-height: 1em;
margin: 0;
}
main .grey-bg {
background-color: #1a1a1a;
padding: 50px 0;
}
main .col-4 {
display: flex;
justify-content: space-between;
margin: 50px 0 0;
}
main .col-4 article {
width: 20%;
text-align: center;
color: white;
}
main .col-4 article h4 {
font-size: 18px;
}
main .grey-bg h3 {
color: white;
text-transform: uppercase;
text-align: center;
font-size: 32px;
}
main .grey-bg .wrap {
width: 1400px;
}
main .grey-bg h3 span {
color: #fdc300;
}
main .col-4 article img {
height: 100px;
width: auto;
margin: 0 auto;
}
main .banner-foto-inner-wrapper .wrap {
width: 1400px;
}
main .metall-bg {
padding: 50px 0;
background-image: url(//recruiting.rottmann-group.de/wp-content/themes/rottmann-recruiting-landingpage/img/metall-background-image.jpg);
background-size: cover;
color: white;
text-align: center;
}
main .metall-bg .wrap, main .wood-bg .wrap, main .light-grey-bg .wrap {
width: 600px;
}
main .metall-bg .wrap h3 {
color: #fdc300;
text-transform: uppercase;
font-size: 32px;
}
main .metall-bg .wrap h4 {
font-size: 24px;
}
main .editor-img-video article h3 {
font-size: 22px;
text-transform: none;
}
main .editor-img-video .wrap article, main .editor-img-video .wrap figure {
width: 45%;
}
main .wood-bg {
background-image: url(//recruiting.rottmann-group.de/wp-content/themes/rottmann-recruiting-landingpage/img/wood-bg.jpg);
background-size: cover;
padding: 100px 0;
color: white;
}
main .wood-bg h3 {
font-size: 32px;
text-transform: uppercase;
text-align: center;
}
main .persona article h3 {
color: #00529e;
text-transform: none;
font-size: 20px;
line-height: 1.3em;
}
main .persona article figure {
margin: 25px 0;
}
main .persona article:first-of-type p {
color: #00529e;
}
main .persona article ul {
text-indent: -15px; margin-left: 15px; padding: 0;
list-style-position: outside;
}
main .persona article ul li {
list-style-type: none;
margin-bottom: 5px;
}
main .persona article ul li::before {
content: "•";
padding-right: 10px;
}
.team {
padding: 50px 0;
}
.team h3 {
color: white;
text-align: center;
text-transform: uppercase;
font-size: 32px;
}
.team-slider {
column-count: 5;
margin-top: 50px;
display: flex;
justify-content: space-between;
}
.team-slider figure {
width: 18%;
}
.team-slider p {
color: white;
}
main .job-offerings h3 {
text-transform: uppercase;
font-size: 32px;
}
main .job-offerings h4 {
display: block;
background-color: #00529e;
color: white;
font-size: 22px;
padding: 10px 0 10px 15px;
cursor: pointer;
background-image: url(//recruiting.rottmann-group.de/wp-content/themes/rottmann-recruiting-landingpage/img/arrow-down.png);
background-size: 15px;
background-repeat: no-repeat;
background-position: right 2% center;
}
main .hidden-content {
max-height: 0;
overflow: hidden;
transition: all 0.7s;
}
.show-content {
max-height: 1000px !important;
}
main .job-offerings h4:hover {
background-color: #fdc300;
}
main .job-offerings .hidden-content h3 {
text-transform: none;
font-size: 18px;
color: #00529e;
}
main .job-offerings .hidden-content .col-2 {
display: flex;
justify-content: space-between;
margin: 50px 0 40px;
}
main .job-offerings .hidden-content a {
text-decoration: none;
color: #fdc300;
}
main .job-offerings .hidden-content .social-media-job a img {
width: 30px;
display: inline-block;
margin-right: 10px;
}
main .yellow-bg {
background-color: #cf9c00;
padding: 100px 0;
}
main .yellow-bg figure {
width: 100px;
margin: 0 auto;
}
main .yellow-bg h3 {
text-transform: uppercase;
color: white;
text-align: center;
font-size: 32px;
}
main .yellow-bg .toggle-title {
display: block;
background-color: black;
color: white;
padding: 10px 0 10px 15px;
font-size: 18px;
background-image: url(//recruiting.rottmann-group.de/wp-content/themes/rottmann-recruiting-landingpage/img/arrow-down.png);
background-size: 20px;
background-repeat: no-repeat;
background-position: right 2% center;
cursor: pointer;
margin-bottom: 0;
}
main .yellow-bg .toggle-title:hover {
background-color: #00529e;
}
main .light-grey-bg {
background-color: #d9d9d9;
padding: 100px 0;
}
main .light-grey-bg h3 {
text-align: center;
font-size: 32px;
text-transform: uppercase;
}
main .kontaktformular h3 {
text-transform: uppercase;
font-size: 32px;
color: #00529e;
}
.wpforms-container textarea, input, label {
font-family: 'Roboto Condensed', sans-serif !important;
}
.kontaktformular input, .kontaktformular textarea {
border: solid thin #00529e !important;
}
.kontaktformular .wpforms-submit {
background-color: #00529e !important;
color: white !important;
}
.kontaktformular .wpforms-submit:hover {
background-color: #fdc300 !important; 
}
footer {
background-color: black;
padding: 50px 0;
text-align: center;
color: white;
}
footer figure {
width: 200px;
margin: 0 auto;
}
footer p {
margin: 30px 0;
}
footer ul {
margin: 0;
padding: 0;
}
footer ul li {
list-style-type: none;
}
footer ul li a {
text-decoration: none;
color: #fdc300;
}
main .col-4 article h4 {
color: #fdc300 !important;
} .uk-margin p {
color: white;
margin-top: -10px;
}
.uk-panel-title {
font-size: 16px !important;
text-align: left !important;
margin: 0 !important;
}
.wood-bg p {
text-align: center;
}
main .grey-bg h3 span {
color: white;
}
.mobile-nav-toggle span {
position: absolute;
height: 5px;
width: 20px;
background-color: #fff;
}
.mobile-nav-toggle span:nth-child(2) {
margin-top: 10px;
}
.mobile-nav-toggle span:nth-child(3) {
margin-top: 20px;
}
.mobile-nav-toggle span {
position: absolute;
height: 5px;
width: 30px;
background-color: #fff;
}
#mobile-nav {
display: none;
}
#mobile-nav.open {
display: block;
}
.mobile-nav-toggle {
display: none;
}
.blue-bg {
text-transform: uppercase;
}
header nav {
width: auto;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 0 30px;
}
ul#menu-hauptmenue-1 a {
color: white;
list-style: none !important;
text-decoration: none !important;
}
ul#menu-hauptmenue-1 li {
list-style: none !important;
}
@media (max-width: 1600px) and (min-width: 1201px) {
.wrap {
width: 1000px !important;
margin: 0 auto;
}
h1 {
color: white;
text-transform: uppercase;
font-size: 38px !important;
margin-left: 1em !important;
}
h2 {
color: #fdc300;
font-size: 36px !important;
}
#titelbild .titelbild-description {
position: absolute !important;
left: 10% !important;
top: 20% !important;
}
main .col-2 article h3 {
color: #fdc300;
font-size: 30px !important;
text-transform: uppercase!important;
line-height: 1em!important;
margin: 0 !important;
}
main .grey-bg .wrap {
width: 1100px !important;
}
main .banner-foto-inner-wrapper .wrap {
width: 1200px !important;
}
ul#menu-hauptmenue-1 a {
color: white;
list-style: none !important;
text-decoration: none !important;
}
ul#menu-hauptmenue-1 li {
list-style: none !important;
}
main ul.checks li {
margin-bottom: 6px !important;
}
}
@media (max-width: 1200px) and (min-width: 961px) {
li#menu-item-8 {
margin: 0 !important;
padding: 0 !important;
}
h1 {
font-size: 40px !important;
margin-left: 0 !important;
}
main ul.checks li {
margin-bottom: 6px !important;
}
h2 {
font-size: 33px !important;
}
#titelbild .titelbild-description img {
width: 300px !important;
height: auto !important;
}
ul#menu-hauptmenue-1 a {
color: white;
list-style: none !important;
text-decoration: none !important;
}
ul#menu-hauptmenue-1 li {
list-style: none !important;
}
header nav {
width: auto !important;
display: block !important;
}
#to-homepage {
margin-left: 20px !important;
}
header nav ul li a, header #to-homepage {
font-size: 12px !important;
}
header nav ul li {
margin: 0 0 0 15px !important;
}
to-homepage {
margin-left: 15px !important;
}
header {
padding: 8px 0 !important;
}
.wrap {
width: 930px !important;
margin: 0 auto !important;
padding: 0 10px !important;
}
main .grey-bg .wrap {
width: 960px !important;
}
main .banner-foto-inner-wrapper .wrap {
width: 960px !important;
}
.uk-slidenav.uk-slidenav-previous.uk-hidden-touch {
display: block !important;
color: #fcc201 !important;
top: 105% !important;
}
.uk-slidenav.uk-slidenav-next.uk-hidden-touch {
display: block !important;
color: #fcc201 !important;
top: 105% !important;
}
}
@media (max-width: 960px) and (min-width: 769px) {
ul#menu-hauptmenue-1 a {
color: white;
list-style: none !important;
text-decoration: none !important;
}
ul#menu-hauptmenue-1 li {
list-style: none !important;
}
#menu-hauptmenue {
display: none !important;
}
.mobile-nav-toggle {
display: block !important;
}
header {
padding: 20px 0 !important;
}
.mobile-nav-toggle span {
position: absolute !important;
height: 5px !important;
width: 30px !important;
background-color: #fff !important;
right: 15px !important;
top: 15px !important;
}
#menu-hauptmenue-1 li {
list-style: none !important;
}
a {
text-decoration: none !important;
}
#menu-hauptmenue-1 a {
color: white !important;
}
#menu-hauptmenue-1 {
padding-left: 20px !important;
}
h1 {
font-size: 24px !important;
margin: 0 !important;
margin-top: 0px !important;
margin-top: 30px !important;
}
h2 {
color: #fdc300 !important;
font-size: 24px !important;
margin-top: 0 !important;
}
#titelbild .titelbild-description img {
width: 330px !important;
height: auto !important;
}
main .col-2 article h3 {
font-size: 20px !important;
}
.wrap {
width: 750px !important;
}
.checks li {
font-size: 14px !important;
}
main .col-2 .wrap article img {
margin-bottom: 67px !important;
}
main .col-4 {
display: block !important;
}
main .col-4 article {
width: 100% !important;
text-align: center !important;
color: white !important;
}
main .grey-bg .wrap {
width: auto !important;
}
p {
font-size: 14px !important;
}
.col-4 p {
width: 300px !important;
margin: 0 auto !important;
margin-bottom: 55px !important;
}
main .banner-foto-inner-wrapper .wrap {
width: auto !important;
}
.content {
margin: 50px 0 !important;
}
.persona.content.col-2 strong {
font-size: 21px !important;
}
.persona.content.col-2 p {
font-size: 18px !important;
}
.persona.content.col-2 .alignnone.size-medium.wp-image-73 {
margin-bottom: 0 !important;
}
.job-offerings.content .wrap {
width: auto !important;
}
.hidden-content.show-content {
padding: 0 35px !important;
}
.hidden-content.show-content ul {
padding-left: 15px !important;
}
}
@media (max-width: 768px) and (min-width: 481px) {
ul#menu-hauptmenue-1 a {
color: white;
list-style: none !important;
text-decoration: none !important;
}
ul#menu-hauptmenue-1 li {
list-style: none !important;
}
.mobile-nav-toggle {
display: block!important;
float: right;
padding-right: 20px;
}
#menu-hauptmenue {
display: none !important;
}
.mobile-nav-toggle {
display: block !important;
}
#titelbild .titelbild-description img {
width: 220px !important;
height: auto !important;
}
h2 {
font-size: 21px !important;
}
main .col-2 .wrap {
flex-wrap: wrap;
justify-content: space-between !important;
}
main .col-2 .wrap article {
order: 2;
}
main .col-2 .wrap figure {
order: 1;
}
.wrap {
width: auto !important;
}
main .col-2 .wrap article, main .col-2 .wrap figure {
width: 100% !important;
position: relative !important;
}
main .col-2 .wrap article img {
margin-bottom: 10px !important;
}
#titelbild .titelbild-description {
left: 15px !important;
}
main .grey-bg h3 {
font-size: 22px !important;
}
main .metall-bg .wrap, main .wood-bg .wrap, main .light-grey-bg .wrap {
width: auto !important;
}
.editor-img-video.content.col-2 h3 {
margin-top: 30px !important;
}
.team h3 {
font-size: 21px !important;
}
main .job-offerings h3 {
font-size: 22px !important;
}
main .job-offerings h4 {
font-size: 18px !important;
}
main .yellow-bg h3 {
font-size: 26px !important;
}
main .yellow-bg {
background-color: #cf9c00 !important;
padding: 55px 0 !important;
}
main .light-grey-bg h3 {
text-align: center !important;
font-size: 23px !important;
text-transform: uppercase !important;
}
main .kontaktformular h3 {
text-transform: uppercase !important;
font-size: 22px !important;
color: #00529e !important;
}
main .job-offerings .hidden-content .col-2 {
display: block !important;
justify-content: space-between !important;
margin: 50px 0 40px !important;
}
h1 {
font-size: 18px !important;
}
.content {
margin: 30px 0 !important;
}
.wrap {
padding: 0 20px !important;
}
main .col-2 article h3 {
font-size: 24px !important;
}
main .col-4 {
display: block !important;
justify-content: space-between;
margin: 50px 0 0;
}
main .col-4 article {
width: 260px !important;
text-align: center;
color: #fff;
padding: 0 10px !important;
margin: 0 auto !important;
}
.wrap {
width: auto !important;
}
.uk-slidenav-position .uk-slidenav {
position: absolute;
top: 105% !important;
color: #cf9c00!important;
display: block!important;
}
h2 {
font-size: 21px!important;
margin: 0 !important;
}
}
@media (max-width: 480px) and (min-width: 321px) {
ul#menu-hauptmenue-1 a {
color: white;
list-style: none !important;
text-decoration: none !important;
}
ul#menu-hauptmenue-1 li {
list-style: none !important;
}
main .col-2 .wrap article, main .col-2 .wrap figure {
width: 100% !important;
position: relative;
}
#titelbild .titelbild-description {
left: 20px !important;
}
h2 {
font-size: 16px !important;
margin: 0 !important;
margin-top: -15px !important;
margin-bottom: 5px !important;
}
main .grey-bg h3 {
font-size: 18px !important;
}
main .yellow-bg .toggle-title {
font-size: 14px !important;
}
main .yellow-bg {
background-color: #cf9c00;
padding: 40px 0 !important;
}
main .light-grey-bg h3 {
font-size: 18px !important;
}
.uk-notouch .uk-hidden-notouch, .uk-touch .uk-hidden-touch {
display: block !important;
}
main .col-2 article h3 {
font-size: 15px !important;
margin-top: 20px !important;
line-height: 120% !important;
}
main .job-offerings h3 {
text-transform: uppercase;
font-size: 18px !important;
}
h1 {
margin-left: 0 !important;
}
main .col-2 .wrap {
display: block !important;
justify-content: space-between;
}
main .col-2 .wrap article, main .col-2 .wrap figure {
width: 100% !important;
position: relative !important;
}
main .col-2 .wrap {
display: block !important;
justify-content: space-between;
}
main .editor-img-video .wrap article, main .editor-img-video .wrap figure {
width: 100% !important;
}
.uk-slidenav-position .uk-slidenav {
position: absolute;
top: 105% !important;
color: #cf9c00!important;
display: block!important;
}
.wrap {
width: auto !important;
}
main .col-4 article {
width: 260px !important;
text-align: center;
color: #fff;
padding: 0 10px !important;
margin: 0 auto !important;
}
main .col-2 article h3 {
font-size: 20px !important;
}
main .col-4 {
display: block !important;
justify-content: space-between;
margin: 50px 0 0;
}
.wrap {
padding: 0 20px !important;
}
.content {
margin: 30px 0 !important;
}
.mobile-nav-toggle {
display: block!important;
float: right;
padding-right: 20px;
}
#menu-hauptmenue {
display: none !important;
}
.mobile-nav-toggle {
display: block !important;
}
header {
padding: 15px 0 !important;
}
#titelbild {
padding-top: 55px !important;
}
h1 {
font-size: 16px !important;
}
h2 {
font-size: 16px !important;
}
.checks li {
font-size: 13px !important;
line-height: 140% !important;
}
main a.cta {
background-size: 10px !important;
padding: 5px 0 !important;
}
main ul.checks li {
list-style: none;
background: url(//recruiting.rottmann-group.de/wp-content/themes/rottmann-recruiting-landingpage/img/check-icons.jpg) left center no-repeat;
background-size: auto;
margin-bottom: 0 !important;
padding-left: 35px !important;
background-size: 15px !important;
}
p {
font-size: 13px !important;
line-height: 140% !important;
}
main .col-2 .wrap article img {
margin-top: 40px !important;
}
header nav ul li a, header #to-homepage {
font-size: 15px !important;
}
main .metall-bg .wrap h3 {
font-size: 24px !important;
}
main .col-2 article h3 {
font-size: 15px !important;
line-height: 140% !important;
}
main .col-2 article h3 {
font-size: 18px !important;
}
main .wood-bg h3 {
font-size: 24px !important;
text-transform: uppercase !important;
text-align: center !important;
}
ul li {
font-size: 14px !important;
line-height: 140% !important;
}
.team h3 {
font-size: 18px !important;
}
.uk-panel-title {
text-align: center !important;
}
.uk-margin p {
color: white;
margin-top: -10px !important;
text-align: center;
margin-bottom: 35px;
}
.uk-slidenav {
font-size: 45px !important;
}
.hidden-content.show-content {
padding: 0 10px !important;
}
main .job-offerings .hidden-content h3 {
text-transform: none !important;
font-size: 14px !important;
color: #00529e !important;
}
main .job-offerings h4 {
font-size: 16px !important;
}
main .yellow-bg .toggle-title {
display: block !important;
background-color: black !important;
color: white;
padding: 10px 0 10px 15px;
font-size: 18px !important;
background-image: url(//recruiting.rottmann-group.de/wp-content/themes/rottmann-recruiting-landingpage/img/arrow-down.png);
background-size: 12px;
background-repeat: no-repeat;
background-position: right 2% center !important;
cursor: pointer;
margin-bottom: 0 !important;
}
.toggle-title {
font-size: 15px !important;
}
main .yellow-bg h3 {
font-size: 18px !important;
}
main .kontaktformular h3 {
font-size: 18px !important;
}
div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
font-size: 14px !important;
}
.col-4 p {
width: auto !important;
} img.header-img  {
width: 100% !important;
position: static !important;
}
#titelbild .titelbild-description img {
width: 150px !important;
height: auto;
}
}
@media (max-width: 320px) and (min-width: 280px) {
img.header-img  {
width: 100% !important;
position: static !important;
}
#titelbild .titelbild-description img {
width: 150px !important;
height: auto;
}
ul#menu-hauptmenue-1 a {
color: white;
list-style: none !important;
text-decoration: none !important;
}
ul#menu-hauptmenue-1 li {
list-style: none !important;
}
main .col-2 .wrap article, main .col-2 .wrap figure {
width: 100% !important;
position: relative;
}
#titelbild .titelbild-description {
left: 20px !important;
}
h2 {
font-size: 16px !important;
margin: 0 !important;
margin-top: -15px !important;
margin-bottom: 5px !important;
}
main .grey-bg h3 {
font-size: 18px !important;
}
main .yellow-bg .toggle-title {
font-size: 14px !important;
}
main .yellow-bg {
background-color: #cf9c00;
padding: 40px 0 !important;
}
main .light-grey-bg h3 {
font-size: 18px !important;
}
.uk-notouch .uk-hidden-notouch, .uk-touch .uk-hidden-touch {
display: block !important;
}
main .col-2 article h3 {
font-size: 15px !important;
margin-top: 20px !important;
line-height: 120% !important;
}
main .job-offerings h3 {
text-transform: uppercase;
font-size: 18px !important;
}
h1 {
margin-left: 0 !important;
}
main .col-2 .wrap {
display: block !important;
justify-content: space-between;
}
main .col-2 .wrap article, main .col-2 .wrap figure {
width: 100% !important;
position: relative !important;
}
main .col-2 .wrap {
display: block !important;
justify-content: space-between;
}
main .editor-img-video .wrap article, main .editor-img-video .wrap figure {
width: 100% !important;
}
.uk-slidenav-position .uk-slidenav {
position: absolute;
top: 105% !important;
color: #cf9c00!important;
display: block!important;
}
.wrap {
width: auto !important;
}
main .col-4 article {
width: 260px !important;
text-align: center;
color: #fff;
padding: 0 10px !important;
margin: 0 auto !important;
}
main .col-2 article h3 {
font-size: 20px !important;
}
main .col-4 {
display: block !important;
justify-content: space-between;
margin: 50px 0 0;
}
.wrap {
padding: 0 20px !important;
}
.content {
margin: 30px 0 !important;
}
.mobile-nav-toggle {
display: block!important;
float: right;
padding-right: 20px;
}
#menu-hauptmenue {
display: none !important;
}
.mobile-nav-toggle {
display: block !important;
}
header {
padding: 15px 0 !important;
}
#titelbild {
padding-top: 55px !important;
}
h1 {
font-size: 16px !important;
}
h2 {
font-size: 16px !important;
}
.checks li {
font-size: 13px !important;
line-height: 140% !important;
}
main a.cta {
background-size: 10px !important;
padding: 5px 0 !important;
}
main ul.checks li {
list-style: none;
background: url(//recruiting.rottmann-group.de/wp-content/themes/rottmann-recruiting-landingpage/img/check-icons.jpg) left center no-repeat;
background-size: auto;
margin-bottom: 0 !important;
padding-left: 35px !important;
background-size: 15px !important;
}
p {
font-size: 13px !important;
line-height: 140% !important;
}
main .col-2 .wrap article img {
margin-top: 40px !important;
}
header nav ul li a, header #to-homepage {
font-size: 15px !important;
}
main .metall-bg .wrap h3 {
font-size: 24px !important;
}
main .col-2 article h3 {
font-size: 15px !important;
line-height: 140% !important;
}
main .col-2 article h3 {
font-size: 18px !important;
}
main .wood-bg h3 {
font-size: 24px !important;
text-transform: uppercase !important;
text-align: center !important;
}
ul li {
font-size: 14px !important;
line-height: 140% !important;
}
.team h3 {
font-size: 18px !important;
}
.uk-panel-title {
text-align: center !important;
}
.uk-margin p {
color: white;
margin-top: -10px !important;
text-align: center;
margin-bottom: 35px;
}
.uk-slidenav {
font-size: 45px !important;
}
.hidden-content.show-content {
padding: 0 10px !important;
}
main .job-offerings .hidden-content h3 {
text-transform: none !important;
font-size: 14px !important;
color: #00529e !important;
}
main .job-offerings h4 {
font-size: 16px !important;
}
main .yellow-bg .toggle-title {
display: block !important;
background-color: black !important;
color: white;
padding: 10px 0 10px 15px;
font-size: 18px !important;
background-image: url(//recruiting.rottmann-group.de/wp-content/themes/rottmann-recruiting-landingpage/img/arrow-down.png);
background-size: 12px;
background-repeat: no-repeat;
background-position: right 2% center !important;
cursor: pointer;
margin-bottom: 0 !important;
}
.toggle-title {
font-size: 15px !important;
}
main .yellow-bg h3 {
font-size: 18px !important;
}
main .kontaktformular h3 {
font-size: 18px !important;
}
div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
font-size: 14px !important;
}
.col-4 p {
width: auto !important;
}
main .col-4 article {
width: auto !important;
padding: 0 0px !important;
margin: 0 auto !important;
}
#titelbild img {
width: 100% !important;
}
}
#to-homepage {
display: none !important;
}
#phone-id {
color: white;
margin-left: -100px;
text-decoration: none;
}
#mail-id {
color: white;
margin-left: -100px;
text-decoration: none;
}
#phone-id::before {
background-image: url(//recruiting.rottmann-group.de/wp-content/uploads/phone-call.png);
position: absolute;
width: 20px;
height: 20px;
content: "";
background-size: contain;
margin-left: -25px;
}
#mail-id::before {
background-image: url(//recruiting.rottmann-group.de/wp-content/uploads/mail_icon.png);
position: absolute;
width: 20px;
height: 20px;
content: "";
background-size: contain;
margin-left: -25px;
}
nav span {
color: white;
}
@media only screen and (max-width: 1750px) {
header nav {
width: auto;
margin: 0 auto;
display: block;
justify-content: space-between;
padding: 0 30px;
}
#phone-id {
color: white;
margin-left: 40px;
text-decoration: none;
}
#mail-id {
color: white;
margin-left: 40px;
text-decoration: none;
}
#menu-item-8 {
margin: 0;
}
.menu-hauptmenue-container {
margin-top: 15px;
}
}
@media only screen and (max-width: 768px) {
#phone-id strong {
display: none;
}
#mail-id strong {
display: none;
}
.menu-hauptmenue-container {
margin-top: 0;
}
#mail-id::before {
background-image: url(//recruiting.rottmann-group.de/wp-content/uploads/mail_icon.png);
position: absolute;
width: 25px;
height: 25px;
content: "";
background-size: contain;
margin-left: -25px;
}
#phone-id::before {
background-image: url(//recruiting.rottmann-group.de/wp-content/uploads/phone-call.png);
position: absolute;
width: 24px;
height: 24px;
content: "";
background-size: contain;
margin-left: -25px;
}
}
.gform_title {
display: none;
}
.gform_heading {
display: none;
}
#gform_submit_button_1 {
background-color: #00529e;
color: white;
padding: 10px 65px;
letter-spacing: 2px;
font-weight: 600;
}