.seperator { height:150px; } .seperator.half { height:75px; } .seperator.quater { height:35px; } .seperator.x2 { height:300px; } .no-outline { outline:0; } .pointer { cursor:pointer; } .default-cursor { cursor:default; } .uc { text-transform:uppercase; } .hyphens { -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; } .no-break { word-break:keep-all; white-space:nowrap; } .absolute { position:absolute; } .relative { position:relative; } .no-min-height { min-height:0 !important; } .no-deco { text-decoration:none; color:inherit; font-size:inherit; text-shadow:none; } .no-deco:hover { text-decoration:none; color:inherit; } .bg-extralightgray { background-color:#f9f9f9; } .color-blue, .text-blue { color:#0069af; } .color-pink, .text-pink { color:#d63384; } .color-white, .text-white { color:white !important; } .color-black, .text-black { color:black !important; } .bold { font-weight:bold; } .fs-small { font-size:13px; } .fs-micro { font-size:11px; } .fs-2xl { font-size:90px; } .fs-xl { font-size:60px; } .fs-lg { font-size:30px; } .fs-md { font-size:20px; } .stronger { font-weight:600 !important; } .btn, .form-control, .well, .dropdown-menu, .btn-group-sm { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } .nav-tabs > li > a { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } .form-control-xxl { padding:.1rem 1rem; font-size:6rem; border-radius:.3rem; } .pagination li a { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; } .pagination li a.current { background-color:#546272; border-color:#546272; } .table>:not(caption)>*>* { background-color:transparent; } .form-label { font-weight:bold; } .form-control { box-shadow:0 0 0 transparent; -moz-box-shadow:0 0 0 transparent; -webkit-box-shadow:0 0 0 transparent; border-radius:5px; } .btn { font-family:"bebas-neue-pro", sans-serif; font-size:1.3rem; } .btn-primary { background-color:#e51b20; border-color:#e51b20; color:#fff; } .btn-primary:hover { background-color:#e51b20; border-color:#e51b20; } .tab-pane { padding:15px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } .dropdown-menu { padding:0; margin-top:-1px; } .dropdown-menu > li > a { padding:7px 10px; } .nav-item.dropdown.open .dropdown-menu { display:block; } fieldset { margin-bottom:30px; } blockquote { font-size:1em; } .well { box-shadow:0 0 0 transparent; -moz-box-shadow:0 0 0 transparent; -webkit-box-shadow:0 0 0 transparent; padding:7px 10px; } div.show-tick { background-color:#efefef !important; color:#333; } div.show-tick .disabled { background-color:#efefef !important; color:#333; } .progress-bar-none { background-color:#787878; } .label { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; margin-right:3px; } .label.label-primary { background-color:#546272; } .disabled { color:#d9d9d9 !important; } .disabled .filter-option { color:#333 !important; } ol.list-alternately li, ul.list-alternately li { padding:5px; } .modal-content { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } .container { position:relative; } .btn-outline-secondary { text-transform:uppercase; } .btn-outline-secondary.btn-lg { font-size:1rem; padding:.5rem 3rem; } .modal { z-index:9999; } .w-90 { width:90% !important; } .w-80 { width:80% !important; } .w-70 { width:70% !important; } .w-60 { width:60% !important; } .w-50 { width:50% !important; } .w-40 { width:40% !important; } .btn-ghost { background-color:transparent; } .btn-ghost:hover { background-color:#e9ecef; } .p-5 { padding:3rem !important; } .p-6 { padding:3.25rem !important; } .p-7 { padding:3.50rem !important; } .p-8 { padding:4rem !important; } .form-switch.form-switch-sm { margin-bottom:0.5rem; } .form-switch.form-switch-sm .form-check-input { height:1rem; width:calc(1.75rem); border-radius:2rem; } .form-switch.form-switch-md { margin-bottom:1rem; } .form-switch.form-switch-md .form-check-input { height:1.5rem; width:calc(2.75rem); border-radius:3rem; } .form-switch.form-switch-lg { margin-bottom:1.5rem; } .form-switch.form-switch-lg .form-check-input { height:2rem; width:calc(3.75rem); border-radius:4rem; } .form-switch.form-switch-xl { margin-bottom:2rem; } .form-switch.form-switch-xl .form-check-input { height:2.5rem; width:calc(4.75rem); border-radius:5rem; } .modal-content-loading, .modal-content-response { position:relative; display:flex; flex-direction:column; width:100%; color:var(--bs-modal-color); pointer-events:auto; justify-content:center; align-items:center; background-color:var(--bs-modal-bg); background-clip:padding-box; border:var(--bs-modal-border-width) solid var(--bs-modal-border-color); outline:0; } .hidden { display:none; } .bg-gray { background-color:#d9d9d9; } .bg-darkgray { background-color:#1d1d1b; } .bg-brand { background-color:#e51b20; } .bg-extralightgray { background-color:#f9f9f9; } .basefont { font-family:"bebas-neue-pro", sans-serif; } .text-brand { color:#e51b20; } .table-unmarked-row { background-color:rgba(0,0,0,0.1) !important; } .table-marked-row { background-color:rgba(229,27,32,0.75) !important; } .table-marked-row-paused { background-color:rgba(229,27,32,0.1) !important; } .no-linebreak { white-space:nowrap; } .form-row { display:flex; gap:30px; margin-bottom:15px; } .form-row label { flex:3; display:flex; flex-direction:row; justify-content:start; align-items:center; } .form-row > div { flex:9; } .interestedBox { background-color:#e51b20; padding:50px 0; } .interestedBox.black { background-color:#1d1d1b; } body, html { width:100%; position:relative; color:#666666; font-size:16px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:400; font-family:"bebas-neue-pro", sans-serif; } a { color:#1d1d1b; } a:hover { color:#666666; } .swal2-container { z-index:99999 !important; } .test { border:1px solid red; } .offcanvas { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } #header { background-color:#d9d9d9; border-bottom:7px solid white; z-index:2; position:relative; height:131px; background-image:url('/assets/images/header_left.jpg'); background-repeat:no-repeat; background-position:left bottom; } #header .logoCol { display:flex; justify-content:center; align-items:center; } #header .navCol { display:flex; justify-content:start; align-items:start; } #header .logo_name { display:none; } #header .logo { align-self:flex-start; width:186px; aspect-ratio:1; position:absolute; right:0; box-shadow:0 6px 12px rgba(0,0,0,0.1176); -moz-box-shadow:0 6px 12px rgba(0,0,0,0.1176); -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.1176); } #header #navigation { height:calc(124px); width:auto; } .nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a { color:#1d1d1b; } .nav-menu { font-family:"bebas-neue-pro", sans-serif; } .nav-menu > li { position:relative; } .nav-menu > li > a { font-family:"bebas-neue-pro", sans-serif; font-weight:300; font-size:1.5rem; color:#1d1d1b; text-transform:uppercase; } .nav-menu > li > a:hover { color:#1d1d1b; font-weight:400; } .nav-menu > li.active::after { content:''; position:absolute; width:0px; height:0px; bottom:0; left:0; margin-left:calc(40%); -webkit-transform:rotate(360deg); border-style:solid; border-width:0 9px 7px 9px; border-color:transparent transparent white transparent; } .nav-menu > li > .nav-dropdown { box-shadow:0 6px 12px rgba(0,0,0,0.1176); -moz-box-shadow:0 6px 12px rgba(0,0,0,0.1176); -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.1176); } .saftyline { background-image:url(/assets/images/saftey_line.gif); background-repeat:repeat-x; height:50px; border-top:5px solid #f9f9f9; border-bottom:5px solid #f9f9f9; -moz-transform:scaleX(-1); -o-transform:scaleX(-1); -webkit-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; -ms-filter:"FlipH"; } .saftyline.borderLess { border-top:0; border-bottom:0; } footer { background-color:#f9f9f9; font-size:14px; color:white; } .section { padding:80px 0; } .section:nth-child(even) { background-color:#f9f9f9; } .section:nth-child(odd) { background-color:white; } .section-blank { padding:80px 0; } .benefit { display:flex; flex-direction:column; align-items:center; text-align:center; } .icon-brand { width:50px; height:50px; aspect-ratio:1; } .icon-circle { width:100px; aspect-ratio:1; border-radius:100%; background-color:#f3f3f3; display:flex; justify-content:center; align-items:center; } .section-block { aspect-ratio:1; background-position:center center; background-size:cover; } footer > .bg-darkgray > .container, footer > .bg-brand > .container { padding-right:180px; } .logo_element { position:absolute; right:0; bottom:0; width:250px; aspect-ratio:1; background-size:cover; } body .section:nth-child(odd) .content-col { padding:4rem !important; order:1; } body .section:nth-child(odd) .image-col { order:2; } body .section:nth-child(even) .content-col { padding:4rem !important; order:2; } body .section:nth-child(even) .image-col { order:1; } .list { list-style-type:square; } .list li { margin-bottom:15px; } .list li::marker { color:#e51b20; } .hero-container { padding:80px 0; } .hero-container .h1 { font-size:90px; line-height:90px; } .hero-container .h4 { font-size:30px; line-height:30px; } .hero-default { background-position:center center; background-size:cover; width:100%; aspect-ratio:3.5; display:flex; justify-content:center; align-items:center; } .icon-sm { width:25px; aspect-ratio:1; } .icon-md { width:25px; aspect-ratio:1; width:50px; } .icon-lg { width:25px; aspect-ratio:1; width:100px; } .icon-xl { width:25px; aspect-ratio:1; width:150px; } .icon-2xl { width:25px; aspect-ratio:1; width:200px; } .page_up { width:50px; height:50px; background-color:white; position:fixed; right:15px; bottom:15px; box-shadow:0 6px 12px rgba(0,0,0,0.1176); -moz-box-shadow:0 6px 12px rgba(0,0,0,0.1176); -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.1176); } .page_up::before { content:'\f077'; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:20px; color:#666666; display:flex; justify-content:center; align-items:center; height:100%; } .hero-default { background-color:#1d1d1b; } .hero { background-size:cover; } .hero-home .hero-container { aspect-ratio:1.7777777777778; display:flex; flex-direction:column; justify-content:center; align-items:start; } .no-webp .hero-home { background-image:url('/assets/images/heros/hero.jpg'); } .no-webp .section-test { background-image:url('https://placehold.co/1280x1280'); } .no-webp .section-home-about { background-image:url('/assets/images/wer_wir_sind.jpg'); } .no-webp .section-home-howto { background-image:url('/assets/images/praxis.jpg'); } .no-webp .section-ausbildung-theorie-unterricht { background-image:url('/assets/images/theorie_unterricht.jpg'); } .no-webp .section-ausbildung-praxis { background-image:url('/assets/images/hospitation.jpg'); } .no-webp .section-ausbildung-hospitation { background-image:url('/assets/images/hospitation.jpg'); } .no-webp .section-ausbildung-pruefung { background-image:url('/assets/images/pruefung.jpg'); } .no-webp .section-inhalte-schraeglagentrainer { background-image:url('/assets/images/ausbildung_schraeglagen_trainer.jpg'); } .no-webp .section-inhalte-fahrsicherheitstrainer { background-image:url('/assets/images/ausbildung_fahrsicherheits_trainer.jpg'); } .no-webp .section-inhalte-tourguide { background-image:url('/assets/images/ausbildung_tourguide_trainer.jpg'); } .no-webp .section-inhalte-endurotrainer { background-image:url('/assets/images/ausbildung_offroad_trainer.jpg'); } .no-webp .section-inhalte-rennstrecke { background-image:url('/assets/images/ausbildung_rennstrecken_trainer.jpg'); } .no-webp .section-inhalte-agilitaet { background-image:url('/assets/images/ausbildung_agilitaets_trainer.jpg'); } .no-webp .section-partner-dainese { background-image:url('/assets/images/partner/partner_dainese.jpg'); } .no-webp .section-partner-m4r { background-image:url('/assets/images/partner/partner_m4r.jpg'); } .no-webp .section-partner-metzeler { background-image:url('/assets/images/partner/partner_metzeler.jpg'); } .no-webp .section-partner-procar { background-image:url('/assets/images/partner/partner_procar.jpg'); } .webp .hero-home { background-image:url('/assets/images/heros/hero.webp'); } .webp .section-test { background-image:url('https://placehold.co/1280x1280'); } .webp .section-home-about { background-image:url('/assets/images/wer_wir_sind.webp'); } .webp .section-home-howto { background-image:url('/assets/images/hospitation.webp'); } .webp .section-ausbildung-theorie-unterricht { background-image:url('/assets/images/theorie_unterricht.webp'); } .webp .section-ausbildung-praxis { background-image:url('/assets/images/praxis.webp'); } .webp .section-ausbildung-hospitation { background-image:url('/assets/images/hospitation.webp'); } .webp .section-ausbildung-pruefung { background-image:url('/assets/images/pruefung.webp'); } .webp .section-inhalte-schraeglagentrainer { background-image:url('/assets/images/ausbildung_schraeglagen_trainer.webp'); } .webp .section-inhalte-fahrsicherheitstrainer { background-image:url('/assets/images/ausbildung_fahrsicherheits_trainer.webp'); } .webp .section-inhalte-tourguide { background-image:url('/assets/images/ausbildung_tourguide_trainer.webp'); } .webp .section-inhalte-endurotrainer { background-image:url('/assets/images/ausbildung_offroad_trainer.webp'); } .webp .section-inhalte-rennstrecke { background-image:url('/assets/images/ausbildung_rennstrecken_trainer.webp'); } .webp .section-inhalte-agilitaet { background-image:url('/assets/images/ausbildung_agilitaets_trainer.webp'); } .webp .section-partner-dainese { background-image:url('/assets/images/partner/partner_dainese.webp'); } .webp .section-partner-m4r { background-image:url('/assets/images/partner/partner_m4r.webp'); } .webp .section-partner-metzeler { background-image:url('/assets/images/partner/partner_metzeler.webp'); } .webp .section-partner-procar { background-image:url('/assets/images/partner/partner_procar.webp'); } @media only screen and (min-width:768px) and (max-width:1023px) { .p-5 {  padding:1rem !important; } .p-6 {  padding:1.25rem !important; } .p-7 {  padding:1.50rem !important; } .p-8 {  padding:2rem !important; } .navToggle {  display:block; } .navToggle img {  width:30px;  aspect-ratio:1; } .logo_element {  display:none; } #offcanvasNavigation.offcanvas-end {  width:90%;  background-color:#e51b20; } #offcanvasNavigation ul {  list-style-type:none;  padding:0; } #offcanvasNavigation ul li {  text-align:center; } #offcanvasNavigation ul li a {  color:white;  text-decoration:none;  display:block;  padding:10px 0;  font-size:40px;  font-family:"bebas-neue-pro", sans-serif; } #offcanvasNavigation ul li.active a {  font-weight:bold; } #offcanvasNavigation .offcanvas-body {  padding:0; } #offcanvasNavigation .offcanvas-body .saftyline {  border:0;  width:100%;  height:40px; } #header {  height:auto;  padding:10px 0; } #header .logoCol {  display:flex;  justify-content:center;  align-items:center;  order:1; } #header .navCol {  display:flex;  justify-content:end;  align-items:center;  order:2; } #header .slogan {  display:none; } #header .logo_name {  display:block;  color:white;  font-family:"bebas-neue-pro", sans-serif;  text-decoration:none;  font-size:29px;  margin-left:10px; } #header .logo {  position:relative;  width:50px;  margin-top:0; } #header .logo img {  width:50px;  aspect-ratio:1; } .hero-container {  padding:50px 25px;  text-align:center; } .home .section:nth-child(odd) .content-col, .schuettgut-sortiment .section:nth-child(odd) .content-col, .lieferung .section:nth-child(odd) .content-col, .frischer-beton .section:nth-child(odd) .content-col {  order:1;  flex:2; } .home .section:nth-child(odd) .image-col, .schuettgut-sortiment .section:nth-child(odd) .image-col, .lieferung .section:nth-child(odd) .image-col, .frischer-beton .section:nth-child(odd) .image-col {  order:2;  flex:1; } .home .section:nth-child(even) .content-col, .schuettgut-sortiment .section:nth-child(even) .content-col, .lieferung .section:nth-child(even) .content-col, .frischer-beton .section:nth-child(even) .content-col {  order:1;  flex:2; } .home .section:nth-child(even) .image-col, .schuettgut-sortiment .section:nth-child(even) .image-col, .lieferung .section:nth-child(even) .image-col, .frischer-beton .section:nth-child(even) .image-col {  order:2;  flex:1; } } @media only screen and (max-width:769px) { .p-5 {  padding:1rem !important; } .p-6 {  padding:1.25rem !important; } .p-7 {  padding:1.50rem !important; } .p-8 {  padding:2rem !important; } .navToggle {  display:block; } .navToggle img {  width:30px;  aspect-ratio:1; } .logo_element {  display:none; } #offcanvasNavigation.offcanvas-end {  width:90%;  background-color:#e51b20; } #offcanvasNavigation ul {  list-style-type:none;  padding:0; } #offcanvasNavigation ul li {  text-align:center; } #offcanvasNavigation ul li a {  color:white;  text-decoration:none;  display:block;  padding:10px 0;  font-size:40px;  font-family:"bebas-neue-pro", sans-serif; } #offcanvasNavigation ul li.active a {  font-weight:bold; } #offcanvasNavigation .offcanvas-body {  padding:0; } #offcanvasNavigation .offcanvas-body .saftyline {  border:0;  width:100%;  height:40px; } #header {  height:auto;  padding:10px 0; } #header .logoCol {  display:flex;  justify-content:center;  align-items:center;  order:1; } #header .navCol {  display:flex;  justify-content:end;  align-items:center;  order:2; } #header .slogan {  display:none; } #header .logo_name {  display:block;  color:white;  font-family:"bebas-neue-pro", sans-serif;  text-decoration:none;  font-size:29px;  margin-left:10px; } #header .logo {  position:relative;  width:50px;  margin-top:0; } #header .logo img {  width:50px;  aspect-ratio:1; } .hero-container {  padding:50px 25px;  text-align:center; } .content-col .p-8 {  padding:25px !important; } .fs-2xl {  font-size:4rem !important; } .fs-xl {  font-size:3rem !important; } body .section:nth-child(odd) .content-col {  padding:25px !important;  order:2; } body .section:nth-child(odd) .image-col {  order:1; } body .section:nth-child(even) .content-col {  padding:25px !important;  order:2; } body .section:nth-child(even) .image-col {  order:1; } }