#@font-face { font-family: 'ProximaC'; src: url('../fonts/ProximaNovaCondensed.ttf'); }
#@font-face { font-family: 'Hand'; src: url('../fonts/Satisfy-Regular.ttf'); }
#@font-face { font-family: 'Hand'; src: url('../fonts/Handlee-Regular.ttf'); }
#@font-face { font-family: 'Hand'; src: url('../fonts/TheGirlNextDoor-Regular.ttf'); }
#@font-face { font-family: 'Hand'; src: url('../fonts/ArchitectsDaughter-Regular.ttf'); }
#@font-face { font-family: 'Hand'; src: url('../fonts/CaveatBrush-Regular.ttf'); }
#@font-face { font-family: 'Alegreya'; src: url('../fonts/AlegreyaSans-Light.ttf'); }
#@font-face { font-family: 'Roboto'; src: url('../fonts/RobotoCondensed-Light.ttf'); }

.blau { color: #0055AD; } /* 0,85,173 */
.grau { color: #000029; color: rgba(0,0,0,0.29); } /* 0,0,0,29% */
.hellrot { color: #F74B45; } /* 247,75,69 */
.rot { color: #D72A32; } /* 215,42,50 */

* { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { height: 100%; min-height: 100%; }

html { font-family: proxima-nova-extra-condensed,sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 1.4; background-color: rgba(0,0,0,0.05); #background-color: #fff; color: rgba(0,0,0,0.7); color: #fff; }

body { font-size: 100.01%; }

figure { position: relative; }
figcaption { position: absolute; width: 100%; top: 5%; text-align: center; text-transform: uppercase; font-size: 3rem; line-height: 1.2; text-shadow: 0 0 6px rgba(0,0,0,.4); }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1,h2,h3 { color: #0055AD; font-family: proxima-nova-extra-condensed,sans-serif; font-weight: 600; font-size: 1.4375rem; font-style: normal; line-height: 1.2; text-transform: uppercase; }
h1 {  }
h2 {  }
h3 { color: #F74B45; }

video { width: 100%; }

.spaltig3 { display: flex; justify-content: flex-start; gap: 1.5%; flex-wrap: wrap; }
.spaltig3>div { width: 32.333%; margin-bottom: 2rem; }
.spaltig3>div>div { margin-bottom: 1rem; }

#header h1 { position: absolute; top: 50%; left: 50%; color: #fff; }

/* Menü oben */
#hauptmenu { padding: 2rem; text-transform: uppercase; font-size: 1.25rem; }
#hauptmenu ul { justify-content: space-between; margin: 0; color: #fff; }
#hauptmenu li { align-self: flex-end; }
#hauptmenu li.home { font-size: 6rem; max-height: 3.3rem; background-image: url(../grafiken/logo_radensleben_weiss.png); background-position: top center; background-size: 100%; background-repeat: no-repeat; color: rgba(0,0,0,0); }
#kontaktmenu { position: absolute; top: 0; right: 2rem; background: #0055AD; padding: 0.5rem 2.4rem; transform: skewX(-10deg); }
#kontaktmenu>div { transform: skewX(10deg); }
#kontaktmenu li { padding: 0 1rem; }

#direktruf { position: absolute; bottom: -2rem; right: 10%; display: inline-block; padding: 0.5rem 1rem; color: #fff; font-size: 1.4rem; border: 0.5rem solid #fff; background: #D72A32; transform: skewX(-10deg); text-transform: uppercase; background: #fff; padding: 0.5rem; border: none; }
#direktruf>div { #transform: skewX(10deg); background: #D72A32; padding: 0.5rem 2rem; }
#direktruf p { padding: 0; transform: skewX(10deg); }
#direktruf a { text-decoration: none; }
#jobs { position: absolute; bottom: -4rem; left: 10%; width: 23.59%; display: inline-block; transform: rotate(-10deg); }


#hauptmenubereich { position: sticky; position: fixed; width: 100%; top: 0; z-index: 2; background: linear-gradient(180deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%); transition: 1s; }
##hauptmenubereich>.inside { position: relative; width: 98%; max-width: 1280px; margin: 0 auto; }
#hauptmenubereich.noTop,
body.page-13 #hauptmenubereich,
body.page-14 #hauptmenubereich,
body.page-15 #hauptmenubereich,
body.page-16 #hauptmenubereich { box-shadow: 0 0 10px rgba(120,120,120,0.5); background: rgba(255,255,255,.97); transition: 1s; }
#hauptmenubereich.noTop #hauptmenu ul,
body.page-13 #hauptmenubereich>.inside #hauptmenu ul,
body.page-14 #hauptmenubereich>.inside #hauptmenu ul,
body.page-15 #hauptmenubereich>.inside #hauptmenu ul,
body.page-16 #hauptmenubereich>.inside #hauptmenu ul { color: #0055AD; transition: 1s; }
#hauptmenubereich.noTop>.inside #hauptmenu li.home,
body.page-13 #hauptmenubereich>.inside #hauptmenu li.home,
body.page-14 #hauptmenubereich>.inside #hauptmenu li.home,
body.page-15 #hauptmenubereich>.inside #hauptmenu li.home,
body.page-16 #hauptmenubereich>.inside #hauptmenu li.home { background-image: url(../grafiken/logo_radensleben_farbig.png); transition: 1s; }

.page-13 #container,
.page-14 #container,
.page-15 #Acontainer,
.page-16 #container,
.page-19 #container { padding-top: 10rem; }

.page-13 #direktruf,
.page-14 #direktruf,
.page-16 #direktruf { display: none; }

#container p { padding: 0.4rem 0; #-moz-hyphens: auto; #-o-hyphens: auto; #-webkit-hyphens: auto; #-ms-hyphens: auto; #hyphens: auto; }

/* Spalten */
/* 4 Spalten */
.rs-column.-large-col-4-1 { width: 24.25%; }
/* 3 Spalten */
.rs-column.-large-col-3-1 { width: 32.666666%; }
@media screen and (max-width: 900px) {
}
/* 2 Spalten */
.rs-column.-large-col-2-1 { width: 49.5%; }
.rs-column { margin-right: 1%; }
.rs-column.-large-last { margin-right: 0; }
@media screen and (max-width: 900px) {
    .rs-column.-medium-col-2-1 { width: 49.5%; }
    .rs-column.-medium-col-2-1 img { width: 100%; }
}
/* 1 Spalte */
@media screen and (max-width: 599px) {
    .rs-column.-small-col-1-1 { width: 100%; margin-bottom: 1em; }
    .rs-column.-small-col-1-1 img { width: 100%; }
    .rs-column.-small-last { margin-right: 0; }
}



.bgHellrot { background-color: #F74B45; }
.bgBlau { background-color: #0055AD; font-family: proxima-soft, serif; font-weight: 400; }
.bgBlau img { margin: 0 auto; }
.links .bgBlau { font-family: inherit; }
.bgBlau>.content-text { padding: 6rem 1rem !important; max-width: 980px; margin: 0 auto; }
#.bgEcke { background-image: url(../grafiken/weiss.png); background-image: url(../grafiken/bgSchraeg.png); background-size: 95% 1rem; background-position: top right; background-repeat: no-repeat; }
.center img { margin: 0 auto; }

.noSpaceT,
.keinAbstandOben { margin-top: 0 !important; }
.noSpaceB,
.keinAbstandUnten { margin-bottom: 0 !important; }


.uppercase { text-transform: uppercase; }
.breite980 { max-width: 980px; #max-width: 1280px; margin: 0 auto; padding: 0 .5rem; }
.flotte .breite980 { max-width: 1280px; #max-width: 1280px; margin: 0 auto; padding: 0 .5rem; }
.gross { font-size: 3rem; }
.box .subcolumns>div>div>div { margin-bottom: 0.7rem; }
.box .content-text { border-left: 1px solid #F74B45; padding-left: 1rem; margin-top: 1rem; }
#.box>div { border-left: 1px solid #F74B45; padding-left: 1rem; margin-top: 2rem; }
.box p,
.box ul,
.box form,
.schwarz p,
.schwarz ul { color: #000; font-family: proxima-nova,sans-serif; font-weight: 300; font-size: 1.125rem; }
.oben { margin-top: 0 !important; }
.download a::before { content: url(../grafiken/pdf.png); padding-right: 0.5rem; }
.schwarz { color: #000; }

.geschaeftsbereiche .ce_image { padding-bottom: 0.5rem; }

#wrapper { position: relative; width: 98%; max-width: 1280px; min-height: 100%; margin: 0 auto; background: #fff; box-shadow: 0 0 10px rgba(180,180,180,0.3); }

#header { background-repeat: no-repeat; background-size: 100%; #height: 62.97%; }
#header>.inside { height: 100%; }

.menu a { text-decoration: none; }
.menu ul { display: flex; list-style: none; padding: 0; }
.menu .active strong,
.menu li:hover { font-weight: normal; color: #D72A32; }
.menu .home strong { font-weight: normal; }

##logo .inside { max-width: 27.42%; margin: 4rem auto; }
#logo .inside { max-width: none; margin: inherit; }
#logo img { margin: 4rem auto; }

##header { background-image: url(../bilder/titel-home.jpg); }

#container { font-size: 1.6875rem; }

#main a { text-decoration: none; }
#main ul { margin-left: 1em; list-style-type: "•  "; }
#main>.inside>div { margin-top: 3rem; margin-bottom: 3rem; }
#main>.inside>div.first { margin-top: 0; }

#wirBewegenWerte { font-size: 2.5rem; text-transform: uppercase; color: #F74B45; margin-top: 6rem; margin-bottom: -1.5rem; margin-bottom: -0.5rem; }

#footer { #background-image: url(../grafiken/weiss.png); #background-image: url(../grafiken/bgSchraeg.png); #background-size: 95% 1rem; #background-position: top right; #background-repeat: no-repeat; background-color: #F74B45; color: #fff; }
#footer>.inside>div { display: flex; justify-content: space-between; }
#footer #fuss01 { justify-content: space-around; padding: 3em 0; font-size: 1.3rem; }
#footer #fuss01 a { text-decoration: none; }
#footer #fuss01>div { align-self: flex-end; max-width: 15%; }
#footer #fuss01>div>figure { padding-bottom: 0.5rem; }
#footer #fuss01>div>figure img { margin: 0 auto; }
#footer #fuss01>div>p { text-align: center; }
#footer #fuss02 { padding: 0.5rem 0 2em 0; margin: 0 5rem; border-top: 1px solid #fff; }
#nebenmenu .active strong,
#nebenmenu li:hover { color: #fff; }
#nebenmenu li:after { content: "|"; padding: 0 0.3em; }
#nebenmenu li.last:after { content: ""; padding: 0; }

#container .geschaeftsbereiche p { padding: 1rem 1.5rem 2rem; }
#container .links p { padding: 2rem 0; }

#navButton { position: absolute; right: 0.5rem; #top: 0rem; font-size: 3rem; line-height: 1; padding: 0.5rem; color: #fff; border: none; background: none;  display: none; cursor: pointer; outline: none; }

#mobilmenu { position: fixed; top: 4.5rem; right: 4rem; padding: 1rem; text-align: right; color: #fff; background: rgba(215,45,50,0.96); border-radius: 7px; display: none; z-index: 10; }
##mobilmenu { position: absolute: right: 2rem; height: auto; }
##mobilmenu .inner { background: rgba(255,255,255,0.9); }
#mobilmenu #hauptmenu,
#mobilmenu #nebenmenu,
#mobilmenu #homelink { font-size: 2rem; }
#mobilmenu #hauptmenu ul,
#mobilmenu #nebenmenu ul,
#mobilmenu #homelink { display: block; text-align: left; color: #fff; }
#mobilmenu #hauptmenu li,
#mobilmenu #nebenmenu li { padding: 0.3rem 0; }
#mobilmenu #hauptmenu li.home { display: none; }
#mobilmenu #nebenmenu { padding: 1rem 2rem; text-transform: uppercase; }
#mobilmenu #nebenmenu li::after { content: ""; padding: 0; }
#mobilmenu .menu .active strong,
#mobilmenu .menu li:hover { font-weight: normal; color: inherit; }
#mobilmenu #homelink { padding: 1rem 2rem; text-transform: uppercase; }
#mobilmenu #homelink a { text-decoration: none; }

/* Spezifische Änderungen */
#.page-2 #jobs { display: inline-block; }
.page-3 .bild figcaption,
.page-9 .bild figcaption { top: 5%; }

.button { width: fit-content; margin-top: 1em; padding: .1em 1em; color: #fff; background: #D72A32; transform: skewX(-10deg); text-transform: uppercase; }
.button p { font-family: proxima-nova-extra-condensed,sans-serif; font-weight: 600; color: #fff; font-size: 1.4rem; transform: skewX(10deg); }

#datenschutz,
#impressum { #margin-top: 6rem; }

#gmap { position: relative; padding-bottom: 57%; height: 0; overflow: hidden; margin-top: 6rem; }
#gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.has-responsive-background-image.parallax { #min-height: 150vh; }

.tablet .has-responsive-background-image.parallax,
.phone .has-responsive-background-image.parallax,
.tablet .has-responsive-background-image .bgImage,
.phone .has-responsive-background-image .bgImage { display: none !important; margin-bottom: 0 !important; min-height: 0 !important; height: 0 !important; }
.computer .no_parallax { display: none; }

#button { cursor: pointer; position: absolute; width: 23px; height: 20px; margin-top: 5px; left: 1vw; background-image: url(../grafiken/topArrow.png); z-index: 1000; background-repeat: no-repeat; }

.kmenu ul { display: flex; list-style-type: none !important; padding: 0; justify-content: space-around; }
.kmenu li { align-self: center; }
.kmenu img { max-width: 15vw; }

#schnellbewerbung form { margin-top: 1.5em; }
#schnellbewerbung form input::placeholder,
#schnellbewerbung form textarea::placeholder { opacity: .4; }
#schnellbewerbung form>div>div { margin-bottom: .8em; }
#schnellbewerbung input,
#schnellbewerbung textarea { padding: .2em; border: 1px dotted rgba(0,0,0,.6); }
#schnellbewerbung input[type="file"] { border: none; }
#schnellbewerbung span.mandatory { color: red; }
#schnellbewerbung span.mandatory::before { content:" "; }
#schnellbewerbung fieldset.radio_container { border: none; }
#schnellbewerbung .mitteilungen>label,
#schnellbewerbung label { display: block; }
#schnellbewerbung .radio_container>span { display: block; }
#schnellbewerbung .radio_container>span>label { display: inline; }
#schnellbewerbung .mitteilungen>textarea { font-family: inherit; font-size: inherit; width: 100%; }
#schnellbewerbung .widget-submit button,
input[type=file]::file-selector-button { font-size: inherit; padding: 0.1em 2em; background: #efefef; border: 1px solid rgba(0,0,0,.2); border-radius: 3px; cursor: pointer; }
input[type=file] { width: 100%; }
input[type=file]::file-selector-button { margin-right: 2em; }