@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
:root,[data-bs-theme=light] {
    --card-bg: #ffffffb3;
    --card-color: var(--template-bg-dark-60);
    --bluegray: #b2bfcd;
    --lightbluegray: #f6f9fc;
    --toolbar-bg: #fff;
    --success-border: var(--success);
    --info-border: var(--info);
    --warning-border: var(--warning);
    --danger-border: var(--danger);
    --login-main-bg: #0b1c32;
    --border: #cdcdcd;
    --white: #fff;
    --white-offset: #fefefe;
    --focus: #39f;
    --focus-shadow: #eaeaea;
    --toggle-color: #fff;
    --gray-100: #f8f9fa;
    --gray-200: #e8e8e8;
    --gray-300: #dee2e6;
    --gray-400: #cdcdcd;
    --gray-500: #adb5bd;
    --gray-600: #666e76;
    --gray-700: #495057;
    --gray-800: #363636;
    --gray-900: #212529;
    --primary: #132f53;
    --secondary: #495057;
    --success: #457d54;
    --info: #2a69b8;
    --warning: #ffb514;
    --danger: #c52827;
    --light: #f8f9fa;
    --dark: #212529;
    --action: #132f53;
    --error: #3b0d0c;
    --primary-rgb: 19,47,83;
    --secondary-rgb: 73,80,87;
    --success-rgb: 69,125,84;
    --info-rgb: 42,105,184;
    --warning-rgb: 255,181,20;
    --danger-rgb: 197,40,39;
    --light-rgb: 248,249,250;
    --dark-rgb: 33,37,41;
    --action-rgb: 19,47,83;
    --error-rgb: 59,13,12;
    --action-text-emphasis: #081321;
    --error-text-emphasis: #180505;
    --primary-text-emphasis: #112a49;
    --secondary-text-emphasis: #292c2f;
    --success-text-emphasis: #1c3222;
    --info-text-emphasis: #112a4a;
    --warning-text-emphasis: #60451f;
    --danger-text-emphasis: #4f1010;
    --light-text-emphasis: #495057;
    --dark-text-emphasis: #495057;
    --action-bg-subtle: #d0d5dd;
    --error-bg-subtle: #d8cfce;
    --primary-bg-subtle: #d4e1f1;
    --secondary-bg-subtle: #e0e2e4;
    --success-bg-subtle: #dae5dd;
    --info-bg-subtle: #d4e1f1;
    --warning-bg-subtle: #fcefdc;
    --danger-bg-subtle: #f3d4d4;
    --light-bg-subtle: #fcfcfd;
    --dark-bg-subtle: #cdcdcd;
    --action-border-subtle: #a1acba;
    --error-border-subtle: #b19e9e;
    --primary-border-subtle: #aac3e2;
    --secondary-border-subtle: #c2c5c8;
    --success-border-subtle: #b5cbbb;
    --info-border-subtle: #aac3e3;
    --warning-border-subtle: #f9deb8;
    --danger-border-subtle: #e8a9a9;
    --light-border-subtle: #e8e8e8;
    --dark-border-subtle: #adb5bd;
    --white-rgb: 255,255,255;
    --black-rgb: 0,0,0;
    --font-sans-serif: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --gradient: linear-gradient(180deg,#ffffff26,#fff0);
    --body-font-family: var(--font-sans-serif);
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #212529;
    --body-color-rgb: 33,37,41;
    --body-bg: #fff;
    --body-bg-rgb: 255,255,255;
    --emphasis-color: #000;
    --emphasis-color-rgb: 0,0,0;
    --secondary-color: #212529bf;
    --secondary-color-rgb: 33,37,41;
    --secondary-bg: #e8e8e8;
    --secondary-bg-rgb: 232,232,232;
    --tertiary-color: #21252980;
    --tertiary-color-rgb: 33,37,41;
    --tertiary-bg: #f8f9fa;
    --tertiary-bg-rgb: 248,249,250;
    --heading-color: var(--template-bg-dark);
    --link-color: #2a69b8;
    --link-color-rgb: 42,105,184;
    --link-decoration: none;
    --link-hover-color: #173a65;
    --link-hover-color-rgb: 23,58,101;
    --code-color: #971250;
    --highlight-color: #212529;
    --highlight-bg: #fff0d0;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #dee2e6;
    --border-color-translucent: #0000002d;
    --border-radius: .25rem;
    --border-radius-sm: .2rem;
    --border-radius-lg: .3rem;
    --border-radius-xl: .3rem;
    --border-radius-xxl: 2rem;
    --border-radius-2xl: var(--border-radius-xxl);
    --border-radius-pill: 50rem;
    --box-shadow: 0 .5rem 1rem #00000026;
    --box-shadow-sm: 0 .125rem .25rem #00000013;
    --box-shadow-lg: 0 1rem 3rem #0000002d;
    --box-shadow-inset: inset 0 1px 2px #00000013;
    --focus-ring-width: .25rem;
    --focus-ring-opacity: .25;
    --focus-ring-color: #2a69b740;
    --form-valid-color: #457d54;
    --form-valid-border-color: #457d54;
    --form-invalid-color: #c52827;
    --form-invalid-border-color: #c52827;
    --cassiopeia-color-primary: #363636;
}
html {overflow-x:hidden;}
body {font-size:1.1rem;}
body.wrapper-fluid .site-grid{grid-gap:0;}
.container-component  main {margin-top:0;}
.anton-regular {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.section {
  opacity: 0;
  transform: translateX(-300px);
}

.triggerfadein {
  animation: fadeInLeft 1.2s ease-out forwards;
}
@keyframes fadeInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*@media all and (max-width: 500px) {
.triggerfadein {animation:none;}
.section {opacity:1;transform:none;}
}*/
.icons .float-end {display:none;}
#impressum {min-height:80vh;}
#leistungen {background-image: url(/images/attergautransporte_bg.jpg);
    background-size: cover;
            background-repeat:no-repeat;
            min-height:100vh;}
nav.navbar.navbar-expand-lg {justify-content:center;margin-bottom:15px;}
#ueberuns {background-image: url(/images/ueberuns.jpg);
    background-size: cover;
          background-repeat:no-repeat;
          min-height:100vh;}
.container-header, .footer{background-image:none;}
.footer {width:100%;margin-top:0;}
.navbar-brand{max-width:10cm;}
.triangle {
    position: absolute;
    top: 0px;
    left: 25%;
    transform: translateX(-50%);
    width: 5vh;
    height: 5vh;
    /* background-color: transparent; */
    border-left: 5vh solid transparent;
    border-right: 5vh solid transparent;
    border-top: 5vh solid #ffffff;