direkt nach einem
kommt */
}
ul{
margin-top:1em;
}
.list-style-1{
line-height: 2em;
}
.list-sytle-1 li {
margin-bottom: 1em;
}
/****Rotation Classes****/
.rotation-1{
transform: rotate(25deg);
}
/**ENDE GLOBALE EINSTELLUNG**/
/**hover für Gallerie**/
.uk-overlay-default {
--uk-inverse: dark;
background: #892520cc;
}
.spacer-s{
min-height:0.8em;
}
/*
* Diese Zeilen dienen zum Stylen der einzelnen "Sektionen"
* Ich habe diese in 1 und 2 geteilt
* 1 ist mit grauem Hintergrund 2 neutral in weis gehalten.
*/
/**hintergrund über den ganzen Bildschrim**/
.checkbox {
width: 100vw;
height: auto;
background-color: #f5f5f5;
margin-left: calc(-50vw + 50%);
margin-top: 3em;
margin-bottom: 3em;
}
/*Sektion 2*/
.checkbox-2 {
width: 100vw;
height: auto;
margin-left: calc(-50vw + 50%);
margin-top: 1em;
}
/**positioniertung von Content im Container**/
.checkbox .container {
padding-top: 2em;
padding-bottom: 2em;
}
/**positioniertung von Content im Container**/
.checkbox-2 .container {
padding-top: 2em;
padding-bottom: 2em;
}
.checkbox .container h4, h3 {
color: #892520; /*färbt die Überschift in der Box*/
}
/**box mit extra Whitespace*/
.floating-image {
margin-top: -85px;
}
.row.centert {
align-items: center;
}
/**einstellung für Achsvermerssung**/
.row.container {
padding: 10px 5px;
}
/***Zertifikate**/
.uk-transition-fade.uk-position-cover.uk-position-small.uk-overlay.uk-overlay-default.uk-flex.uk-flex-center.uk-flex-middle {
margin: 0;
}
.uk-margin-remove.uk-text-center {
color: white;
padding: 5px;
font-size: 18px;
}
/**********RDKS Modul***********/
.pt-3.uk-text-center {
font-size: 16pt; //hier setzen wir die neue Größe für den Title in der einzelnen Card
margin-bottom: unset; //abstand nach unten entfernen
}
.grid-hover.uk-card.uk-card-default {
background-color: #f5f5f5; //hintergrundfarbe der Karten
}
/*******iframe*********/
.bt-cs .bt-inner {
margin: 0;
position: relative;
padding: 0 25px!important;
}
/*******ENDE iframe*********/
.rb{
padding:10px 12px 10px 12px ;
background-color:#932433;
Color:white;
height:100%;
}
.rb h3, .rb h2, .rb h1{
Color:white;
}
.rb p {
font-size: 14px;
line-height: 1.8;
}
.rb h2 {
font-size: 21px;
}
.rb li {
font-size: 14px;
line-height: 1.4;
}
.row.container.row-rb .col-lg {
margin-bottom: 0.8em;
}
.ct-1{
font-size:14px;
color:rgb(56, 56, 56);
line-height:1.2;
padding:0.8em;
font-weight:600;
}
.ct-1 h3{
font-size:24px;
color:rgb(56, 56, 56);
line-height:1.2;
}
.ct-1 h4{
font-size:18px;
color:rgb(56, 56, 56);
line-height:1;
}
/*************bildkonzept****************/
.sl-img{
border-radius: 15px;
border: 2px solid #932433;
border-width: 0 4px 4px 4px;
}
/*****************************/
/******
INFOBOX Fahrerassistenz-Systeme
****/
.infobox {
background-color: white;
color: #932433;
font-weight: 500;
border: solid #932433;
}
.hinweis-headline {
color: white;
font-weight: 600;
background-color: #932433;
width: 100%;
padding: 0.2em 0.4em;
}
.infobox p {
padding: 0.8em;
}
/******
MEGA MENUE
****/
.megamenu-module {
padding:0;
}
/*********Listen-Design********/
.leistungen {
list-style-type: none;
}
.leistungen li::before {
content: "\2714";
color:#932433;
margin-right: 0.5em;
}
/***Leistungen Schatten*****/
.text-shadow{
text-shadow: 1px 1px 2px #1e4d99;
}
.px-3 {
padding-top: 2em;
padding-bottom: 2em;
}
/*FOOTER-MENU*/
#footer-menu ul {
margin-left:auto;
margin-right:auto;
}
#footer-menu ul li a span{
color:#fff;
}
.time{
color:white;
font-size:12pt;
}
/******Service ab den ersten Tag********/
/******Startseite**********************/
.img-round{
border-radius: 300px;
}
.rs-m{
margin-right: 3em;
}
.hl-hinweis{
color:#932433;
font-size:1.8em;
font-weight: 700;
}
.hinweis{
font-size: 1em;
letter-spacing: 0.8pt;
line-height: 1.3;
font-weight: 500;
}
.stat{
margin-top: 3em;
padding:0.8em;
padding-top:1em;
box-shadow: #24469333 7px 7px 5px;
margin-right:1em;
text-align: center;
}
.signet{
color:#932433;
font-weight:700;
font-size:22px;
}
/****FOOTER*****/
#footer-menu ul li{
padding-right:0.5em;
}
.kontaktform {
background-color:#eee;
padding: 0.7em;
}
/*******iframe*********/
.bt-cs .bt-inner {
margin: 0;
position: relative;
padding: 0 25px!important;
}
/*******ENDE iframe*********/
/*******Paralax 2***********/
#pba1-y3lgxn9n8 {
background-color: rgba(255, 255, 255,0)!important;
padding-top: 30px;
padding-bottom: 30px;
}
h1.title {
clip: rect(0 0 0 0);
clip-path: inset(100%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
/***************LOGO**********/
.astroid-logo img {
max-width: 100%;
max-height: 100%;
margin: 14px 0;
}
/********LOGO ENDE **********/
/**Social Media Icons**/
.fa-brands, .fab {
font-weight: 400;
font-size: 25px;
}
/**Social Media Icons ENDE**/
/***list-style****/
.leistungen {
list-style-type: none;
}
.leistungen li::before {
content: "\2714";
color:#932433;
margin-right: 0.5em;
}
/*****DOT-NAV Slider*****/
.uk-dotnav > .uk-active > * {
background-color: rgba(220, 220, 220, 0.8);
border-color: transparent;
}
/******* Unsere Leistungen (Overlay) *******/
.uk-overlay-primary {
background: #932433cc!important;
}
/******* ENDE Unsere Leistungen (Overlay) *******/
/******* headline *****/
.headline-bullet .module-title::before {
content: "";
display: inline-block;
position: relative;
top: calc(-0.1 * 1em);
vertical-align: middle;
height: calc(4px + 0.7em);
margin-right: calc(5px + 0.2em);
border-left: calc(5px + 0.1em) solid #6c757d;
}
.btn-sm.btn.btn-secondary{
background-color: unset;
border:solid 2px grey;
color:grey;
border-radius:4px;
}
.time h3 {
color: white;
}
/*****Animationen*****/
/* animations.css */
/* 1) Keyframes definieren */
@keyframes slideInLeft {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInRight {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
/* 2) Utility-Klassen anlegen */
.slide-in-left {
animation-name: slideInLeft;
animation-duration: 0.6s; /* Dauer anpassen */
animation-fill-mode: both; /* Endzustand beibehalten */
animation-timing-function: ease-out;
}
.slide-in-right {
animation-name: slideInRight;
animation-duration: 0.6s;
animation-fill-mode: both;
animation-timing-function: ease-out;
}
/* 3) Optional: Variationen (Delay, Dauer, Iterationen) */
.delay-200 {
animation-delay: 0.2s;
}
.slow {
animation-duration: 1.2s;
}
.infinite {
animation-iteration-count: infinite;
}
.btn-primary{
background-color: #892520!important;
}@media (min-width: 768px) {body, .body{font-size:14px;line-height:1.7em;}h1, .h1{font-size:38px;line-height:1.3em;}h2, .h2{font-size:2em;line-height:1em;}h3, .h3{font-size:1.2em;line-height:1em;}h4, .h4{font-size:1.5em;line-height:1em;}h6, .h6{font-size:0.7em;letter-spacing:1em;line-height:1em;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:14px;line-height:1.6em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .nav-item-submenu .as-menu-item{font-size:15px;line-height:1.8em;}}@media (min-width: 992px) {#t-1529472563843{padding-top:8px;padding-bottom:8px}#top-a{padding-top:0%;padding-bottom:0%}#b-fhn70sgxm{margin-top:2em;margin-bottom:2em;padding-top:2em;padding-bottom:2em}#ltd1-wifsx8h9d{padding:0px 0px 0px 0px}#l-t6mszo2v8{padding-top:3%;padding-bottom:3%}#p1-df5sbnjae{padding-top:3%;padding-bottom:3%}#po-tnzy5zbg2{margin-bottom:1em;padding-top:3em;padding-bottom:3em}#bd2m-kuwodaxcj{padding-top:20px;padding-bottom:20px}#kk-yuhhtiu0i{padding-top:3%;padding-bottom:3%}#ar-fyhmto1m0{padding-top:32px}#öffnungszeiten{padding-top:30px;padding-bottom:15px}#footer-menu{padding-right:1em}#f1c-qe89el34j{padding-top:10px;padding-bottom:10px}#f-oel6e1bpp{padding-top:10px;padding-bottom:10px}body, .body{font-size:16px;line-height:1.7em;}h1, .h1{font-size:2.2em;line-height:1.2em;}h2, .h2{font-size:1.6em;line-height:1.4em;}h3, .h3{font-size:1.4em;line-height:1.2em;}h4, .h4{font-size:1.5em;line-height:1.3em;}h6, .h6{font-size:0.7em;letter-spacing:1em;line-height:1em;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:16px;line-height:1.6em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .nav-item-submenu .as-menu-item{font-size:16px;line-height:1.8em;}}