TEST

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • <style>
      @charset "UTF-8";

      /*!
      * Bootstrap v4.3.1 (getbootstrap.com/)
      * Copyright 2011-2019 The Bootstrap Authors
      * Copyright 2011-2019 Twitter, Inc.
      * Licensed under MIT (github.com/twbs/bootstrap/blob/master/LICENSE)
      */

      :root {
      --blue: #007bff;
      --indigo: #6610f2;
      --purple: #6f42c1;
      --pink: #e83e8c;
      --red: #dc3545;
      --orange: #fd7e14;
      --yellow: #ffc107;
      --green: #28a745;
      --teal: #20c997;
      --cyan: #17a2b8;
      --white: #fff;
      --gray: #6c757d;
      --gray-dark: #343a40;
      --primary: #007bff;
      --secondary: #6c757d;
      --success: #28a745;
      --info: #17a2b8;
      --warning: #ffc107;
      --danger: #dc3545;
      --light: #f8f9fa;
      --dark: #343a40;
      --breakpoint-xs: 0;
      --breakpoint-sm: 576px;
      --breakpoint-md: 768px;
      --breakpoint-lg: 992px;
      --breakpoint-xl: 1200px;
      --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      }

      *,*::before,*::after {
      box-sizing: border-box;
      }

      html {
      font-family: sans-serif;
      line-height: 1.15;
      -webkit-text-size-adjust: 100%;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      }

      figure,header {
      display: block;
      }

      body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      text-align: left;
      background-color: #fff;
      }

      [tabindex="-1"]:focus {
      outline: 0 !important;
      }

      h1,h2,h3,h4,h5,h6 {
      margin-top: 0;
      margin-bottom: 0.5rem;
      }

      small {
      font-size: 80%;
      }

      a {
      color: #007bff;
      text-decoration: none;
      background-color: transparent;
      }

      a:hover {
      color: #0056b3;
      text-decoration: underline;
      }

      a:not([href]):not([tabindex]) {
      color: inherit;
      text-decoration: none;
      }

      a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus {
      color: inherit;
      text-decoration: none;
      }

      a:not([href]):not([tabindex]):focus {
      outline: 0;
      }

      figure {
      margin: 0 0 1rem;
      }

      img {
      vertical-align: middle;
      border-style: none;
      }

      table {
      border-collapse: collapse;
      }

      th {
      text-align: inherit;
      }

      button {
      border-radius: 0;
      }

      button:focus {
      outline: 1px dotted;
      outline: 5px auto -webkit-focus-ring-color;
      }

      input,button {
      margin: 0;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
      }

      button,input {
      overflow: visible;
      }

      button {
      text-transform: none;
      }

      button,[type=button],[type=reset],[type=submit] {
      -webkit-appearance: button;
      }

      button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
      cursor: pointer;
      }

      button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
      padding: 0;
      border-style: none;
      }

      input[type=radio],input[type=checkbox] {
      box-sizing: border-box;
      padding: 0;
      }

      input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
      -webkit-appearance: listbox;
      }

      [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
      height: auto;
      }

      [type=search] {
      outline-offset: -2px;
      -webkit-appearance: none;
      }

      [type=search]::-webkit-search-decoration {
      -webkit-appearance: none;
      }

      ::-webkit-file-upload-button {
      font: inherit;
      -webkit-appearance: button;
      }

      [hidden] {
      display: none !important;
      }

      h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
      margin-bottom: 0.5rem;
      font-weight: 500;
      line-height: 1.2;
      }

      h1,.h1 {
      font-size: 2.5rem;
      }

      h2,.h2 {
      font-size: 2rem;
      }

      h3,.h3 {
      font-size: 1.75rem;
      }

      h4,.h4 {
      font-size: 1.5rem;
      }

      h5,.h5 {
      font-size: 1.25rem;
      }

      h6,.h6 {
      font-size: 1rem;
      }

      small,.small {
      font-size: 80%;
      font-weight: 400;
      }

      .figure {
      display: inline-block;
      }

      .figure-img {
      margin-bottom: 0.5rem;
      line-height: 1;
      }

      .container {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      }

      @media (min-width: 576px) {
      .container {
      max-width: 540px;
      }
      }

      @media (min-width: 768px) {
      .container {
      max-width: 720px;
      }
      }

      @media (min-width: 992px) {
      .container {
      max-width: 960px;
      }
      }

      @media (min-width: 1200px) {
      .container {
      max-width: 1140px;
      }
      }

      .row {
      display: flex;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
      }

      .offset-1 {
      margin-left: 8.3333333333%;
      }

      .offset-2 {
      margin-left: 16.6666666667%;
      }

      .offset-3 {
      margin-left: 25%;
      }

      .offset-4 {
      margin-left: 33.3333333333%;
      }

      .offset-5 {
      margin-left: 41.6666666667%;
      }

      .offset-6 {
      margin-left: 50%;
      }

      .offset-7 {
      margin-left: 58.3333333333%;
      }

      .offset-8 {
      margin-left: 66.6666666667%;
      }

      .offset-9 {
      margin-left: 75%;
      }

      .offset-10 {
      margin-left: 83.3333333333%;
      }

      .offset-11 {
      margin-left: 91.6666666667%;
      }

      @media (min-width: 576px) {
      .offset-sm-0 {
      margin-left: 0;
      }

      .offset-sm-1 {
      margin-left: 8.3333333333%;
      }

      .offset-sm-2 {
      margin-left: 16.6666666667%;
      }

      .offset-sm-3 {
      margin-left: 25%;
      }

      .offset-sm-4 {
      margin-left: 33.3333333333%;
      }

      .offset-sm-5 {
      margin-left: 41.6666666667%;
      }

      .offset-sm-6 {
      margin-left: 50%;
      }

      .offset-sm-7 {
      margin-left: 58.3333333333%;
      }

      .offset-sm-8 {
      margin-left: 66.6666666667%;
      }

      .offset-sm-9 {
      margin-left: 75%;
      }

      .offset-sm-10 {
      margin-left: 83.3333333333%;
      }

      .offset-sm-11 {
      margin-left: 91.6666666667%;
      }
      }

      @media (min-width: 768px) {
      .offset-md-0 {
      margin-left: 0;
      }

      .offset-md-1 {
      margin-left: 8.3333333333%;
      }

      .offset-md-2 {
      margin-left: 16.6666666667%;
      }

      .offset-md-3 {
      margin-left: 25%;
      }

      .offset-md-4 {
      margin-left: 33.3333333333%;
      }

      .offset-md-5 {
      margin-left: 41.6666666667%;
      }

      .offset-md-6 {
      margin-left: 50%;
      }

      .offset-md-7 {
      margin-left: 58.3333333333%;
      }

      .offset-md-8 {
      margin-left: 66.6666666667%;
      }

      .offset-md-9 {
      margin-left: 75%;
      }

      .offset-md-10 {
      margin-left: 83.3333333333%;
      }

      .offset-md-11 {
      margin-left: 91.6666666667%;
      }
      }

      @media (min-width: 992px) {
      .offset-lg-0 {
      margin-left: 0;
      }

      .offset-lg-1 {
      margin-left: 8.3333333333%;
      }

      .offset-lg-2 {
      margin-left: 16.6666666667%;
      }

      .offset-lg-3 {
      margin-left: 25%;
      }

      .offset-lg-4 {
      margin-left: 33.3333333333%;
      }

      .offset-lg-5 {
      margin-left: 41.6666666667%;
      }

      .offset-lg-6 {
      margin-left: 50%;
      }

      .offset-lg-7 {
      margin-left: 58.3333333333%;
      }

      .offset-lg-8 {
      margin-left: 66.6666666667%;
      }

      .offset-lg-9 {
      margin-left: 75%;
      }

      .offset-lg-10 {
      margin-left: 83.3333333333%;
      }

      .offset-lg-11 {
      margin-left: 91.6666666667%;
      }
      }

      .table {
      width: 100%;
      margin-bottom: 1rem;
      color: #212529;
      }

      .table th,.table td {
      padding: 0.75rem;
      vertical-align: top;
      border-top: 1px solid #dee2e6;
      }

      .table thead th {
      vertical-align: bottom;
      border-bottom: 2px solid #dee2e6;
      }

      .table tbody + tbody {
      border-top: 2px solid #dee2e6;
      }

      .table-sm th,.table-sm td {
      padding: 0.3rem;
      }

      .table-bordered {
      border: 1px solid #dee2e6;
      }

      .table-bordered th,.table-bordered td {
      border: 1px solid #dee2e6;
      }

      .table-bordered thead th,.table-bordered thead td {
      border-bottom-width: 2px;
      }

      .table-primary,.table-primary > th,.table-primary > td {
      background-color: #b8daff;
      }

      .table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody + tbody {
      border-color: #7abaff;
      }

      .table-success,.table-success > th,.table-success > td {
      background-color: #c3e6cb;
      }

      .table-success th,.table-success td,.table-success thead th,.table-success tbody + tbody {
      border-color: #8fd19e;
      }

      .table-info,.table-info > th,.table-info > td {
      background-color: #bee5eb;
      }

      .table-info th,.table-info td,.table-info thead th,.table-info tbody + tbody {
      border-color: #86cfda;
      }

      .form-text {
      display: block;
      margin-top: 0.25rem;
      }

      .form-row {
      display: flex;
      flex-wrap: wrap;
      margin-right: -5px;
      margin-left: -5px;
      }

      .form-row > [class*=col-] {
      padding-right: 5px;
      padding-left: 5px;
      }

      .form-inline {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      }

      .btn {
      display: inline-block;
      font-weight: 400;
      color: #212529;
      text-align: center;
      vertical-align: middle;
      user-select: none;
      background-color: transparent;
      border: 1px solid transparent;
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      line-height: 1.5;
      border-radius: 0.25rem;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
      .btn {
      transition: none;
      }
      }

      .btn:hover {
      color: #212529;
      text-decoration: none;
      }

      .btn:focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }

      .btn:disabled {
      opacity: 0.65;
      }

      .btn-primary {
      color: #fff;
      background-color: #007bff;
      border-color: #007bff;
      }

      .btn-primary:hover {
      color: #fff;
      background-color: #0069d9;
      border-color: #0062cc;
      }

      .btn-primary:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
      }

      .btn-primary:disabled {
      color: #fff;
      background-color: #007bff;
      border-color: #007bff;
      }

      .btn-success {
      color: #fff;
      background-color: #28a745;
      border-color: #28a745;
      }

      .btn-success:hover {
      color: #fff;
      background-color: #218838;
      border-color: #1e7e34;
      }

      .btn-success:focus {
      box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
      }

      .btn-success:disabled {
      color: #fff;
      background-color: #28a745;
      border-color: #28a745;
      }

      .table-wsp-header .btn-success {
      color: #fff !important;
      background-color: #28a745 !important;
      border-color: #28a745 !important;
      background-image: unset !important;
      }

      .table-wsp-header .btn-success:hover {
      color: #fff !important;
      background-color: #218838 !important;
      border-color: #1e7e34 !important;
      background-image: unset !important;
      }

      .table-wsp-header .btn-success:focus {
      box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5) !important;
      background-image: unset !important;
      }

      .table-wsp-header .btn-success:disabled {
      color: #fff !important;
      background-color: #28a745 !important;
      border-color: #28a745 !important;
      background-image: unset !important;
      }


      .btn-info {
      color: #fff;
      background-color: #17a2b8;
      border-color: #17a2b8;
      }

      .btn-info:hover {
      color: #fff;
      background-color: #138496;
      border-color: #117a8b;
      }

      .btn-info:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
      }

      .btn-info:disabled {
      color: #fff;
      background-color: #17a2b8;
      border-color: #17a2b8;
      }

      .btn-lg {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem;
      }

      .btn-sm {
      padding: 0.25rem 0.5rem;
      font-size: 0.875rem;
      line-height: 1.5;
      border-radius: 0.2rem;
      }

      .btn-block {
      display: block;
      width: 100%;
      }

      .btn-block + .btn-block {
      margin-top: 0.5rem;
      }

      input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block {
      width: 100%;
      }

      @keyframes progress-bar-stripes {
      from {
      background-position: 1rem 0;
      }

      to {
      background-position: 0 0;
      }
      }

      .modal-open {
      overflow: hidden;
      }

      .modal-open .modal {
      overflow-x: hidden;
      overflow-y: auto;
      }

      .modal {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1050;
      display: none;
      width: 100%;
      height: 100%;
      overflow: hidden;
      outline: 0;
      }

      .modal-content {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 0.3rem;
      outline: 0;
      }

      .modal-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding: 1rem 1rem;
      border-bottom: 1px solid #dee2e6;
      border-top-left-radius: 0.3rem;
      border-top-right-radius: 0.3rem;
      }

      .modal-title {
      margin-bottom: 0;
      line-height: 1.5;
      }

      .modal-body {
      position: relative;
      flex: 1 1 auto;
      padding: 1rem;
      }

      @media (min-width: 576px) {
      .modal-sm {
      max-width: 300px;
      }
      }

      @media (min-width: 992px) {
      .modal-lg {
      max-width: 800px;
      }
      }

      @keyframes spinner-border {
      to {
      transform: rotate(360deg);
      }
      }

      @keyframes spinner-grow {
      0% {
      transform: scale(0);
      }

      50% {
      opacity: 1;
      }
      }

      .d-none {
      display: none !important;
      }

      .d-inline {
      display: inline !important;
      }

      .d-inline-block {
      display: inline-block !important;
      }

      .d-block {
      display: block !important;
      }

      .d-table {
      display: table !important;
      }

      .d-table-row {
      display: table-row !important;
      }

      .d-table-cell {
      display: table-cell !important;
      }

      @media (min-width: 576px) {
      .d-sm-none {
      display: none !important;
      }

      .d-sm-inline {
      display: inline !important;
      }

      .d-sm-inline-block {
      display: inline-block !important;
      }

      .d-sm-block {
      display: block !important;
      }

      .d-sm-table {
      display: table !important;
      }

      .d-sm-table-row {
      display: table-row !important;
      }

      .d-sm-table-cell {
      display: table-cell !important;
      }
      }

      @media (min-width: 768px) {
      .d-md-none {
      display: none !important;
      }

      .d-md-inline {
      display: inline !important;
      }

      .d-md-inline-block {
      display: inline-block !important;
      }

      .d-md-block {
      display: block !important;
      }

      .d-md-table {
      display: table !important;
      }

      .d-md-table-row {
      display: table-row !important;
      }

      .d-md-table-cell {
      display: table-cell !important;
      }
      }

      @media (min-width: 992px) {
      .d-lg-none {
      display: none !important;
      }

      .d-lg-inline {
      display: inline !important;
      }

      .d-lg-inline-block {
      display: inline-block !important;
      }

      .d-lg-block {
      display: block !important;
      }

      .d-lg-table {
      display: table !important;
      }

      .d-lg-table-row {
      display: table-row !important;
      }

      .d-lg-table-cell {
      display: table-cell !important;
      }
      }

      .position-relative {
      position: relative !important;
      }

      .position-sticky {
      position: sticky !important;
      }

      @supports (position: sticky) {
      .sticky-top {
      position: sticky;
      top: 0;
      z-index: 1020;
      }
      }

      .w-25 {
      width: 25% !important;
      }

      .w-50 {
      width: 50% !important;
      }

      .w-75 {
      width: 75% !important;
      }

      .w-100 {
      width: 100% !important;
      }

      .h-25 {
      height: 25% !important;
      }

      .h-50 {
      height: 50% !important;
      }

      .h-75 {
      height: 75% !important;
      }

      .h-100 {
      height: 100% !important;
      }

      .vw-100 {
      width: 100vw !important;
      }

      .mb-0 {
      margin-bottom: 0 !important;
      }

      .mb-1 {
      margin-bottom: 0.25rem !important;
      }

      .mb-2 {
      margin-bottom: 0.5rem !important;
      }

      .mb-3 {
      margin-bottom: 1rem !important;
      }

      .mb-4 {
      margin-bottom: 1.5rem !important;
      }

      .mb-5 {
      margin-bottom: 3rem !important;
      }

      @media (min-width: 576px) {
      .mb-sm-0 {
      margin-bottom: 0 !important;
      }

      .mb-sm-1 {
      margin-bottom: 0.25rem !important;
      }

      .mb-sm-2 {
      margin-bottom: 0.5rem !important;
      }

      .mb-sm-3 {
      margin-bottom: 1rem !important;
      }

      .mb-sm-4 {
      margin-bottom: 1.5rem !important;
      }

      .mb-sm-5 {
      margin-bottom: 3rem !important;
      }
      }

      @media (min-width: 768px) {
      .mb-md-0 {
      margin-bottom: 0 !important;
      }

      .mb-md-1 {
      margin-bottom: 0.25rem !important;
      }

      .mb-md-2 {
      margin-bottom: 0.5rem !important;
      }

      .mb-md-3 {
      margin-bottom: 1rem !important;
      }

      .mb-md-4 {
      margin-bottom: 1.5rem !important;
      }

      .mb-md-5 {
      margin-bottom: 3rem !important;
      }
      }

      @media (min-width: 992px) {
      .mb-lg-0 {
      margin-bottom: 0 !important;
      }

      .mb-lg-1 {
      margin-bottom: 0.25rem !important;
      }

      .mb-lg-2 {
      margin-bottom: 0.5rem !important;
      }

      .mb-lg-3 {
      margin-bottom: 1rem !important;
      }

      .mb-lg-4 {
      margin-bottom: 1.5rem !important;
      }

      .mb-lg-5 {
      margin-bottom: 3rem !important;
      }
      }

      .text-nowrap {
      white-space: nowrap !important;
      }

      .text-left {
      text-align: left !important;
      }

      .text-right {
      text-align: right !important;
      }

      .text-center {
      text-align: center !important;
      }

      @media (min-width: 576px) {
      .text-sm-left {
      text-align: left !important;
      }

      .text-sm-right {
      text-align: right !important;
      }

      .text-sm-center {
      text-align: center !important;
      }
      }

      @media (min-width: 768px) {
      .text-md-left {
      text-align: left !important;
      }

      .text-md-right {
      text-align: right !important;
      }

      .text-md-center {
      text-align: center !important;
      }
      }

      @media (min-width: 992px) {
      .text-lg-left {
      text-align: left !important;
      }

      .text-lg-right {
      text-align: right !important;
      }

      .text-lg-center {
      text-align: center !important;
      }
      }

      .text-primary {
      color: #007bff !important;
      }

      a.text-primary:hover,a.text-primary:focus {
      color: #0056b3 !important;
      }

      .text-success {
      color: #28a745 !important;
      }

      a.text-success:hover,a.text-success:focus {
      color: #19692c !important;
      }

      .text-info {
      color: #17a2b8 !important;
      }

      a.text-info:hover,a.text-info:focus {
      color: #0f6674 !important;
      }

      .text-body {
      color: #212529 !important;
      }

      @media print {
      *, *::before, *::after {
      text-shadow: none !important;
      box-shadow: none !important;
      }

      a:not(.btn) {
      text-decoration: underline;
      }

      thead {
      display: table-header-group;
      }

      tr, img {
      page-break-inside: avoid;
      }

      h2, h3 {
      orphans: 3;
      widows: 3;
      }

      h2, h3 {
      page-break-after: avoid;
      }

      @page {
      size: a3;
      }

      body {
      min-width: 992px !important;
      }

      .container {
      min-width: 992px !important;
      }

      .table {
      border-collapse: collapse !important;
      }

      .table td, .table th {
      background-color: #fff !important;
      }

      .table-bordered th, .table-bordered td {
      border: 1px solid #dee2e6 !important;
      }
      }

      .table-wsp {
      width: 100%;
      color: #333;
      background-color: #fff;
      }

      .table-wsp tr.accent {
      background-color: rgba(38, 136, 217, 0.1);
      }

      .table-wsp td {
      padding: 10px 10px;
      /* fix for oilchange table */
      white-space: inherit;
      }

      .table-wsp th {
      padding: 5px 10px;
      font-size: 0.75rem;
      /* fix for oilchange table */
      white-space: inherit;
      }

      .table-wsp .cell-btn {
      width: 70px;
      }

      @media (min-width: 992px) {
      .table-wsp td {
      padding: 10px 20px;
      }

      .table-wsp th {
      padding: 5px 20px;
      font-size: 0.875rem;
      }

      .table-wsp .cell-btn {
      width: 90px;
      }
      }

      .table-wsp.table-bordered {
      border: none;
      }

      .table-wsp.table-bordered tbody td {
      border: none;
      border-top: 1px solid #ddd;
      }

      .table-wsp.table-bordered tbody td + td {
      border-left: 1px solid #ddd;
      }

      .table-wsp.table-bordered tbody th {
      border: none;
      }

      .table-wsp .thead-row {
      font-weight: bold;
      letter-spacing: 2px;
      color: #ccc;
      background-color: #333333;
      }

      .table-wsp tbody {
      font-size: 14px;
      }

      .table-wsp-wrapper {
      border-radius: 0.25rem;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
      }

      .table-wsp-th-container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      color: #333;
      background-color: #fff;
      padding: 10px;
      border-top-right-radius: 0.25rem;
      border-top-left-radius: 0.25rem;
      }

      .table-wsp-th-container figure {
      margin-bottom: 0;
      }

      .table-wsp-th-container figure img {
      height: 70px;
      width: auto;
      }

      .table-wsp-th-container .info-box {
      flex: 1;
      padding-left: 15px;
      }

      .table-wsp-th-container .info-title {
      font-size: 1rem;
      margin-bottom: 5px;
      font-weight: bold;
      }

      .table-wsp-th-container .info-detail {
      font-size: 0.875rem;
      line-height: 1.43;
      font-weight: normal;
      }

      .table-wsp-th-container a:not(.btn) {
      font-size: 0.75rem;
      font-weight: normal;
      }

      .table-wsp-th-container a:not(.btn),.table-wsp-th-container a:not(.btn):focus,.table-wsp-th-container a:not(.btn):hover {
      color: #999;
      text-decoration: underline;
      }

      .table-wsp-th-container .cell-padding-left {
      padding-left: 10px;
      }

      @media (min-width: 992px) {
      .table-wsp-th-container {
      height: 100px;
      padding: 10px 20px;
      flex-wrap: nowrap;
      }

      .table-wsp-th-container a:not(.btn) {
      font-size: 0.875rem;
      }

      .table-wsp-th-container .cell-padding-left {
      padding-left: 20px;
      }

      .table-wsp-th-container .info-box {
      padding-left: 40px;
      }

      .table-wsp-th-container .info-detail {
      line-height: 1.71;
      }
      }

      .table-wsp-header {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
      height: 70px;
      color: #f1f1f1;
      background-color: #333333;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
      margin-bottom: 20px;
      padding: 0 24px;
      }


      /*
      .table-wsp-header.sticky-top {
      top: 60px;
      }
      */

      @media (min-width: 992px) {
      .table-wsp-header.sticky-top {
      top: 0;
      }
      }

      .table-wsp-header h4 {
      color: #f1f1f1;
      font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      margin: 0;
      line-height: 1.5;
      font-size: 20px;
      }

      @media (min-width: 992px) {
      .table-wsp-header h4 {
      font-size: 24px;
      }
      }

      .table-wsp-header .cta-text {
      flex: 1;
      text-align: right;
      padding-right: 20px;
      }

      .table-wsp-header small.generation-name {
      font-size: 60%;
      display: block;
      }

      @media (min-width: 576px) {
      .table-wsp-header small.generation-name {
      font-size: inherit;
      }
      }

      .table-scroll-container {
      position: relative;
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
      }

      .table-scroll-container .scroll-wrapper {
      overflow-x: auto;
      }

      .table-scroll-container .scroll-left-indicator,.table-scroll-container .scroll-right-indicator {
      top: 0;
      height: 100%;
      width: 58px;
      display: none;
      position: absolute;
      flex-direction: column;
      justify-content: space-around;
      }

      .table-scroll-container .scroll-left-indicator {
      left: 0;
      transform: rotate(180deg);
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
      }

      .table-scroll-container .scroll-right-indicator {
      right: 0;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
      }

      .table-scroll-container .scroll-button-prev,.table-scroll-container .scroll-button-next {
      width: 100%;
      height: 40px;
      cursor: pointer;
      }

      .table-scroll-container .scroll-button-prev {
      background: url(../images/icons/swiper-arrow-right.svg) no-repeat 90% center;
      }

      .table-scroll-container .scroll-button-next {
      background: url(../images/icons/swiper-arrow-right.svg) no-repeat 90% center;
      }

      /*
      .table-text-below, .table-text-above {
      font-size: 14px;
      }
      */

      .table-text-below {
      margin-top: 7px
      }

      .table-text-above {
      margin-bottom: 7px
      }

      @media (max-width: 650px) {
      .table-text-below, .table-text-above {
      padding-left: 10px;
      }
      }

      .repareo-table-embedded {
      background-color: transparent;
      margin-top: 20px;
      margin-bottom: 20px;
      }

      </style>

      <div class="repareo-table-embedded">

      <p class="table-text-above">
      <strong>Wichtig zu wissen:</strong> Die Intervalle für den Ölwechsel beim VW EOS
      </p>

      <div style="display: relative;">

      <div class="table-wsp-header">
      <div>
      <h4>
      Ölwechsel
      </h4>
      <small class="generation-name">VW EOS (1F7, 1F8) 03/2006 – 08/2015</small>
      </div>
      <div class="cta-text d-none d-md-block">
      Kosten für Dein Modell berechnen:
      </div>
      <div>
      <form
      class="mb-0"
      action="https://www.repareo.de/wp-json/partners/v1/werkstattportal-partner-vergleich/"
      method="POST"
      accept-charset="UTF-8"
      target="_blank"
      >
      <input type="hidden" name="tr[partner][slug]" value="repareo" />
      <input type="hidden" name="tr[partner][service_type]" value="3" />
      <input type="hidden" name="tr[partner][brand]" value="98" />
      <button
      type="submit"
      class="btn btn-success text-nowrap"
      href="#jetzt-kosten-berechnen"
      >
      Jetzt <span class="d-none d-lg-inline"> Kosten</span> berechnen
      </button>
      </form>
      </div>
      </div>

      <div class="table-wsp-wrapper" itemscope="" itemtype="http://schema.org/Car">
      <div class="table-wsp-th-container">
      <figure>
      <img itemprop="image" src="https://garage.repareo.de/storage/28/conversions/VW--EOS-1F7-1F8-(Copy)-thumbnail.jpg" alt="VW EOS (1F7, 1F8) 03/2006 – 08/2015" class="lazyloaded" data-ll-status="loaded">
      <noscript>
      <img itemprop="image" src="https://garage.repareo.de/storage/28/conversions/VW--EOS-1F7-1F8-(Copy)-thumbnail.jpg" alt="VW EOS (1F7, 1F8) 03/2006 – 08/2015">
      </noscript>
      </figure>
      <div class="info-box">
      <meta itemprop="brand" content="VW">
      <div class="info-title" itemprop="name">
      VW EOS (1F7, 1F8) 2.0 FSI</div>
      <div class="info-detail" itemprop="vehicleEngine" itemscope="" itemtype="http://schema.org/EngineSpecification">
      <span itemprop="enginePower">
      110</span>
      kW, <span itemprop="engineDisplacement">
      1984</span>
      ccm, 03/2006 – 08/2015</div>
      </div>
      <div class="w-100 d-lg-none">
      </div>
      <div>
      <a href="https://www.repareo.de/haftungsausschluss/" target="_blank" title="Hinweise & Haftungsausschluss">
      Hinweise & Haftungsausschluss</a>
      </div>
      <div class="cell-padding-left">
      </div>
      </div>
      <div class="table-scroll-container scroll-indication" id="tscroller">
      <div class="scroll-wrapper">
      <table class="table-wsp table-bordered">
      <tbody>
      <tr class="thead-row">
      <th>
      ÖLART</th>
      <th>
      ÖLSORTE</th>
      <th>
      ÖLMENGE</th>
      <th>
      ANMERKUNG</th>
      <th class="cell-btn">
      </th>
      </tr>
      <tr class=" accent ">
      <td>
      Motoröl</td>
      <td>
      VW 501 01|VW 502 00</td>
      <td>
      4,60 Liter</td>
      <td>
      Standard</td>
      <td>
      </td>
      </tr>
      <tr class="">
      <td>
      Motoröl</td>
      <td>
      VW 503 00|VW 504 00</td>
      <td>
      4,60 Liter</td>
      <td>
      Longlife</td>
      <td>
      </td>
      </tr>
      <tr class=" accent ">
      <td>
      Schaltgetriebeöl</td>
      <td>
      G 052 171 A2</td>
      <td>
      2,10 Liter</td>
      <td>
      6 Gang 02S</td>
      <td>
      </td>
      </tr>
      <tr class="thead-row">
      <th>
      AUSSTATTUNGSVARIANTE</th>
      <th>
      INTERVALL (MONATE)</th>
      <th>
      INTERVALL (KM)</th>
      <th>
      ANMERKUNG</th>
      <th>
      </th>
      </tr>
      <tr class="">
      <td>
      bis 2007, mit Schaltgetriebe</td>
      <td>
      12 Monate</td>
      <td>
      15000 km</td>
      <td>
      </td>
      <td>
      </td>
      </tr>
      <tr class=" accent ">
      <td>
      bis 2007, mit Schaltgetriebe, Longlife</td>
      <td>
      24 Monate</td>
      <td>
      30000 km</td>
      <td>
      </td>
      <td>
      </td>
      </tr>
      <tr class="">
      <td>
      ab 2008, mit Schaltgetriebe</td>
      <td>
      12 Monate</td>
      <td>
      15000 km</td>
      <td>
      </td>
      <td>
      </td>
      </tr>
      <tr class=" accent ">
      <td>
      ab 2008, mit Schaltgetriebe, Longlife</td>
      <td>
      24 Monate</td>
      <td>
      30000 km</td>
      <td>
      </td>
      <td>
      </td>
      </tr>
      <tr class="">
      <td>
      bis 2007, mit Schaltgetriebe, mit Xenonscheinwerfer</td>
      <td>
      12 Monate</td>
      <td>
      15000 km</td>
      <td>
      </td>
      <td>
      </td>
      </tr>
      <tr class=" accent ">
      <td>
      bis 2007, mit Schaltgetriebe, mit Xenonscheinwerfer, Longlife</td>
      <td>
      24 Monate</td>
      <td>
      30000 km</td>
      <td>
      </td>
      <td>
      </td>
      </tr>
      <tr class="">
      <td>
      ab 2008, mit Schaltgetriebe, mit Xenonscheinwerfer</td>
      <td>
      12 Monate</td>
      <td>
      15000 km</td>
      <td>
      </td>
      <td>
      </td>
      </tr>
      <tr class=" accent ">
      <td>
      ab 2008, mit Schaltgetriebe, mit Xenonscheinwerfer, Longlife</td>
      <td>
      24 Monate</td>
      <td>
      30000 km</td>
      <td>
      </td>
      <td>
      </td>
      </tr>
      </tbody>
      </table>
      </div>
      <div class="scroll-left-indicator">
      <div class="scroll-button-prev">
      </div>
      <div class="scroll-button-prev">
      </div>
      </div>
      <div class="scroll-right-indicator">
      <div class="scroll-button-next">
      </div>
      <div class="scroll-button-next">
      </div>
      </div>
      </div>

      </div>

      <p class="table-text-below">
      Intervalle zu weiteren Modellen findet man auf <strong>repareo.de</strong> unter <a class="">Ölwechsel VW EOS</a>
      </p>

      </div>


      </div>
      Gruß Uwe



      Interessantes zum EOS : klick
      Infos zum Forum : klick
      Forums-Regeln :klick

      :eosg: Der EOS, der kleine Urlaub bei jeder Fahrt.©
    • ..das ist doch schon mal ein schöner Einstieg in die Alpentour 2020 !!!
      Übrigens am Ziel gibts n schönes Hotel ;-wech)

      ...musste Deine Datei aber erst mal speichern und dann manuell bei kurviger.de impotieren.
      ich lösch Sie vielleicht auch...... ;DD
      :eosschwarz: :eosschwarz: :eosweiss: :eosweiss: :eosdunkelblau: Mein Profil
      EOS 1: 11/07 - 08/10 - EOS 2: 09/10 - 08/16 - EOS 3: 08/16 - 06/17 - EOS 4: 07/17 - 11/22 - Audi A5 Cabrio: ab 03/23

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Uwe.Hirsch ()