/* Webman Template based on 
 * Bootstrap Grid v5.2.3 (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Font Awesome Pro 5.15.1 by @fontawesome (https://fontawesome.com/license - Commercial License)
 */

/* ############################# ALLGEMEIN ############################# */

/**** Farben und andere Definitionen ****/
:root {
  --prime:          #083651;
  --second:         #f4d738;
  --content:        #083651;
  --blau-hell:      #f1f1f4;
  --blau-mittel:    #ced7dc;
  --default:        #eee;
  --grauhell:       #eee;
  --graumittel:       #aaa;
  --graudunkel:       #333;
  --formborder:       #ccc;
  --formfeldbg:       #fff;
  --formborder-focus: var(--prime);
  --bs-gutter-y:      0px; /*Für Rows und Cols*/
  --bs-gutter-x:      30px; /*Für Rows und Cols normal*/
  --bs-smallgutter-x: 10px; /*kleiner Abstand*/
  --bs-formgutter-x:  10px; /*Abstand in Formularen*/
  --bs-widegutter-x:  50px; /*großer Abstand*/
  --fafontweight:     400;
  --tooltipcolor:     var(--second);
  --bgcolor:          #ddd;
}

/**** TYPO ****/
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: local('heebo-300'), local('heebo-300'), url(/templates/webman4/fonts/heebo-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;        
  descent-override: 0%;
  ascent-override: 80%;
}

@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: local('heebo-500'), local('heebo-500'), url(/templates/webman4/fonts/heebo-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;        
  descent-override: 0%;
  ascent-override: 80%;
}

@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: local('heebo-700'), local('heebo-700'), url(/templates/webman4/fonts/heebo-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;        
  descent-override: 0%;
  ascent-override: 80%;
}

@supports (font-variation-settings: normal) {
  @font-face {
      font-family: 'Heebo Variabel';
      src: url(/templates/webman4/fonts/heebo-variable.woff2) format('woff2 supports variations'),
          url(/templates/webman4/fonts/heebo-variable.woff2) format('woff2-variations');
      font-weight: 100 900;
      font-display: block;
      font-stretch: 25% 151%;
      descent-override: 0%;
      ascent-override: 80%;
  }
}

/**** Font Awesome ****/
.fa {
  font-family: "Font Awesome";
  font-weight: var(--fafontweight);
}
@font-face {
  font-family: "Font Awesome";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/templates/webman4/fonts/fa-sharp-regular-400.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/templates/webman4/fonts/fa-brands-400.woff2) format("woff2");
}

/* ############################# BOOTSTRAP ############################# */
/**** Grid ****/
.container-fluid{width:100%}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.row.no-gutters,.no-gutters>div>.row{margin-right:0;margin-left:0}.row.no-gutters>*,.no-gutters>div>.row>*{padding-right:0;padding-left:0}.row.small-gutters,.small-gutters>div>.row{margin-right:calc(var(--bs-smallgutter-x) * -.5);margin-left:calc(var(--bs-smallgutter-x) * -.5)}.row.small-gutters>*,.small-gutters>div>.row>*{padding-right:calc(var(--bs-smallgutter-x) * .5);padding-left:calc(var(--bs-smallgutter-x) * .5)}.formContainer>.row{margin-right:calc(var(--bs-formgutter-x) * -.5);margin-left:calc(var(--bs-formgutter-x) * -.5)}.formContainer>.row>*{padding-right:calc(var(--bs-formgutter-x) * .5);padding-left:calc(var(--bs-formgutter-x) * .5)}.row.wide-gutters,.wide-gutters>.row,.wide-gutters>div>.row{margin-right:calc(var(--bs-widegutter-x) * -.5);margin-left:calc(var(--bs-widegutter-x) * -.5)}.row.wide-gutters>*,.wide-gutters>.row>*,.wide-gutters>div>.row>*{padding-right:calc(var(--bs-widegutter-x) * .5);padding-left:calc(var(--bs-widegutter-x) * .5)}.col{flex:1 0 0%}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-block{display:block}.d-grid{display:grid}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-none{display:none}.mitte-mitte{display:flex;justify-content:center;align-items:center}.order-first{order:-1}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-last{order:9}@media (min-width:576px){.container,.container-sm{max-width:540px}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.d-sm-inline{display:inline}.d-sm-inline-block{display:inline-block}.d-sm-block{display:block}.d-sm-flex{display:flex}.d-sm-inline-flex{display:inline-flex}.d-sm-none{display:none}.order-sm-first{order:-1}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-last{order:9}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}.d-md-block{display:block}.d-md-flex{display:flex}.d-md-inline-flex{display:inline-flex}.d-md-none{display:none}.order-md-first{order:-1}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-last{order:9}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.d-lg-inline{display:inline}.d-lg-inline-block{display:inline-block}.d-lg-block{display:block}.d-lg-flex{display:flex}.d-lg-inline-flex{display:inline-flex}.d-lg-none{display:none}.order-lg-first{order:-1}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-last{order:9}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.d-xl-inline{display:inline}.d-xl-inline-block{display:inline-block}.d-xl-block{display:block}.d-xl-flex{display:flex}.d-xl-inline-flex{display:inline-flex}.d-xl-none{display:none}.order-xl-first{order:-1}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-last{order:9}}@media (min-width:1400px){.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.d-xxl-inline{display:inline}.d-xxl-inline-block{display:inline-block}.d-xxl-block{display:block}.d-xxl-flex{display:flex}.d-xxl-inline-flex{display:inline-flex}.d-xxl-none{display:none}.order-xxl-first{order:-1}.order-xxl-0{order:0}.order-xxl-1{order:1}.order-xxl-2{order:2}.order-xxl-3{order:3}.order-xxl-4{order:4}.order-xxl-5{order:5}.order-xxl-6{order:6}.order-xxl-7{order:7}.order-xxl-8{order:8}.order-xxl-last{order:9}}
/* @media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}} */

*,::after,::before{box-sizing:border-box;}.clearfix::after{display:block;clear:both;content:""}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25;}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none;}pre{font-family:var(--bs-font-monospace);font-size:1em;display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em;}.visible{visibility:visible!important;}.invisible{visibility:hidden!important;}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}button,select{text-transform:none;}[role=button]{cursor:pointer;}[hidden]{display:none!important;}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}input{border-radius:0;border-style:solid;border-width:1px;}

/**** Eigene Elemente ****/
:focus,a{-webkit-tap-highlight-color:transparent}button:focus,:focus,.btn:focus,.btn:active:focus,.btn.active:focus{outline:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}@media (min-width:1400px){.hidden-xxl{display:none}}@media (min-width:1200px) and (max-width:1399px){.hidden-xl{display:none}}@media (max-width:575px){.hidden-xs{display:none}.container-sm>.container,.container-md>.container,.container-lg>.container,.container-xl>.container{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:576px) and (max-width:767px){.hidden-sm{display:none}.container-md>.container,.container-lg>.container,.container-xl>.container{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:768px) and (max-width:991px){.hidden-md{display:none}.container-lg>.container,.container-xl>.container{max-width:100%;padding-left:0;padding-right:0}}@media (min-width:992px) and (max-width:1199px){.hidden-lg{display:none}.container-xl>.container{max-width:100%;padding-left:0;padding-right:0}}
@media(max-width:1199px){.row.small-gutters-lg,.small-gutters-lg>div>.row{margin-right:calc(var(--bs-smallgutter-x) * -.5);margin-left:calc(var(--bs-smallgutter-x) * -.5)}.row.small-gutters-lg>*,.small-gutters-lg>div>.row>*{padding-right:calc(var(--bs-smallgutter-x) * .5);padding-left:calc(var(--bs-smallgutter-x) * .5)}}@media(max-width:991px){.row.small-gutters-md,.small-gutters-md>div>.row{margin-right:calc(var(--bs-smallgutter-x) * -.5);margin-left:calc(var(--bs-smallgutter-x) * -.5)}.row.small-gutters-md>*,.small-gutters-md>div>.row>*{padding-right:calc(var(--bs-smallgutter-x) * .5);padding-left:calc(var(--bs-smallgutter-x) * .5)}}@media(max-width:767px){.row.small-gutters-sm,.small-gutters-sm>div>.row{margin-right:calc(var(--bs-smallgutter-x) * -.5);margin-left:calc(var(--bs-smallgutter-x) * -.5)}.row.small-gutters-sm>*,.small-gutters-sm>div>.row>*{padding-right:calc(var(--bs-smallgutter-x) * .5);padding-left:calc(var(--bs-smallgutter-x) * .5)}}@media(max-width:575px){.row.small-gutters-xs,.small-gutters-xs>div>.row{margin-right:calc(var(--bs-smallgutter-x) * -.5);margin-left:calc(var(--bs-smallgutter-x) * -.5)}.row.small-gutters-xs>*,.small-gutters-xs>div>.row>*{padding-right:calc(var(--bs-smallgutter-x) * .5);padding-left:calc(var(--bs-smallgutter-x) * .5)}}
.hidden {display: none !important;}

/* Ab RS-Form Version 3.4.4 */
.scr:not(:focus):not(:active):not(:focus-within),.scr-only,.rsform-block[class*="nolabel"]>label,.rsfp-visually-hidden{clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden !important;}


/* ############################# FONT AWESOME ############################# */

/* allgemein - das bleibt immer */
.fa,.fa-classic,.fa-sharp,.fas,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin,.fad,.fa-duotone,.fass,.fa-sharp-solid,.fab,.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fas,.fa-classic,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin{font-family:'Font Awesome'}.fass,.fasr,.fasl,.fa-sharp{font-family:'Font Awesome 6 Sharp'}.fal,.fasl,.fa-light{font-weight:300}.far,.fasr,.fa-regular{font-weight:400}.fas,.fass,.fa-solid{font-weight:900}.fat,.fast,.fa-thin{font-weight:100}.fab,.fa-brands{font-family:'Font Awesome Brands';font-weight:400}
.icon-eye:before{content:"\f06e";font-family:'Font Awesome';font-weight:var(--fafontweight);}.icon-eye-slash:before{content:"\f070";font-family:'Font Awesome';font-weight:var(--fafontweight);}.icon-user:before{content:"\f007";font-family:'Font Awesome';font-weight:var(--fafontweight);}.acymicon-play_arrow::before{content:"\f054";font-style:normal;font-family:'Font Awesome';font-weight:var(--fafontweight);}.acymicon-play_arrow.rotate180deg::before{content:"\f053";}

/* Icons - das muss getauscht werden, wenn Icons hinzugefügt wurden */
 .fa-add:before{content:"+"}.fa-arrow-down:before{content:""}.fa-arrow-down-from-line:before{content:""}.fa-arrow-down-long:before{content:""}.fa-arrow-down-to-line:before{content:""}.fa-arrow-from-bottom:before{content:""}.fa-arrow-from-left:before{content:""}.fa-arrow-from-right:before{content:""}.fa-arrow-from-top:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-left-from-line:before{content:""}.fa-arrow-left-long:before{content:""}.fa-arrow-left-to-line:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-right-from-line:before{content:""}.fa-arrow-right-long:before{content:""}.fa-arrow-right-to-line:before{content:""}.fa-arrow-to-bottom:before{content:""}.fa-arrow-to-left:before{content:""}.fa-arrow-to-right:before{content:""}.fa-arrow-to-top:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-up-from-line:before{content:""}.fa-arrow-up-long:before{content:""}.fa-arrow-up-right-from-square:before{content:""}.fa-arrow-up-to-line:before{content:""}.fa-bars:before{content:""}.fa-basket-shopping:before{content:""}.fa-briefcase:before{content:""}.fa-briefcase-clock:before{content:""}.fa-building:before{content:""}.fa-business-time:before{content:""}.fa-calendar-alt:before,.fa-calendar-days:before{content:""}.fa-calendar-edit:before,.fa-calendar-pen:before{content:""}.fa-cart-shopping:before{content:""}.fa-check:before{content:""}.fa-chevron-double-down:before{content:""}.fa-chevron-double-left:before{content:""}.fa-chevron-double-right:before{content:""}.fa-chevron-double-up:before{content:""}.fa-chevron-down:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-chevron-up:before{content:""}.fa-chevrons-down:before{content:""}.fa-chevrons-left:before{content:""}.fa-chevrons-right:before{content:""}.fa-chevrons-up:before{content:""}.fa-circle-info:before{content:""}.fa-clock:before,.fa-clock-four:before{content:""}.fa-close:before{content:""}.fa-cloud-arrow-down:before,.fa-cloud-download:before,.fa-cloud-download-alt:before{content:""}.fa-comment:before{content:""}.fa-download:before{content:""}.fa-edit:before{content:""}.fa-envelope:before{content:""}.fa-external-link:before{content:""}.fa-eye:before{content:""}.fa-eye-slash:before{content:""}.fa-file:before{content:""}.fa-file-arrow-down:before{content:""}.fa-file-doc:before{content:""}.fa-file-download:before{content:""}.fa-file-pdf:before{content:""}.fa-file-xls:before{content:""}.fa-file-zip:before{content:""}.fa-folder:before{content:""}.fa-folder-arrow-down:before{content:""}.fa-folder-blank:before{content:""}.fa-folder-download:before{content:""}.fa-globe:before{content:""}.fa-heart:before{content:""}.fa-home:before,.fa-home-alt:before,.fa-home-lg-alt:before{content:""}.fa-hourglass:before,.fa-hourglass-empty:before{content:""}.fa-house:before{content:""}.fa-image:before{content:""}.fa-images:before{content:""}.fa-info:before{content:""}.fa-info-circle:before{content:""}.fa-list:before,.fa-list-squares:before{content:""}.fa-location-dot:before{content:""}.fa-lock-alt:before,.fa-lock-keyhole:before{content:""}.fa-long-arrow-down:before{content:""}.fa-long-arrow-left:before{content:""}.fa-long-arrow-right:before{content:""}.fa-long-arrow-up:before{content:""}.fa-magnifying-glass:before{content:""}.fa-map-marker-alt:before{content:""}.fa-minus:before{content:""}.fa-money-bill:before{content:""}.fa-multiply:before{content:""}.fa-navicon:before{content:""}.fa-pen:before{content:""}.fa-pen-to-square:before{content:""}.fa-pencil:before,.fa-pencil-alt:before{content:""}.fa-phone:before{content:""}.fa-plus:before{content:"+"}.fa-print:before{content:""}.fa-remove:before{content:""}.fa-rotate:before{content:""}.fa-search:before{content:""}.fa-shopping-basket:before{content:""}.fa-shopping-cart:before{content:""}.fa-star:before{content:""}.fa-subtract:before{content:""}.fa-sync-alt:before{content:""}.fa-times:before{content:""}.fa-trash:before{content:""}.fa-user:before{content:""}.fa-user-edit:before,.fa-user-pen:before{content:""}.fa-xmark:before{content:""}.fa-apple:before{content:""}.fa-facebook:before{content:""}.fa-facebook-f:before{content:""}.fa-facebook-messenger:before{content:""}.fa-facebook-square:before{content:""}.fa-google:before{content:""}.fa-instagram:before{content:""}.fa-linkedin:before{content:""}.fa-linkedin-in:before{content:""}.fa-paypal:before{content:""}.fa-square-facebook:before{content:""}.fa-square-twitter:before{content:""}.fa-square-whatsapp:before{content:""}.fa-square-x-twitter:before{content:""}.fa-square-xing:before{content:""}.fa-twitter:before{content:""}.fa-twitter-square:before{content:""}.fa-whatsapp:before{content:""}.fa-whatsapp-square:before{content:""}.fa-x-twitter:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-youtube:before{content:""}
/* ############################# TEMPLATE ############################# */
/**** Allgemeines ****/
html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--headerheight);
}
body {
  font-family: 'Heebo', sans-serif;
  font-style: normal;
  color: var(--content);
  font-weight: 400;
  margin: 0;
  font-size: 17px;
  line-height: 1.5;
  overflow: visible !important;
  padding: 0 !important;
}

@supports (font-variation-settings: normal) {
  body, .instafeed .ingallery {
      font-family: 'Heebo Variabel';
      font-weight: 350;
  }
}

body p {
  text-align: justify;
  margin-bottom: 1rem;
  margin-top: 0;
}

#inhalt p {
  hyphens: auto;
  hyphenate-limit-chars: 10 6 4;
  -webkit-hyphenate-limit-before: 6; 
  -webkit-hyphenate-limit-after: 4; 
}

#inhalt .zweispalten p {
  hyphenate-limit-chars: 8 4 3;
  -webkit-hyphenate-limit-before: 4; 
  -webkit-hyphenate-limit-after: 3; 
}
@media (max-width : 767px) {
  h1, h2, h3 {
    hyphens: auto;
    hyphenate-limit-chars: 8 4 3;
    -webkit-hyphenate-limit-before: 4; 
    -webkit-hyphenate-limit-after: 3; 
  }
  #inhalt p {
    hyphenate-limit-chars: 8 4 3;
    -webkit-hyphenate-limit-before: 4; 
    -webkit-hyphenate-limit-after: 3; 
  }
}
::-moz-selection {
  background: var(--graudunkel);
  color: #ffffff;
}
::selection {
  background: var(--graudunkel);
  color: #ffffff;
}
#bodywrapper {
  position: relative;
  overflow-x: clip;
}
#bodywrapper.boxed {
  max-width: 1600px;
  margin: 0 auto;
}
img,
video,
iframe {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
  width: 100%;
}
.bgcolor {
  background-color: var(--bgcolor);
}

.eqbox, .eqh1, .eqh2, .eqh3 {
  transition: all 0.5s;
}
.enlivenem {
  visibility: hidden;
}

/**** Überschriften ****/
h1,
h2, .h2,
h3, .h3,
h4,
h5 {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.2;
}

h1 {
  color: var(--prime);
  font-weight: 800;
  font-size: 39px;
  margin: 0px 0 30px;
  text-transform: uppercase;
}
h1:has(+ .breadcrumb) {
  margin-bottom: 10px;
}

h2, .h2 {
  color: var(--prime);
  font-weight: 700;
  font-size: 31px;
  margin: 45px 0 40px;
  text-transform: uppercase;
}

h3, .h3 {
  color: var(--prime);
  font-weight: 600;
  font-size: 28px;
  margin: 40px 0 20px;
}

h4 {
  color: var(--content);
  font-weight: 400;
  font-size: 22px;
  margin: 40px 0 8px;
}

h5 {
  color: var(--content);
  font-weight: 600;
  font-size: 20px;
  margin: 0 0 30px;
}

p.subtitel {
  font-weight: 600;
  margin-bottom: 50px;
  text-transform: uppercase;
}

/***** Links ****/
a {
  color: var(--prime);
  transition: all 0.5s;
  text-decoration: none;
}
p a {
  font-weight: 400;
}
.itemid-254 .main a {
  white-space: normal !important;
  display: inline-block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}
.main a {
  text-decoration: underline;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration: none !important;
}

a.externLink::after, a.btn-download::before, .btn-print::before {
  font-family: 'Font Awesome';
  content: '\f08e';
  color: var(--content);
  font-size: 55%;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  font-weight: var(--fafontweight);
}
a.btn.externLink::after,
.footer a.externLink::after {
  color: #fff;
}
a.btn.btn-primary::after {
  color: #fff;
}
a.btn.btn-primary:hover::after {
  color: var(--prime);
}
a.btn.btn-secondary::after {
  color: var(--prime);
}
a.btn.btn-secondary:hover::after,
a.btn.btn-secondary:hover::before,
.btn-print:hover::after,
.btn-print:hover::before {
  color: #fff;
}
/* a.externLink::after {
  display: inline-block;
  width: 8px;
  margin: -4px 5px 0 2px;
  content: url(/images/template/externLink_black.svg);
  height: 8px;
  vertical-align: text-top;
} 
a.btn.externLink::after,
.footer a.externLink::after {
  content: url(/images/template/externLink_white.svg);
} */
a.externLink.social-icon::after,
.social-icons a.externLink::after,
a.btn-share::after {
  display: none;
  content: none;
}


/**** Text ****/
.eng {
  margin-top: 0;
}

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

b, strong, strong a {
  font-weight: 700;
}

.highlight {
  background-color: #ffeb00;
}

/**** Aufzählungen ****/
ul.design,
.main ul,
.joblisten ul {
  margin: 5px 0 18px;
  padding: 0;
}

.main ul>li,
ul.design>li,
.joblisten ul>li {
  position: relative;
}

.main ul li,
ul.design li,
.joblisten ul li,
.wm-frame ul li {
  margin-bottom: 4px;
  padding: 5px 0px 6px 25px;
  list-style: none;
  border-bottom: 0px none;
  line-height: 1.5em;
  position: relative;
}
.main ol:not(.breadcrumb) {
  padding-left: 20px;
}
.main ol:not(.breadcrumb) li {
  padding: 5px 0px 6px 5px;
}

.main ul li::before,
ul.design li::before,
.joblisten ul li::before,
.wm-frame ul li::before {
  content: '';
  display: inline-block;
  height: 10px;
  width: 16px;
  background-color: var(--second);
  clip-path: polygon(20% 0%, 100% 0, 80% 100%, 0% 100%);
  position: absolute;
  left: 0;
  top: 13px;
}
ul.joblist {
  margin-bottom: 80px;
}
ul.joblist li a{
  text-decoration: none;
  font-size: 23px;
  font-weight: 700;
}
ul.joblist li a:hover{
  text-decoration: underline;
}

/************ Allgemein Responsive ***********/
@media(max-width: 991px) {
  ul {
      margin: 0px;
  }
}

/* ############################# SECTIONS ############################# */

/**** Header ****/
#Header {
  display: block;
  width: 100%;
  height: auto;
  padding: 0 5vw;
  z-index: 99;
  background: var(--prime);
  transition: all 0.5s;
}
#Header + div {
  margin-top: 150px;
}

#Header.sticky {
  position: sticky;
  top: 0;
}
#Header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
#Header.absolute {
  position: absolute;
  top: 0;
}
.logo {
  display: flex;
  align-items: center;
  height: 100%;
}
.logo img, .logo svg {
  height: 75px;
  transition: all 0.5s;
  width: auto;
  max-width: 80vw;
}
.scrolleddown .logo img {
  height: 40px;
}

/**** Slider ****/
#Slider{
  position: relative;
  padding-top: 150px;
  margin-top: 0 !important;
  background-color: var(--prime);
}
#Slider img {
  width: 100%;
}
.headertext {
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  width: clamp(300px, 65vw, 850px);
  padding: 50px 60px 70px 5vw;
}
.headertext::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  background-color: var(--prime);
  background: linear-gradient(180deg, rgba(8,54,81,1) 0%, rgba(8,54,81,1) calc(100% - 40px), rgba(244,215,56,1) calc(100% - 40px), rgba(244,215,56,1) 100%);
  mix-blend-mode: multiply;
  clip-path: polygon(0% 0%, 100% 0, calc(100% - 45px) 100%, 0% 100%);
  z-index: 1;
}
.headertext-inner {
  z-index: 2;
  position: relative;
}
.headertext-inner,
.headertext-inner * {
  color: #fff;
  text-align: left;
  text-shadow: 1px 1px 13px #000;
}
.sliderlink {
  position: absolute;
  right: 5vw;
  bottom: 25px;
}
.headertext-inner p {
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 300;
}
.headertext-inner .h2 {
  margin: 0 0 15px 0;
  font-size: clamp(24px, 3.5vw, 31px);
}
.headerbild {
  max-height: 100vh;
  width: 100%;
}
.headerbild img {
  max-height: 100vh;
  object-fit: cover;
  object-position: center;
  position: relative;
  width: 100%;
}
.headerslider, .headerslider img {
  /* height: calc(100vw * 650 / 1920); */
}

/**** MainBody ****/
#MainBody {
  padding-top: 150px;
  padding-bottom: 150px;
}
.com_sppagebuilder #MainBody {
  padding-top: 0;
  padding-bottom: 0;
}

/** Messeeinträge **/
.messewert {
  padding-bottom: 15px;
  display: flex;
  gap: 15px;
}

.messelabel {
  min-width: 140px;
  font-weight: 600;
}
.startzeit, .endzeit {
  white-space: nowrap;
}

@media (max-width : 991px) {
  .messelogo img {
    max-width: 350px;
    margin: 0 auto 40px !important
  }
}
@media (max-width : 575px) {
  .messewert {
    flex-wrap: wrap;
  }
  
  .messelabel, .messevalue {
    width: 100%;
  }
}



/************ AfterContainer ************/
#AfterContainer {
  padding-top: 100px;
  padding-bottom: 100px;
}
#AfterContainer .moduletable,#BeforeContainer .moduletable{padding:100px 0;position:relative;}#AfterContainer .moduletable.no-top,#BeforeContainer .moduletable.no-top{padding-top:0;}#AfterContainer .moduletable.no-bottom,#BeforeContainer .moduletable.no-bottom{padding-bottom:0;}#AfterContainer .moduletable h2,#AfterContainer .moduletable h3,#BeforeContainer .moduletable h2,#BeforeContainer .moduletable h3{margin-top:0;}

/************ AfterFluid ************/
#AfterFluid {
  position: relative;
}

/**** Bottom ****/

/**** Footer ****/
.footer {
  background-color: var(--prime);
  padding: 15px;
}
.footer.sticky {
  position: sticky;
  bottom: 0;
}
.footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.footer h3 {
  color: #fff;
}
.footer a,
.footer p,
.footer .menu-trenner-center li::after {
    color: #fff;
    font-size: 16px;
    text-align: left;
}
.footer a:hover {
  text-decoration: underline;
}
.footer ul.mod-menu {
  list-style: none;
  margin: 15px 0;
  padding: 0;
}
.footerfull {
  margin-top: 35px;
}
/**** Sonstiges ****/
.debug {
  display: none;
}

/* Pagebuilder Sections */
.section,
#webmanform {
    padding: 150px 0;
}
.kategorie.jobs #webmanform {
  padding: 0;
}
/* .section:first-child {
    padding-top: 0;
} */
.section.no-bottom {
    padding-bottom: 0px;
}
.section.no-top {
    padding-top: 0px;
}
.section.small-top {
    padding-top: 50px;
}
.section.small-bottom {
    padding-bottom: 50px;
}
.section .section {
  padding: 0;
}
.section.innersection,
.section.keinabstand,
.section.hatform, 
.section.trenner {
    padding-bottom: 0px !important;
    padding-top: 0 !important;
}
.section.headerbild {
  padding-bottom: 0;
  padding-top: 0;
}
.section-hoch {
  position: relative;
  top: -150px;
}

.section.container,
.section.wide-container {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}
.wide-container {
  width:100%;
  margin-right:auto;
  margin-left:auto;
  max-width: 90vw;
}

/************ Responsive Sections ************/
@media(min-width : 992px) {
  .section.zweispalten .sppb-addon-text-block:not(.einspaltig) .sppb-addon-content,
  .cat-desc, .categoryDesc, .spalter {
    column-count: 2;
    column-gap: 50px;
  }
  .einspaltig, .spalter .spalter {
    column-gap: unset !important;
    column-count: unset !important;
  }
}
@media(max-width : 991px) {
  .section, #webmanform {
      padding: 80px 0;
  }
  #MainBody {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media(max-width : 767px) {
  .headertext {
    width: 90vw;
  }
  .headertext-inner p {
    font-size: 18px;
  }
  .headertext-inner .h2 {
    font-size: 24px;
  }
  .headerbild, .headerbild img,
  .headerslider, .headerslider img {
    max-height: 80vh;
  }
  .headerslider,
  .headerslider img {
    height: 100vw;
  }
  .trenner img {
    height: 100vw;
    max-height: 80vh;
    width: 100%;
  }
}
@media(max-width : 575px) {
  .headertext {
    width: 100%;
  }
  .headertext::before {
    clip-path: none;
  }
  .wide-container {
    max-width: 100vw;
}
}

/* ############################# MENU ############################# */
/* alle Ebenen */
#menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.menu-trigger {
  display: none;
}
.webman-menu .fa {
  font-weight: var(--fafontweight);
}
.menuicon {
  margin-right: 5px;
}
.menu a {
  text-decoration: none;
}
.hauptmenu {
  padding: 0;
  margin: 0;
  z-index: 99;
  display: block;
  position: relative;
  transition: all 0.5s;
}
.hauptmenu li {
  list-style-type: none;
  position: relative;
}
.hauptmenu li a,
.hauptmenu li .separator,
.hauptmenu li .nav-header {
  position: relative;
  font-weight: 500;
  padding: 0 15px;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.2s;
  letter-spacing: 0.0075em;
}
/* .hauptmenu li.hassub > a::after {
  font-family: "Font Awesome";
  font-weight: var(--fafontweight);
  content: "\f078";
  margin-left: 7px;
  float: right;
  transition: transform 0.5s;
} */
.submenu {
  display: none;
  padding: 0;
  margin: 0;
}
.hauptmenu .submenu {
  position: absolute;
  background-color: var(--second);
}

.hauptmenu li.hassub > a .dropdown {
  display: inline-block;
  padding: 0 15px;
  transition: all 0.5s;
}

/* zweite Ebene */
.hauptmenu li .submenu li {
  display: block;
  transition: all 0.5s;
}
.hauptmenu li .submenu a,
.hauptmenu li .submenu .separator,
.hauptmenu li .submenu .nav-header {
  display: block;
  padding-left: 15px;
  color: var(--prime);
  font-weight: 500;
}

/* Für das Desktop Menü */
@media (min-width: 1200px) {
  /* erste Ebene */
  #wmmenu {
    display: flex;
    justify-content: flex-end;
  }
  .hauptmenu>li {
    display: inline-block;
  }
  .hauptmenu>li>a,
  .hauptmenu>li>.separator,
  .hauptmenu>li>.nav-header {
    display: inline-table;
    font-size: 23px;
    position: relative;
    line-height: 150px;
    padding: 0 1.5vw;
    font-weight: 400;
  }

  .scrolleddown .hauptmenu>li>a,
  .scrolleddown .hauptmenu>li>.separator,
  .scrolleddown .hauptmenu>li>.nav-header {
    line-height: 60px;
  }

  .hauptmenu > li:last-of-type > a,
  .hauptmenu > li:last-of-type > span {
    padding-right: 0px;
  }
  .hauptmenu>li.active>a {
    /* transform: skewX(-10deg) translateZ(0); */
    font-weight: 600;
  }
  .hauptmenu li.hassub > a .dropdown {
    display: none;
  }

  /* zweite Ebene */
  .hauptmenu .submenu {
    position: absolute;
    min-width: 220px;
    height: auto;
    z-index: 500;
    right: 0;
    top: 115px;
    padding: 15px 20px;
    mix-blend-mode: multiply;
  }
  .hauptmenu .item-693 .submenu,
  .hauptmenu .item-692 .submenu {
    min-width: 270px;
  }
  
  html[lang="de-DE"] .hauptmenu .item-691 .submenu {
    min-width: 275px;
  }
  html[lang="en-GB"] .hauptmenu .item-691 .submenu {
    min-width: 280px;
  }
  html[lang="en-GB"] .hauptmenu .item-692 .submenu {
    min-width: 280px;
  }
  .scrolleddown .hauptmenu .submenu {
    top: 100%;
  }
  li.hassub:hover>.submenu {
    display: block;
  }
  .hauptmenu .submenu li a {
    padding: 0;
    line-height: 1.5;
  }
  .hauptmenu .submenu > li > a:hover,
  .hauptmenu .submenu > li.active > a {
    /* transform: skewX(-10deg) translateZ(0); */
    font-weight: 700;
    letter-spacing: 0;
  }
  .hauptmenu .submenu li {
    padding: 8px 0;
  }
  .hauptmenu .submenu.level2,
  .hauptmenu .submenu.level3 {
    left: 100%;
    top: 0;
    display: none !important;
    pointer-events: none;
  }
  .menu-overlay,
  .webman-menu .menu-footer,
  .webman-menu .menu-header {
    display: none;
  }
  .hauptmenu>li>a>img {
    display: none;
  }
}

@media (max-width: 1444px) {
  .hauptmenu>li>a, 
  .hauptmenu>li>.separator, 
  .hauptmenu>li>.nav-header {
    font-size: 21px;
  }
}

/*Für das Mobile Menü*/
@media (max-width: 1199px){

  #Header + div {
    margin-top: 90px;
  }
  #Slider {
    padding-top: 90px;
  }
  .logo {
    height: auto;
    margin: 15px 0;
}
  /* Standard - volle Höhe */
  .menu-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.55);
    transition: all 0.5s;
  }
  .webman-menu .wmmenu-outer {
    /* display: none; */
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -999;
    transition: opacity 0.5s ease 0s, z-index 0s ease 0.5s;
    opacity: 0;
    pointer-events: none;
  }
  .webman-menu .menu {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 300px;
    background-color: var(--prime);
    overflow-x: hidden;
    overflow-y: auto;
    right: 0;
    left: auto;
    scrollbar-width: none;
  }
  .webman-menu .menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    width: inherit;
    z-index: 2;
    background-color: var(--prime);
    padding-left: 15px;
  }
  .hauptmenu {
    padding-top: 70px;
    padding-bottom: 100px;
    z-index: unset;
  }
  .webman-menu .menu-footer {
    position: fixed;
    bottom: 0;
    padding: 15px;
    font-size: 16px;
    background-color: var(--prime);
    z-index: 2;
    width: 300px;
  }

  #menu {
    justify-content: flex-end;
  }
  .hauptmenu img {
    display: none;
    width: 1px;
    height: 1px;
    visibility: hidden;
  }

  .menu-right {
    display: flex;
    justify-content: flex-end;
  }

  .menu-header .menu-trigger,
  .menu-right .menu-trigger {
    position: relative;
    display: block;
    cursor: pointer;
    line-height: 60px;
    width: 60px;
    height: 60px;
    background: none;    
    color: #fff;
    font-size: 25px;
    text-align: center;
  }
  .menu-right .menu-trigger {
      position: fixed;
      right: 0;
      top: 0;
  }
  .menu-header .menu-trigger i,
  .menu-right .menu-trigger i{
    line-height: 60px;
  }
  .menu-header .menu-trigger:hover,
  .menu-right .menu-trigger:hover {
    color: var(--second);
  }
  .mobile-open .menu-overlay {
    opacity: 1;
    visibility: visible;
  }
  .menu-overlay .menu-trigger {
    display: block;
    width: 100%;
    height: 100%;
    cursor: default;
  }
  .webman-menu .wmmenu-outer.open {
    opacity: 1;
    z-index: 1000;
    transition: opacity 0.5s ease 0s, z-index 0s ease 0s;
    pointer-events: all;
  }
  .webman-menu .menu::-webkit-scrollbar {
    width: 0px;
  }
  .hauptmenu li {
    display: block;
    line-height: 1;
    margin: 0;
  }
  .hauptmenu li a {
    line-height: 2.5;
    border-bottom: 1px solid rgb(251 251 251 / 10%);
    background-color: transparent;
    display: block;
    font-size: 18px;
    font-weight: 300;
  }
  .hauptmenu li.active > a {
    font-weight: 700;
  }
  .hauptmenu li .submenu {
    position: unset;
  }
  .hauptmenu li.hassub.open > .submenu {
    display: block;
  }
  .hauptmenu li.hassub>a {
    display: flex;
    justify-content: space-between;
  }  
  .hauptmenu li.hassub > a .dropdown {
    padding: 0;
  }
  .hauptmenu li.hassub.open > a .dropdown {
    transform: rotate(180deg);
  }
  .hauptmenu .submenu.level1 {
    background-color: var(--blau-mittel);
  }

  .hauptmenu .submenu.level2 {
    background-color: var(--blau-hell);
  }
  .hauptmenu .submenu.level3 {
    background-color: #aaa;
  }
  .hauptmenu li .submenu.level1 a,
  .hauptmenu li .submenu.level1 .separator,
  .hauptmenu li .submenu.level1 .nav-header {
    padding: 7px 10px 7px 15px;
    line-height: 1.5;
    text-transform: none;
  }
  .hauptmenu li .submenu.level2 a,
  .hauptmenu li .submenu.level2 .separator,
  .hauptmenu li .submenu.level2 .nav-header {
      padding-left: 30px;
      text-transform: none;
  }
  .rechtliches.mobile h3 {
    display: none;
  }
  .rechtliches.mobile ul {
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: flex-start;
  }
  .rechtliches.mobile li {
    display: inline-block;
  }
  .rechtliches.mobile li.item-283 {
    display: none;
  }
  .rechtliches.mobile li:not(:last-of-type)::after {
    content: '|';
    padding: 0 5px;
    color: #fff;
  }
  .rechtliches.mobile li a {
    color: #fff;
  }
  .rechtliches.mobile li a:hover {
    color: #fff;
    text-decoration: underline;
  }
  #menu > .language {
    display: none;
  }
}

/**** Fixed Sidebar ****/
.fixed-sidebar{position:fixed;top:30vh;right:0;z-index:98;}.fixed-sidebar .iconrow{position:relative;margin-bottom:10px;height:44px;}.fixed-sidebar .iconrow:last-of-type{margin-bottom:0;}.fs-icon a{background-color:var(--prime);display:block;width:45px;padding:10px;height:45px;color:#fff;border-radius:7px 0 0 7px;box-shadow:0 0 0 1pt #fff;}.fs-icon a .icon{font-size:24px;color:#fff;line-height:25px;text-align:center;width:100%;font-style:normal;}.fixed-sidebar .fs-icon{display:inline-block;z-index:100;position:relative;height:45px;width:45px;}.fixed-sidebar .fs-icon .icon{font-size:18px;}.fixed-sidebar .fs-content{background-color:var(--graudunkel);color:#fff;position:absolute;width:auto;white-space:nowrap;z-index:0;height:45px;line-height:45px;transition:all .5s;padding:0 20px;border-radius:7px 0 0 7px;box-shadow:0 0 0 1pt #fff;}.fs-content a,.fs-content a span{color:#fff;text-decoration:none!important;}.iconrow:hover .fs-content{top:0;transform:translateX(-99%);}.iconrow:hover .fs-icon a{border-radius:0;}

/**** Menü Trenner ****/
.menu-trenner-center li {
  float: left;
  list-style: none;
  text-align: left;
  margin-right: 5px;
}
.menu-trenner-center li::after {
  content: "|";
  margin-left: 5px;
}
.menu-trenner-center li:last-of-type::after {
  content: none;
}
.menu-trenner-center {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

/**** Breadcrumbs ****/
.breadcrumb:not(:empty){padding:0;border-radius:0;list-style:none;font-size:15px;margin:0 0 35px 3px;display:flex;flex-wrap:wrap;position:relative;top:-10px;}.breadcrumb-item{white-space:nowrap;}.breadcrumb-item::after{padding-left:.5rem;padding-right:.5rem;color:var(--graudunkel);font-family:"Font Awesome";font-weight:var(--fafontweight);content:"\f054";font-size:80%;line-height:2;}.breadcrumb-item.active{color:var(--graudunkel);}.breadcrumb-item.active::after{content:none;}.breadcrumb a{text-decoration:none;}.breadcrumb a:hover{text-decoration:underline;}

/**** Responsive Menüs ****/


/* ############################# BOXEN & IMAGEWRAPPER ############################# */
/**** Box ****/
.box {
  background-color: var(--default);
  padding: 10px;
  position: relative;
  margin-bottom: 30px;
}
.jobs .box {
  background-color: transparent;
  padding: 10px;
  position: relative;
  margin-bottom: 0;
  text-align: center;
}

.wide-gutters .box {
  margin-bottom: var(--bs-widegutter-x);
}
.small-gutters .box {
  margin-bottom: var(--bs-smallgutter-x);
}
.box a, a.box {
  text-decoration: none!important;
  display: block;
  color: inherit;
}
.box a:hover, a.box:hover {
  color: inherit;
}
.box .backimage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: 50% 50%;
  background-size: cover;
}
.box .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s;
  padding: 10px;
  pointer-events: none;
}
.box .overlay * {
  color: #fff;
  text-align: center;
}
.box:hover .overlay {
  opacity: 1;
}
.box h3 {
  margin-top: 0;
}

/**** Textbox ****/
.textbox {
  position: relative;
}
.textbox * {
  color: #fff;
  text-align: center;
}
.textbox h3 {
  margin-top: 20px;
}
.textbox .textbox-content {
  background-color: var(--prime);
  padding: 25px clamp(25px, 3vw, 50px) 50px;
  clip-path: polygon(25px 0%, 100% 0, calc(100% - 25px) 100%, 0% 100%);
  margin-top: 40px;
  padding-top: 50px;
}
.textbox .boxicon img{
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  height: 100px;
  width: auto;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  filter: drop-shadow(2px 4px 6px var(--prime));
}
.textbox .boxlink {
  position: absolute;
  bottom: 0;
  transform: translateY(50%) translateX(-14px);
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

/**** Imagebox ****/
.box.imagebox {
  padding: 0;
}
.box.imagebox .title {
  padding: 0px 10px;
}

/**** Hinweisbox ****/
.hinweisbox {
  background-color: var(--prime);
  color: #fff;
  clip-path: polygon(25px 0%, 100% 0, calc(100% - 25px) 100%, 0% 100%);
  padding: 40px;
  margin: 120px -25px 30px;
}
.hinweisbox h3 {
  margin-top: 0;
  color: #fff;
  margin-bottom: 25px;
}
.hinweisbox *:last-child {
  margin-bottom: 0;
}
.hinweisbox, .hinweisbox p, .hinweisbox h3 {
  text-align: center;
}

/**** Imagewrapper ****/
.imagewrapper img {
  transition: all .5s;
  -webkit-transition: all .5s;
  transform: scale(1.01);
}

/* a:hover .imagewrapper img {
  transform: scale(1.1);
} */

/**** Produktbox ****/
.box.produktbox .imagewrapper {
  overflow: visible;
}
.box.produktbox {
  background-color: transparent;
  padding: 0;
  padding-bottom: 25px;
}
.image {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.box.produktbox .image img{
  max-height: 200px;
  width: auto;
  margin: 0 auto;
  height: 100%;
}
.box.produktbox.eqbox > a,
.box.produktbox.eqbox > a > .row {
  height: 100%;
}
.box.produktbox .title {
  padding-top: 80px;
}
.box.produktbox h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
  height: 2.4em;
  font-size: 24px;
  margin-bottom: 30px;
}
.box.produktbox .content {
  position: relative;

}
.box.produktbox::after {
  content: '';
  position: absolute;
  top: 50px;
  left: 50px;
  right: -25px;
  bottom: 0;
  background-color: var(--blau-hell);
  clip-path: polygon(45px 0%, 100% 0, calc(100% - 45px) 100%, 0% 100%);
  z-index: -1;
}

.box.produktbox .typ {
  font-weight: 600;
  margin-bottom: 10px;
}
.box.produktbox .usps {
  font-size: 15px;
  font-weight: 400;
}
span.usplabel {
  font-weight: 600;
}
.box.produktbox .content {
  padding-right: 22px;
}
.wm-categories .box.produktbox,
.tag-category .box.produktbox {
  padding-bottom: 15px;
}
.tag-category .box.produktbox span {
  margin-top: 20px;
}
.wm-categories .box.produktbox .content {
  text-align: right;
  width: 100%;
}
.wm-categories .box.produktbox .title {
  padding-left: 45px;
  padding-right: 15px;
}
.wm-categories .box.produktbox h3 {
  margin-bottom: 50px;
}
.wm-categories .box.produktbox .btn {
  white-space: nowrap;
}
.wm-categories .box.produktbox .boxinhalt {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.wm-categories .box.produktbox::after {
  clip-path: polygon(48px 0%, 100% 0, calc(100% - 48px) 100%, 0% 100%);
}
.box.ST…V .uspwert {
  display: block;
}

/**** Dispatcher ****/
.dispatcher .box {
  background-color: transparent;
  margin-bottom: 0;
  text-align: center;
}
.dispatcher .title, .jobs .title, .timelinebild .title {
  display: block;
  text-align: center;
  /* transform: translateY(-50%) translateZ(1px); */
  transform: translateY(-50%) scale(1.0001);
  background-color: var(--second);
  padding: 15px 30px !important;
  text-align: center;
  clip-path: polygon(15px 0%, 100% 0, calc(100% - 15px) 100%, 0% 100%);
  display: inline-block;
  transition: all .2s;
}
.jobs .title h3, .dispatcher .title h3, .timelinebild .title h3{
  font-size: 21px;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.dispatcher .current {
  display: none;
}

.dispatcher .box a:hover .title, 
.jobs .box a:hover .title, 
.timelinebild .box a:hover .title {
  transform: translateY(-50%) scale(1.1); 
}

/**** Responsive Boxen & Imagewrapper ****/
@media (max-width: 1199px) and (min-width: 992px) {
  .wm-categories .box.produktbox .title {
    padding-left: 10px;
    padding-right: 0px;
  }
}
@media (max-width : 991px) {
  .textbox {
    margin-top: 120px;
    margin-bottom: 20px;
  }
}
@media (max-width : 575px) {
  .box.produktbox .title {
    padding-top: 30px;
  }
  .box.produktbox::after {
    top: 140px;
    left: 0;
    right: 0;
    clip-path: polygon(25px 0%, 100% 0, calc(100% - 25px) 100%, 0% 100%)
  }
  .box.produktbox {
    margin-bottom: 70px;
  }
  .box.produktbox .content {
    padding-right: 42px;
    padding-left: 42px;
  }
  .wm-categories .box.produktbox .title {
    padding-left: 25px;
    padding-right: 0px;
  }
  .box.produktbox h3 {
    margin-bottom: 30px;
    height: auto;
  }
  .wm-categories .box.produktbox .content {
    padding-right: 62px;
    padding-left: 32px;
  }
  .wm-categories .box.produktbox {
    padding-bottom: 25px;
  }
  .wm-categories .box.produktbox::after {
    clip-path: polygon(55px 0%, 100% 0, calc(100% - 55px) 100%, 0% 100%);
  }
}

/* ############################# INHALTE ############################# */
/**** Category View ****/
.cat-desc + .wm-categories, .kategorielisting {
  margin-top: 80px;
}

.downloads {
  margin-top: 40px;
  margin-bottom: 60px;
}

.cat-gallery {
  margin-top: 60px;
}

/**** Blog ****/
.webman-kategorie .blog-item {
  margin-bottom: 30px;
}

/**** Grid ****/
.contentlisting {
  margin-top: 30px;
}

/**** Accordion ****/
#accordion {
  margin-bottom: 20px;
}

.accordion-title {
  position: relative;
}

.accordion-toggler {
  cursor: pointer;
  line-height: 50px;
}

.accordion-link {
  transition: all .5s;
  color: #fff;
  margin: 0;
  padding: 9px 60px 11px 20px;
  font-size: 22px;
  text-align: left;
  background-color: var(--prime);
  font-weight: 300;
  margin-bottom: 10px;
}

.Item.anzeigen .accordion-link {
  background-color: var(--prime);
  color: #FFF;
}
.accordion-link span {
  white-space: nowrap;
}

.accordion-link::after {
  font-family: "Font Awesome";
  font-weight: var(--fafontweight);
  content: "\f078";
  text-align: center;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 10px;
  line-height: 30px;
  transform: rotate(0deg);
  font-size: 22px;
  transition: all .3s;
}

.anzeigen .accordion-link::after {
  transform: rotate(180deg);
  color: #fff;
}

.Item:not(.anzeigen) .accordion-content {
  max-height: 0 !important;
}

.accordion-content {
  transition: all .5s;
  overflow: hidden;
  background-color: var(--blau-hell);
}

.anzeigen .accordion-content {
  max-height: 500px;
  transition: all 1.5s;
  margin-bottom: 10px;
}

.accordion-content-inner {
  padding: 30px;
  font-size: 16px;
  font-weight: 400;
}
.accordion-content *:not(.tag):last-child {
  margin-bottom: 0;
}

/**** Article Detail ****/
.article-details .article-image {
  margin-bottom: 30px;
}

.article-details .icons .float-end {
  display: none;
}
.produkt-details h1 {
  text-transform: none;
  font-weight: 600;
}
.produkt-details .tags {
  margin-bottom: 20px;
}
.produkt-details .tag:hover {
  color: inherit;
  background-color: var(--default);
}
.produkt-details .tag {
  cursor: auto;
}
.produkt-details .artikeltext {
  margin-top: 40px;
}
span.typ {
  font-weight: 900;
  margin-right: 10px;
}
.zeichen {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-end;
  margin: 35px 0;
}
.symbol img{
  height: 30px;
  width: auto;
}
.symbol .wm-tooltip .wm-tooltip-inner {
  width: auto;
  max-width: 260px;
  min-width: 125px;
}
.anfrage {
  padding-left: 20px;
  line-height: 0.8;
  font-weight: 500;
}
.zeichnung {
  max-width: clamp(300px, 70vw, 500px);
  margin: 0 auto 50px;
}
.belegung {
  max-width: clamp(300px, 70vw, 900px);
  margin: 0 auto 50px;
}

.belegung img {
  max-width: 100%;
  width: inherit;
  margin: 0 auto;
}
.tabelle {
  margin: 80px 0 50px;
}
table.details td.field-label {
  white-space: nowrap;
}
.anfrageform {
  background-color: var(--prime);
  padding: clamp(20px, 2vw, 40px);
  padding-bottom: 0;
  margin-top: 50px;
}
.anfrageimtext {
  cursor: pointer;
  text-decoration: underline;
}
.anfrageform h3, .anfrageform p, .anfrageform label {
  color: #fff;
}
.anfrageform h3 {
  margin-top: 0;
  margin-bottom: 8px;
}
.anfrageform p {
  font-weight: 300;
  margin-bottom: 40px;
}
.anfrageform .anfragetext {
  position: relative;
  padding-bottom: 50px;
}
.linkbutton {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.linkbutton button, .linkbutton > a {
  transform: translateY(50%);
}
.article-footer {
  display: flex;
  justify-content: space-between;
}
.teilen p {
  display: inline;
  margin-right: 15px;
}
.teilen .buttons {
  display: inline;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .anfragebild-outer {
    padding-bottom: clamp(20px, 2vw, 40px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/*** Messe-Termine ***/
.Item.messe .accordion-content .row {
  margin-bottom: 15px;
}

/**** Tags ****/ 
.tags {
  margin-bottom: 60px;
}
.produkt-details .tag {
  margin-left: -5px;
  margin-bottom: 10px;
}
.mod-tagspopular .tag {
  background-color: var(--blau-mittel);
  font-weight: 600;
  margin-bottom: 10px;
}
.tag-category .tag {
  background-color: var(--blau-mittel);
  font-weight: 600;
  margin-bottom: 20px;
}

/* Pagination */
.navigation {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: space-between;
}

/**** Jobs ****/
.jobs .weiterlesen {
  text-align: right;
  margin: 20px auto;
}
.kategorie.jobs .blog-item {
  margin-bottom: 60px;
}
.jobfacts {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0 30px;
}

.jobfacts .fact {
  background-color: var(--prime);
  color: #fff;
  padding: 2px 10px;
  font-size: 15px;
}
.fact.validthrough {
  display: none;
}

.fact > span::before {
  font-family: 'Font Awesome';
  font-weight: var(--fafontweight);
  padding-right: 5px;
}
.fact.employmenttype > span::before {
  content: '\f0b1';
}
.fact.validthrough > span::before {
  content: '\f254';
}
.fact.beginn > span::before {
  content: '\f017';
}
.fact.hiringorganization > span::before {
  content: '\f3c5';
}
.fact.arbeitszeit > span::before {
  content: '\f64a';
}
.fact.gehalt > span::before {
  content: '\f0d6';
}
.downloadpdf a::before{
  font-family: 'Font Awesome';
  font-weight: var(--fafontweight);
  content: '\f1c1';
  padding-right: 5px;
}

/**** Social Icons ****/
.social-icons {
  margin: 10px 0;
  display: flex;
  justify-content: flex-start;
}
.social-icons a {
  display: inline-block;
  color: var(--prime);
}
.social-icons i {
  background-color: #fff;
  clip-path: polygon(5px 0%, 100% 0, calc(100% - 5px) 100%, 0% 100%);
  height: 30px;
  width: 40px;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  margin: 0 5px;
  transition: all 0.5s;
}
.social-icons a:hover i {
  background-color: var(--second);
}

/**** Login ****/
.login-actions, .com-users-profile__edit-submit .controls {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 25px;
}
.login span.form-control-feedback {
  position: absolute;
  left: 11px;
  top: 36px;
  font-size: 90%;
}

/**** Responsive Inhalte ****/
@media (max-width : 991px) {
  table.details {
    margin-top: 50px;
  }
}
@media (max-width : 767px) {
  .article-footer {
    display: block;
  }
  .teilen {
    margin-top: 30px;
    text-align: right;
  }
}

/* ############################# ELEMENTE ############################# */
/**** Buttons ****/
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;
}
.btn, .btn-filter {
  display: inline-block;
  padding: 5px 35px;
  font-weight: 500;
  line-height: 1.9rem;
  color: var(--content);
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: var(--default);
  border: 0px;
  transition: all 0.3s;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0, calc(100% - 10px) 100%, 0% 100%);
  text-shadow: none !important;
}
.input-password-toggle {
  clip-path: none;
}
.btn:hover {
  background-color: var(--graudunkel);
  color: #fff;
}
.btn-primary {
  background-color: var(--prime);
  color: #fff;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus, 
.box:hover span.btn-primary {
  background-color: var(--second);
  color: var(--prime);
}
.btn-secondary {
  background-color: var(--second);
  color: var(--prime);
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background-color: var(--prime);
  color: #fff;
}
.boxlink .btn-secondary, .btn-anfrage  {
  transform: scale(1.00001);
  transition: all .2s;
}
.btn-anfrage {
  padding: 10px 60px;
  font-weight: 700;
  font-size: 22px;
}
.boxlink .btn-secondary:hover,
.boxlink .btn-secondary:active,
.boxlink .btn-secondary:focus {
  color: var(--prime);
  background-color: var(--second);
  transform: scale(1.1);
}
.btn-anfrage:hover,
.btn-anfrage:focus,
.btn-anfrage:active {
  color: var(--prime);
  background-color: var(--second);
  transform: translateY(50%) scale(1.1);
}

.btn-default,
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  background-color: var(--default);
  color: #333;
  text-transform: none;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  background-color: #acacac;
  color: #333;
}
.btn.disabled {
  pointer-events: none;
  opacity: 0.7;
}
.btn-success {
  color: #fff;
  background-color: #198754;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  color: #fff;
  background-color: #157347;
}
.btn-warning {
  color: #000;
  background-color: #ffc107;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
}
.btn-lg,
.btn-group-lg>.btn {
  padding: 8px 35px;
  font-size: 120%;
  text-transform: none;
}
.btn-sm,
.btn-group-sm>.btn {
  padding: 0px 20px;
  font-size: 80%;
}
.btn-block {
  width: 100%;
}
.btn-close,
 a.close,
.btn.close,
.proopc-alert .close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  position: absolute;
  right: 10px;
  top: 10px;
  border: 0px;
  color: transparent;
}
.btn-close:hover,
.btn-close:focus,
.btn-close:active {
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.5;
}
.actionbuttons {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.btn-download {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
a.btn-download::before {
  content: '\f56d';
  font-size: 103%;
  margin-right: 15px;
}
.btn-print::before {
  content: '\f02f';
  font-size: 103%;
  margin-right: 15px;
}
.btn-share {
  font-size: 26px;
}
/**** Tabellen ****/
.main table {
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-collapse: collapse;
}
.main table.inline {
  width: auto;
}
.main table tr {
  border-top: 1px solid var(--default);
}
.main table tr:not(.empty):last-of-type {
  border-bottom: 1px solid var(--default);
}

.main table tr:not(.empty) td,
.main table tr th {
  border-right: 1px solid var(--default);
  border-bottom: 1px solid var(--default);
}
.main table tr:not(.empty) td:first-of-type,
.main table thead tr:first-of-type th:first-of-type {
  border-left: 1px solid var(--default);
}
.main table thead tr:first-of-type td,
.main table thead tr:first-of-type th {
  border-top: 1px solid var(--default);
}
.main table th:not(:empty) {
  padding: 10px 8px;
  line-height: 1.2;
}
.main table td:not(:empty) {
  padding: 1px 8px;
}



.accordion-content-inner table {
  margin-top: 12px;
}
.accordion-content-inner table.lexicon th {
  background-color: var(--prime);
  color: #FFF;
  border: 1px solid var(--prime);
}
.accordion-content-inner table.lexicon tr:not(.empty) td:last-of-type,
.accordion-content-inner table.lexicon tr th:last-of-type,
.accordion-content-inner table.lexicon tr:not(.empty) td,
.accordion-content-inner table.lexicon tr th {
  border-color: var(--prime);
}

.accordion-content-inner table.lexicon td {
  border: 1px solid var(--prime);
  text-align: center;
}
.accordion-content-inner table.lexicon.left td {
  text-align: left;
}

.table-striped>tbody>tr:nth-of-type(odd)>*,
.tabelle table>tbody>tr:nth-of-type(odd)>* {
  background-color: #e5e5e5;
}

.table-striped>tbody>tr:nth-of-type(even)>*,
.tabelle table>tbody>tr:nth-of-type(even)>* {
  background-color: #fff;
}
.tabelle.preise table >tbody>tr:nth-of-type(odd)>* {
  background-color: #b2d0e1;
}
.table-hover>tbody>tr:hover>* {
  background-color: rgb(72 82 95 / 10%);
  color: var(--content);
}
.tabelle table {
    border-collapse: separate;
    border-spacing: 0;
}
.tabelle table * {
  border-color: var(--prime) !important;
  font-size: 15px;
}
.tabelle table td {
  text-align: center;
}
.tabelle table thead th {
  font-weight: 600;
  background-color: #fff;
}
.tabelle .clean table *{
  border: none !important;
  background-color: #fff !important;
  text-align: left;
}

.scrollcontainer {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.scrollcontainer table {
  min-width: 500px;    
  width: 100%;
}
.scrollcontainer table:not(.lexicon) tr td:first-of-type,
.scrollcontainer table:not(.lexicon) tr th:first-of-type {
  position: sticky;
  left: 0;
  z-index: 1;
}

table.details {
  width: auto;
  font-size: 15px;
  font-weight: 500;
}
table.details * {
  border: none !important;
}
table.details tr {
  border-top: 1px solid var(--default)!important;
}
table.details td:not(:empty) {
  padding: 0 15px 0 0;
  vertical-align: top;
}

/********* Table responsive ***********/

@media (max-width : 767px){
  table.responsive thead {
      display: none;
  }
  table.responsive td {
      display: block;
  }
  table.responsive td.number {
      display: none;
  }
  table.design.responsive tr {
      border-top: 1px solid #272727;
      border-bottom: 0px none;
  }

  table.design.responsive td.delete {
      padding-bottom: 30px
  }
  table.responsive td .responsivetitle {
      display: inline;
      font-weight: bold;
  }
}

body.katalog .tabelle.preise{
    display: none !important;
}

/**** Sprachwahl ****/
#menu > .language {
  position: absolute;
  top: 48px;
  right: 17px;
  transition: all .3s;
}
body.scrolleddown #menu .language {
  top: 4px;
}
div.mod-languages {
  transition: all .5s;
}

div.mod-languages ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

div.mod-languages li {
  margin-left: 0;
  display: inline;
}

div.mod-languages ul.lang-inline li {
  display: inline-block;
}

.menu-header .mod-languages ul {
  display: flex;
}

div.mod-languages ul.lang-inline li:not(:last-of-type)::after,
.menu-header .mod-languages ul li:not(:last-of-type)::after {
  content: '|';
  color: #fff;
  padding: 0 5px 0 3px;
}

div.mod-languages ul.lang-block li {
  display: block;
}

div.mod-languages img {
  border: none;
  height: 20px;
}

div.mod-languages a {
  text-decoration: none;
  color: #fff;
}

div.mod-languages .lang-active a {
  font-weight: 700;
  color: var(--second);
}

div.advanced-dropdown {
  position: relative;
}

div.mod-languages.advanced-dropdown ul {
  background: #ccc;
  position: absolute;
  z-index: 100;
  list-style-type: none;
  left: 0;
  padding: 5px 10px 5px 4px;
  display: none;
  overflow: hidden;
}

div.advanced-dropdown a.langChoose:link,
div.advanced-dropdown a.langChoose:visited {
  background-color: #ccc;
  width: 38px;
  margin-top: 3px;
  padding: 3px;
  line-height: 0;
}

div.advanced-dropdown a.langChoose img {
  border: 1px solid white;
}

div.advanced-dropdown a {
  white-space: nowrap;
}

/**** Filter ****/
.filterbar>.row {
  justify-content: center;
}
button.filtertoggle {
  min-width: 200px;
  padding: 5px 18px;
  max-height: none;
  transition: all 0.5s;
  margin: 30px 0;
  width: 100%;
}

button.filtertoggle[aria-expanded="true"]::after {
  content: ' ausblenden';
}

button.filtertoggle[aria-expanded="false"]::after {
  content: ' anzeigen';
}

.btn-filter {
  width: auto;
  text-align: center;
  margin-bottom: 10px;
  flex: 1;
  padding: 5px 10px;
  background-color: var(--second);
}
.btn-filter:hover,
.btn-filter.is-checked {
  background-color: var(--prime);
}

@media (min-width : 768px) {
  .filterbar {
      display: block !important
  }
  .filtertoggle {
      display: none;
  }
}
@media (max-width : 991px){
  .filterbar.filter-button-group .btn {
      min-width: 35%;
}
}

@media (max-width : 575px) {
  .filterbar.filter-button-group .btn {
      width: 100%;
      max-width: 100%;
  }
}

/************ Filtrify Filter **********/
.ft-hidden { 
  display: none !important; 
}

ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search { 
display: none;
}

ul.ft-menu {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--bs-smallgutter-x);
}
li.ft-field {
  width: auto;
  text-align: center;
  max-width: 100%;
  flex: 1;
  padding: 0!important;
}
li.ft-field.kva ul.ft-tags li {
  width: 50%;
  display: inline-block;
}

ul.ft-menu li::before, 
ul.ft-menu > li.ft-field > span.ft-label:before {
  content: none!important;
}

ul.ft-menu > li.ft-field > span.ft-label {
  cursor: pointer;
  color: #fff;
  font-size: 15px;
  padding: 10px 12px 10px 20px;
  display: block;
  background-color: var(--prime);
  transition: all 0.5s;
  white-space: nowrap;
  font-weight: 500;
}

ul.ft-menu > li.ft-field > span.ft-label.ft-opened,
ul.ft-menu > li.ft-field > span.ft-label.ft-active {
  background-color: var(--second);
  color: var(--prime);
}

ul.ft-menu > li.ft-field > span.ft-label:hover {
  background-color: var(--second);
  color: var(--prime);
}

ul.ft-menu > li.ft-field > span.ft-label:after,
ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:after{ 
  font-family: 'Font Awesome';
  font-weight: var(--fafontweight);
}

ul.ft-menu > li.ft-field > span.ft-label:after { 
  content: '\f078'; 
  padding: 0px 8px;
  transition: transform 0.5s;
  transform-origin: center;
  display: inline-block;
}

ul.ft-menu > li.ft-field > span.ft-label.ft-opened:after { 
  transform: rotate(180deg);
}

ul.ft-menu > li.ft-field > div.ft-panel {
  width: 100%;
  position: absolute;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags {
  background-color: var(--prime);
  margin-top: 0;
  border-top: 1px solid #fff;
  box-shadow: 0px 2px 2px #fff;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li {
  text-align: left;
  color: #fff;
  cursor: pointer;
  padding: 7px 15px 8px 39px !important;
  margin-bottom: 0 !important;
  line-height: 23px !important;
  font-size: 18px;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight { 
  background-color: var(--second);
  color: var(--prime);
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after {
  content: attr(data-count);
  font-size: 11px;
  position: absolute;
  left: 11px;
  top: 11px;
  background: var(--second);
  color: var(--prime);
  font-weight: 700;
  height: 14px;
  line-height: 14px;
  width: 14px;
  text-align: center;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected {
  padding: 10px 10px 5px 10px;
  background: var(--second);
  margin-top: 0;
  margin-bottom: 0;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li {
  font-weight: 400!important;
  display: inline-block;
  margin: 4px;
  cursor: pointer;
  padding: 2px 6px 3px 6px!important;
  color: #fff;
  background-color: var(--prime);
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:after {
  content: " \f00d";
  color: #fff;
  padding-left: 5px;
}

@media (min-width : 992px) {
  li.ft-field {
    max-width: 50%;
  }
}
@media (max-width : 575px) {
  li.ft-field {
    flex: unset;
    width: 100%;
  }
}

/**** Fancybox ****/
.fancybox-button {
  padding: 4px;
  color: #fff;
  background-color: var(--prime);
}

.fancybox-button[disabled] {
  display: none;
}

body .fancybox-slide--image {
  padding: 50px;
}

body .fancybox-thumbs__list a,
body .fancybox-thumbs__list a::before {
  border-color: var(--prime);
}

body .fancybox-progress {
  background-color: var(--prime);
}

body .fancybox-caption {
  max-width: unset;
}
body .fancybox-caption,
body .fancybox-caption * {
  text-align: center;
  color: #fff;
  padding: 5px;
}

body .fancyboxCounter {
  position: fixed;
  top: 8px;
  left: 0;
  width: 100%;
}

/**** Alerts ****/
joomla-alert{animation-duration:var(--jui-alert-animation-duration,.5s);animation-timing-function:var(--jui-alert-animation-timing-function,ease-in-out);}.alert,.proopc-alert,joomla-alert{position:relative;padding:.75rem 1.25rem;margin-bottom:30px;color:var(--darkgrey);background-color:var(--default);border-radius:0;border:1px solid var(--default);display:block;min-width:250px;}joomla-alert .joomla-alert--close{background:transparent;border:0;color:var(--graudunkel);float:right;font-size:1.5rem;font-weight:700;line-height:1;padding:.2rem 1rem;position:relative;right:-1.25rem;top:-.5rem}joomla-alert .joomla-alert--close:focus,joomla-alert .joomla-alert--close:hover{color:#000;cursor:pointer;text-decoration:none}.alert-heading{color:inherit;margin-top:4px;}.alert h3,.alert h4{margin-top:0;}.alert-link{font-weight:700;}.alert-dismissible{padding-right:3rem;}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem;}.alert-success,joomla-alert[type=success]{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc;}.alert-success .alert-link,joomla-alert[type=success] .alert-link,.alert-success h3,joomla-alert[type=success] h3{color:#0c4128;}joomla-alert[type=success] hr{border-top-color:#badbcc;}.alert-warning,.proopc-warning-msg,.alert-notice,joomla-alert[type=warning]{color:#000;background-color:#fff3cd;border-color:#ffeeba;}.alert-warning .alert-link,joomla-alert[type=warning] .alert-link,.alert-warning h3,joomla-alert[type=warning] h3{color:#523e02;}joomla-alert[type=warning] hr{border-top-color:#ffeeba;}.alert-danger,.proopc-error-msg,joomla-alert[type=danger]{color:#000;background-color:#f1d6da;border-color:#da0023;}.alert-danger .alert-link,joomla-alert[type=danger] .alert-link,.alert-danger h3,joomla-alert[type=danger] h3{color:#6a1a21;}joomla-alert[type=danger] hr{border-top-color:#da0023;}.alert-info,joomla-alert[type=info]{color:#333;background-color:#eee;border-color:#aaa;}.alert-info .alert-link,joomla-alert[type=info] .alert-link,.alert-info h3,joomla-alert[type=info] h3{color:#333;}joomla-alert[type=info] hr{border-top-color:#aaa;}.alert p,joomla-alert p,.alert h3,joomla-alert h3{margin-top:0;text-align:left;}@-webkit-keyframes joomla-alert-fade-in{0%{opacity:0}}@keyframes joomla-alert-fade-in{0%{opacity:0}}@-webkit-keyframes joomla-alert-fade-out{0%{opacity:1}to{opacity:0}}@keyframes joomla-alert-fade-out{0%{opacity:1}to{opacity:0}}.alert *:last-child{margin-bottom:0;}.alert *:last-child{margin-bottom:0;}

/**** Joomla Tabs ****/
joomla-tab{display:flex;flex-direction:column}joomla-tab[view=tabs]>div[role=tablist]{background-color:#eee;border:1px solid #ccc;border-bottom:0;display:flex;}joomla-tab[view=accordion]>div[role=tablist]{display:none}joomla-tab button[role=tab]{appearance:none;background-color:transparent;border:unset;color:var(--content);display:block;padding:.75em 1em;position:relative;text-decoration:none;box-shadow:1px 1px #ccc;}joomla-tab button[role=tab][aria-expanded=true]{background-color:#ddd;}joomla-tab button[aria-expanded=true]:after{background-color:var(--prime);bottom:-1px;content:"";height:5px;left:0;position:absolute;right:0}joomla-tab>joomla-tab-element{background-color:#fff;border:1px solid #ccc;display:none;padding:15px;position:relative}joomla-tab>joomla-tab-element[active]{display:block}joomla-tab[view=accordion]{box-shadow:inset 0 1px #fff,0 0 3px rgba(0,0,0,.04);flex-direction:column;white-space:normal}joomla-tab[view=accordion]>button{appearance:none;background-color:#f5f5f5;border:unset;box-shadow:1px 0 0 rgba(0,0,0,.05);color:var(--content);display:block;padding:.75em 1em;position:relative;text-decoration:none;border:1px solid #ccc;}joomla-tab[view=accordion]>button:not(:first-of-type){border-top:none;}joomla-tab[view=accordion]>button:focus,joomla-tab[view=accordion]>button[aria-expanded=true]{background-color:#ccc;border:none;}joomla-tab[view=accordion] joomla-tab-element{display:none;padding:15px}joomla-tab[view=accordion] joomla-tab-element[active]{display:block}joomla-tab[view=accordion] [active]{background-color:#fff}joomla-tab[view=accordion] button[aria-expanded=true]:after{height:100%;left:0;top:0;width:5px}

/**** Aria Hidden ***/
[aria-hidden=true] a[href],[aria-hidden=true] [tabindex]:not([-1]),[aria-hidden=true] area[href],[aria-hidden=true] input:not([disabled]),[aria-hidden=true] select:not([disabled]),[aria-hidden=true] textarea:not([disabled]),[aria-hidden=true] button:not([disabled]),[aria-hidden=true] [tabindex]:not([disabled]),[aria-hidden=true] [contenteditable=true]:not([disabled]){visibility:hidden;}

/**** Scrolltotop ****/
#totop{display:none;transition:all .5s;position:fixed;bottom:30px;right:30px;z-index:98;width:50px;height:50px;line-height:50px;font-size:22px;font-weight:400;color:#fff;background-color:var(--prime);text-align:center;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12);}#totop:hover,#totop:active,#totop:focus{background-color:var(--second);}

/**** Tooltips ****/
*[data-toggle="tooltip"][data-title],*[data-toggle="tooltip"][title]{position:relative;white-space:nowrap;}a[data-toggle="tooltip"][data-title]:has(>img),a[data-toggle="tooltip"][title]:has(>img){display:inline-block;}*[data-toggle="tooltip"]>*:not(.wm-tooltip){pointer-events:none;}.wm-tooltip{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;}.wm-tooltip .wm-tooltip-inner{width:260px;opacity:0;display:inline-block;visibility:hidden;position:absolute;text-align:center;background:var(--tooltipcolor);color:var(--prime);font-weight: 600;font-size:14px;line-height:1.5;padding:10px;transition:all .2s;white-space:normal;text-transform:none;}.wm-tooltip .wm-tooltip-inner:before{position:absolute;content:"";width:0;height:0;border:8px solid transparent;}.wm-tooltip:hover .wm-tooltip-inner{visibility:visible;opacity:1;}.wm-tooltip:hover .wm-tooltip-inner.top{transform:translate(-50%,0);}.wm-tooltip .wm-tooltip-inner.top{bottom:calc(100% + 15px);left:50%;transform:translate(-50%,-10px);}.wm-tooltip .wm-tooltip-inner.top:before{border-top-color:var(--tooltipcolor);border-bottom:0;bottom:-7px;margin-left:-8px;left:50%;}.wm-tooltip:hover .wm-tooltip-inner.bottom{transform:translate(-50%,0);}.wm-tooltip .wm-tooltip-inner.bottom{top:calc(100% + 15px);left:50%;transform:translate(-50%,10px);}.wm-tooltip .wm-tooltip-inner.bottom:before{border-bottom-color:var(--tooltipcolor);border-top:0;top:-7px;margin-left:-8px;left:50%;}.wm-tooltip:hover .wm-tooltip-inner.left{transform:translate(0,-50%);}.wm-tooltip .wm-tooltip-inner.left{right:calc(100% + 15px);top:50%;transform:translate(-10px,-50%);}.wm-tooltip .wm-tooltip-inner.left:before{border-left-color:var(--tooltipcolor);top:50%;margin-top:-8px;right:-7px;border-right:0;}.wm-tooltip:hover .wm-tooltip-inner.right{transform:translate(100%,0);}.wm-tooltip .wm-tooltip-inner.right{right:-15px;top:-15px;transform:translate(150%,10px);}.wm-tooltip .wm-tooltip-inner.right:before{border-right-color:var(--tooltipcolor);top:50%;margin-top:-8px;left:-7px;border-left:0;}

/**** Slick Slider ****/
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
}
.slick-list{
    position: relative;
    display: block;
    padding: 0;
    margin: 0 -15px;
    overflow-x: clip;
}
@supports selector(:has(*)) {
  .slick-slider {
    position: unset;
    overflow-x: clip;
  }
  div:has(> .slick-slider) {
    position: relative;
  }
  .slick-list {
    overflow-x: unset;
  }
}
.wm-slider.headerbild .slick-list{
  margin: 0;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
   transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track,
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 0 15px;
    position: relative;
    transition: all 0.3s;
}
#Slider .slick-slide{
    margin: 0;
}
.slick-slide.slick-loading img,
.slick-arrow.slick-hidden {
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
}

/* Arrows */
.slick-arrow{
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background-color: var(--prime);
  color: #fff;
  border-radius: 0;
  transition: all 0.3s;
  z-index: 5;
  border: 0px;
  outline: 0px;
  opacity: 0;
}
.slick-arrow.slick-disabled {
  opacity: 0 !important;
}
.slick-dotted .slick-arrow{
  top: calc(50% - 40px);
}
.slick-slider:hover .slick-arrow,
.slick-slider:hover .slick-dots{
	opacity: 1
}
.slick-prev{
  left: 0px;
  clip-path: polygon(0% 0%, 100% 0, 80% 100%, 0% 100%);
}
.slick-next{
  right: 0px;
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}
.slick-arrow:hover,
.slick-arrow:focus {
    background-color: var(--second);
}
.slick-arrow:before{
  font-family: 'Font Awesome';
  font-weight: var(--fafontweight);
  font-size: 30px;
  line-height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
}
.slick-prev:before{
  content: "\f053";
}
.slick-next:before{
  content: "\f054";
}

/* Dots */
.slick-dotted.slick-slider{
  padding-bottom: 40px;
}

.slick-dots,
.main .slick-dots{
  position: absolute;
  bottom: 0;
  right: 5vw;
  display: block;
  padding: 0;
  margin: 0 !important;
  list-style: none;
  text-align: center;
  transition: all 0.3s;
}

.slick-dots li, 
.main .slick-dots li{
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}
.slick-dots li::before, 
.main .slick-dots li::before{
    content: none;
}
.slick-dots li button{
  font-size: 0;
  line-height: 0;
  width: 15px;
  height: 15px;
  margin: 4px 4px;
  background: var(--prime);
  display: block;
  -webkit-backface-visibility: visible;
  transition: all .2s ease;
  border: 0;
  outline: 0;
  color: var(--prime);
}
.slick-dots li.slick-active button,
.slick-dots li:hover button{
  background: var(--second);
}
.slick-dots li:first-of-type:last-of-type button {
  display: none;
}

/* Showtime Gallery */
.compensate-for-scrollbar {
  margin-right: 0px !important;
}
body.compensate-for-scrollbar,
body.overflowHidden {
  overflow: inherit !important;
}
.showtime-gallery .overlay {
  display: flex;
  justify-content: center;
  align-items: center;
}
.showtime-gallery .overlay .icon::before {
  content: "\f002";
  font-size: 38px;
  font-family: 'Font Awesome';
  font-weight: var(--fafontweight);
  filter: drop-shadow(2px 4px 6px #000);
}
.showtime-gallery .box.imagebox {
  margin-bottom: 10px;
}

/* Timeline */
#timeline .slick-arrow {
    top: calc(20% - 35px);
    opacity: 1;
    width: 45px;
}

#timeline .slick-prev {
    left: 0;
    transform: translateX(-99%);
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}

#timeline .slick-next {
    right: 0;
    transform: translateX(99%);
    clip-path: polygon(0% 0%, 100% 0, 80% 100%, 0% 100%);
}

#timeline {
  margin-top: 50px;
}

#timeline .slick-list,
#timeline .slick-slide {
  overflow: hidden;
}

#timeline h3 {
  font-size: 23px;
  /* text-align: center; */
  margin-top: 0;
}
#timeline p {
  font-size: 15px;
  text-align: justify;
}
.timelinebild {
  position: relative;
  text-align: center;
}
.tldatum {
  position: absolute;
  bottom: 0;
  transform: translateY(-50%);
  background-color: var(--second);
  color: var(--prime);
  clip-path: polygon(15px 0%, 100% 0, calc(100% - 15px) 100%, 0% 100%);
}
#timeline .slick-dots, .showtime-gallery .slick-dots{
  position: unset;
}

@media (min-width:701px) {

  #timeline .next,
  #timeline .previous {
      position: absolute;
      top: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  #timeline .prev {
      left: 10px;
  }

  #timeline .next {
      right: 10px;
  }

}

/* Content Slider */
.sc-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

/**** Responsive Elemente ****/
@media (max-width : 767px) {
  #totop {
    width: 40px;
    height: 40px;
    line-height: 50px;
    font-size: 25px;
  }
  #timeline-nav .wm-tooltip {
    display: none !important
  }
}
@media (max-width : 575px) {
  .btn-primary, .com-users-login__reset {
      width: 100%;
  }
  .slick-arrow {
    opacity: 1;
  }
  #timeline {
    margin: 50px 40px 0;
  }
  #timeline .slick-next {
    right: 40px;
  }
  #timeline .slick-prev {
    left: 40px;
  }

  #timeline p {
      text-align: left
  }
}

/* ############################# Komponenten ############################# */
/**** RSFORM ****/
/* Label Absolute positioniert - auch JS beachten, kann einfach ausgeklammert werden */

.rsform-type-checkboxgroup > label,
.rsform-type-radiogroup > label {
  font-weight: 600;
}
.rsform-block:not(.rsform-type-jquerycalendar):not(.rsform-type-checkboxgroup):not(.rsform-type-radiogroup):not(.rsform-type-advcheckbox):not(.rsform-type-selectize):not(.rsform-type-switch):not(.rsform-type-advradio) label:not(.form-check-label):not(.Datenschutz) {
  position: absolute;
  color: #666;
  top: 0.5rem;
  left: 1rem;
  z-index: 5;
  transition: all 0.28s ease;
  pointer-events: none;
  font-size: 16px;
}
.rsform-block:not(.rsform-type-jquerycalendar):not(.rsform-type-checkboxgroup):not(.rsform-type-radiogroup):not(.rsform-type-advcheckbox):not(.rsform-type-selectize):not(.rsform-type-switch):not(.rsform-type-advradio).hasvalue label:not(.form-check-label):not(.Datenschutz),
.rsform-block:not(.rsform-type-jquerycalendar):not(.rsform-type-checkboxgroup):not(.rsform-type-radiogroup):not(.rsform-type-advcheckbox):not(.rsform-type-selectize):not(.rsform-type-switch):not(.rsform-type-advradio).active label:not(.form-check-label):not(.Datenschutz),
.rsform-block:not(.rsform-type-jquerycalendar):not(.rsform-type-checkboxgroup):not(.rsform-type-radiogroup):not(.rsform-type-advcheckbox):not(.rsform-type-selectize):not(.rsform-type-switch):not(.rsform-type-advradio).rsform-block-sonderbau-projekt label:not(.form-check-label):not(.Datenschutz),
.rsform-block:not(.rsform-type-jquerycalendar):not(.rsform-type-checkboxgroup):not(.rsform-type-radiogroup):not(.rsform-type-advcheckbox):not(.rsform-type-selectize):not(.rsform-type-switch):not(.rsform-type-advradio).rsform-block-zusatz-angaben label:not(.form-check-label):not(.Datenschutz) {
    font-size: 0.8rem;
    line-height: 0.8rem;
    top: -0.4rem;
    left: 9px;
    background-color: var(--formfeldbg);
    padding: 0px 5px;
}
.rsform-block:not(.rsform-type-jquerycalendar):not(.rsform-type-advcheckbox):not(.rsform-type-advradio):not(.rsform-type-checkboxgroup):not(.rsform-type-radiogroup) .formValidation span.formError {
  display: inline;
  position: absolute;
  bottom: -5px;
  line-height: 10px;
  left: 10px;
  background: var(--formfeldbg);
  padding: 0 2px;
}
.rsform-block.empty .form-select {
  color: transparent !important;
}
.rsform-block.active .form-select,
.rsform-block .form-select:focus,
.rsform-block.hasvalue .form-select,
.form-control.vm-chzn-select:focus {
  color: #000 !important;
  background-color: var(--formfeldbg) !important;
}

/**** Label Absolute positioniert ENDE ****/


/* WM Autocomplete */
.autocomplete-wrapper{position:relative;}.autocomplete-popup{position:absolute;background:white;border:1px solid var(--formborder);z-index:1000;max-height:200px;overflow-y:auto;padding:0;margin:0;list-style:none;top:100%;left:0;width:100%;}.autocomplete-item{padding:8px 12px;cursor:pointer;}.autocomplete-item::before{content:none!important;}.autocomplete-item.active{background-color:var(--prime);color:var(--default);}.autocomplete-item:hover{background-color:#f1f1f1;margin:0!important;}.autocomplete-loader{position:absolute;top:100%;left:0;width:100%;text-align:center;background:white;padding:8px 0;font-size:14px;color:#666;border:1px solid #ccc;border-top:none;z-index:1000;}.autocomplete-loader img{width:40px;margin:10px auto;}input[data-role="company-autocomplete"]{background-image:url(/images/template/icons/search.svg);background-repeat:no-repeat;background-position:right;background-size:8% 80%;}


.rsform-block-absenden {
  text-align: right;
}
.rsform-block, .control-group {
  position: relative;
  margin-bottom: 1rem;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
label {
  display: inline;
}
.anfrageform label {
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}
.anfrageform .form-select {
  padding: .7rem 2.25rem .7rem .75rem;
}
label a[href="/de/datenschutz"],
label a[href="/en/privacy-policy"],
label a[href="/datenschutz"] {
    font-weight: bold;
}

.form-label {
  margin-bottom: .5rem;
}

/**** Allgemeines Formulare - nicht löschen ****/
.form-control,.form-select{display:block;width:100%;padding:.375rem .75rem;font-size:16px;font-weight:400;line-height:1.5;color:#000;background-color:var(--formfeldbg);background-clip:padding-box;border:1px solid var(--formborder);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .5s;}.form-control:focus{color:var(--content);background-color:#fff;border-color:var(--formborder-focus);box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}.form-control[type=file]{overflow:hidden;}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer;}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}::file-selector-button{font:inherit;-webkit-appearance:button;}.form-control::-webkit-date-and-time-value{height:1.5em;}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:var(--prime);color:#fff;}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:var(--prime);color:#fff;}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--second);color:var(--prime);}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--second);color:var(--prime);}.form-control::placeholder,.form-control::-moz-placeholder{color:#6c757d;opacity:1;}.form-control::-webkit-date-and-time-value{height:1.5em;}.form-control:disabled{background-color:#e9ecef;opacity:1;}select{word-wrap:normal;}select:disabled{opacity:1;}textarea.form-control{min-height:calc(1.5em + .75rem + 2px);}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(.75rem - 3px);background-color:var(--formfeldbg);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid var(--formborder);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none;}.form-select:disabled{background-color:#e9ecef;}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem;}.form-check .form-check-input{float:left;margin-left:-1.5em;}.form-check-input{width:1em;height:1em;margin-top:.15em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;}.form-check-input[type=checkbox]{border-radius:0;}.form-check-input[type=radio]{border-radius:50%;}.form-check-input:active{filter:brightness(90%);}.form-check-input:checked{background-color:var(--prime);border-color:var(--prime);}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");}.form-check-input[type=checkbox]:indeterminate{background-color:var(--prime);border-color:var(--prime);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5;}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:.5;}.form-check-inline{display:inline-block;margin-right:1rem;}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#da0023;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem);}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem);}.was-validated .form-select:invalid,.form-select.is-invalid{border-color:#da0023;}.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);}.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:#da0023;}.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:#da0023;}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label,.is-invalid::placeholder,.invalid::placeholder,.formControlLabel.is-invalid,label.is-invalid,label.invalid,.form-check-label.is-invalid,.form-check-label.invalid{color:#da0023;}.rsform-block-anhang .formControls{position:relative;}.rsfp-field-multiple-plus{margin-bottom:1em;}.form-control-file{min-height:39px;line-height:1.9rem;}.rsform-type-fileupload .formControls{display:flex;flex-wrap:wrap;}.rsform-type-fileupload .formControls>div{width:100%;}.rsform-type-fileupload .formControls button{order:100;margin-bottom:1rem;}.formHidden{position:absolute;left:-20000px;top:-20000px;opacity:0;visibility:hidden}.formError{color:#da0023;font-size:12px;font-weight:bold;}.formNoError{display:none}strong.formRequired,span.asterisk{font-weight:700;font-style:normal;margin-left:3px;color:var(--prime);}.progress,.progress-stacked{vertical-align:baseline;display:flex;height:15px;overflow:hidden;font-size:14px;background-color:var(--default);border-radius:0;}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:var(--prime);transition:all .5s}.invalid{border-color:#da0023;color:#da0023;}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--content);text-align:center;white-space:nowrap;background-color:var(--blau-mittel);border:1px solid var(--blau-mittel);min-width:60px;justify-content:center;}.form-control[readonly],.form-select[readonly]{cursor:auto;pointer-events:none;opacity:.5;}.anfrageform .form-select[readonly]{background-color:#babfcd;opacity:1;}.form-control[readonly]:focus,.form-select[readonly]:focus{border-color:inherit;}
.rsform-type-fileupload label {
  opacity: 0;
}

/**** Date Picker ****/
 .picker {
   color: #000;
   position: absolute;
   z-index: 10000;
   user-select: none;
   outline: none;
 }

 .picker__input {
   cursor: default;
 }

 .picker__holder,
 .picker__frame {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   transform: translateY(100%);
 }

 .picker__holder {
   -webkit-overflow-scrolling: touch;
   position: fixed;
   transition: background .15s ease-out, transform 0s .15s;
   -webkit-backface-visibility: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .picker__frame {
   max-width: 100vw;
   opacity: 0;
   transition: all .15s ease-out;
   width: 500px;
 }

 .picker__box {
   background: #fff;
   display: table-cell;
   vertical-align: middle;
   box-shadow: 0 12px 36px 16px rgba(0, 0, 0, .24);
   padding: 0 1em;
 }

 .picker--opened .picker__holder {
   transform: translateY(0);
   background: rgba(0, 0, 0, .32);
   transition: background .15s ease-out;
 }

 .picker--opened .picker__frame {
   transform: translateY(0);
   opacity: 1;
 }

 .picker__header {
   text-align: center;
   position: relative;
   margin-top: .75em;
 }

 .picker .picker__header>select.picker__select--month,
 .picker .picker__header>select.picker__select--year {
   height: auto;
   color: inherit;
   border-color: inherit;
   box-shadow: none;
 }

 .picker__weekday {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .picker__month,
 .picker__year {
   font-weight: 500;
   display: inline-block;
   margin-left: .25em;
   margin-right: .25em;
   color: var(--graudunkel);
 }

 .picker__year {
   color: var(--graudunkel);
 }

 .picker__select--month,
 .picker__select--year {
   border: 1px solid #b7b7b7;
   height: 2em;
   padding: .5em;
   margin-left: .25em;
   margin-right: .25em;
 }

 .picker__select--month {
   width: 35%;
 }

 .picker__select--year {
   width: 22.5%;
 }

 .picker__select--month:focus,
 .picker__select--year:focus {
   border-color: var(--prime);
 }

 .picker__nav--prev,
 .picker__nav--next {
   position: absolute;
   padding: .5em 1.25em;
   width: 1em;
   height: 1em;
   box-sizing: content-box;
   top: -.25em;
 }

 .picker__nav--prev {
   left: -1em;
   padding-right: 1.25em;
 }

 .picker__nav--next {
   right: -1em;
   padding-left: 1.25em;
 }

 .picker__nav--prev:before,
 .picker__nav--next:before {
   content: " ";
   border-top: .5em solid transparent;
   border-bottom: .5em solid transparent;
   border-right: .75em solid var(--prime);
   width: 0;
   height: 0;
   display: block;
   margin: 0 auto;
   transition: all .3s;
 }

 .picker__nav--next:before {
   border-right: 0;
   border-left: .75em solid var(--prime);
 }

 .picker__nav--prev:hover::before {
   border-right-color: var(--second);
 }

 .picker__nav--next:hover::before {
   border-left-color: var(--second);
 }

 .picker__nav--disabled {
   cursor: default;
   background: none;
   border-right-color: #f5f5f5;
   border-left-color: #f5f5f5;
 }

 .picker__table {
   text-align: center;
   border-collapse: collapse;
   border-spacing: 0;
   table-layout: fixed;
   font-size: inherit;
   width: 100%;
   margin-top: .75em;
   margin-bottom: .5em;
 }

 .picker__table td {
   margin: 0;
   padding: 0;
 }

 .picker__weekday {
   width: 14.285714286%;
   font-size: .75em;
   padding-bottom: .25em;
   color: #999;
   font-weight: 500;
 }

 .picker__day {
   padding: 2px 0;
   border: 1px solid transparent;
 }

 .picker__day--today {
   position: relative;
 }

 .picker__day--today:before {
   content: " ";
   position: absolute;
   top: 2px;
   right: 2px;
   width: 0;
   height: 0;
   border-top: .5em solid var(--prime);
   border-left: .5em solid transparent;
 }

 .picker__day--disabled:before {
   border-top-color: #aaa;
 }

 .picker__day--outfocus {
   color: #ddd;
 }

 .picker__day--infocus:hover,
 .picker__day--outfocus:hover {
   cursor: pointer;
   color: #000;
   background: var(--grauhell);
 }

 .picker__day--highlighted {
   border-color: var(--prime);
 }

 .picker__day--highlighted:hover,
 .picker--focused .picker__day--highlighted {
   cursor: pointer;
   color: #000;
   background: var(--grauhell);
 }

 .picker__day--selected,
 .picker__day--selected:hover,
 .picker--focused .picker__day--selected {
   background: var(--prime);
   color: #fff;
 }

 .picker__day--disabled,
 .picker__day--disabled:hover,
 .picker--focused .picker__day--disabled {
   background: #f5f5f5;
   border-color: #f5f5f5;
   color: #ddd;
   cursor: default;
 }

 .picker__day--highlighted.picker__day--disabled,
 .picker__day--highlighted.picker__day--disabled:hover {
   background: #bbb;
 }

 .picker__footer {
   text-align: center;
 }

 .picker__button--today,
 .picker__button--clear,
 .picker__button--close {
   display: inline-block;
   vertical-align: bottom;
   width: 33%;
   border: 1px solid #fff;
   font-size: .8em;
   padding: .66em 0;
   vertical-align: bottom;
   background-color: #fff;
   background-image: none;
 }

 .picker__button--today:hover,
 .picker__button--clear:hover,
 .picker__button--close:hover {
   cursor: pointer;
   color: #000;
   background: var(--grauhell);
   border-bottom-color: var(--grauhell);
 }

 .picker__button--today:before,
 .picker__button--clear:before,
 .picker__button--close:before {
   position: relative;
   display: inline-block;
   height: 0;
 }

 .picker__button--today:before,
 .picker__button--clear:before {
   content: " ";
   margin-right: .45em;
 }

 .picker__button--today:before {
   top: -.05em;
   width: 0;
   border-top: .66em solid var(--prime);
   border-left: .66em solid transparent;
 }

 .picker__button--clear:before {
   top: -.25em;
   width: 15px;
   border-top: 3px solid #e20;
 }

 .picker__button--close:before {
   content: "x";
   top: -.1em;
   vertical-align: top;
   margin-right: .35em;
 }

/**** Anfragefelder CTA ****/
.form-group {
  margin-bottom: 1rem;
}

 /**** Phocamaps ***/
.phocamaps-box{margin-top:0!important;margin-bottom:10px!important;}.gm-style .gm-style-iw-c{border-radius:0;max-width:100%!important;}.navigationlink{display:none;}.pmroute{margin:auto;}.container .pmroute.container{padding-left:0;padding-right:0;}.pm-input-route-btn{padding-bottom:4px;padding-top:4px;width:25%;}.pm-input-route.form-control{width:calc(75% - 10px);margin-right:10px;}.adp-directions{width:100%;}.gm-style .gm-style-iw p{font-size:15px;margin-bottom:10px!important;}.phocamaps-box .gm-style-iw-d a{text-decoration:none;}.pmMarkerTitle{font-size:120%;margin:5px 0;font-weight:bold;}.gm-style-iw img{margin:15px auto 15px;width:120px;display:block;}.phocamaps ul li::before{content:none!important;}

/************ Sitemap ************/
.osmap-sitemap h2,.osmap-sitemap h3,.osmap-sitemap p{text-align:left;}.main .osmap-items ul{display:block;}.main .osmap-items ul{margin:15px 0 9px 25px;}.main .osmap-items ul li{text-align:left;}.osmap-items .level_1 li::before,.osmap-items .level_2 li::before{content:'';height:6px;width:6px;border-radius:100%;position:absolute;left:0;top:13px;background-color:var(--prime);padding:0;}.osmap-items .level_2 li::before{background-color:var(--graudunkel);}

/**** Responsive ***/
@media(max-width : 767px) {
  .navigationlink {
      display: block;
      margin: 10px;
      width: calc(100% - 20px);
  }
  .pmroute {
      display: none;
  }
}

/* ############################# TOOLS ############################# */
/**** Usercentrics ****/
.usercentrics-button .uc-corner-modal .uc-corner-modal-content h6{text-align:left;}.uc-embedding-container{width:100%;height:100%;min-height: 540px!important;max-width:100%;font-size:0;position:relative;overflow:hidden;white-space:normal;}.uc-embedding-container div.uc-embedding-wrapper{width:510px!important;padding:20px!important;text-align:center;background-color:#FFF;border-radius:0;max-width:calc(100% - 100px);max-height:calc(100% - 35px);box-shadow:0 0 12px #000;position:absolute;padding:10px;top:50px;left:50%;text-align:center;font-size:14px;line-height:20px;transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;overflow:auto;font-family:Arial,Verdana,sans-serif;}.uc-embedding-wrapper h3{text-align:center;font-size:23px;font-weight:bold;margin:8px 0 8px;padding:0;line-height:130%;}.uc-embedding-wrapper p{text-align:center;font-size:14px;margin:6px 0 6px;padding:0;line-height:130%;}.uc-embedding-wrapper span{text-align:center;font-size:12px;margin:0;}.uc-embedding-wrapper h3::after,.uc-embedding-wrapper h3::before{content:none;}.uc-embedding-buttons button,.uc-embedding-accept{background-color:#2a8348!important;color:#ffffff;font-weight:600!important;border-radius:0;display:inline-block;margin:2px 0 13px;width:100%;padding:10px 0;font-size:17px;text-decoration:none;}.uc-embedding-buttons .uc-embedding-more-info{background-color:#cecece!important;color:#000;}.cookiekritisch.maps .uc-embedding-container,.uc-embedding-container[pid=S1pcEj_jZX]{background-image:url(/images/template/pre-maps.webp);background-position:center;background-size:cover;height:100%;width:100%;}.uc-embedding-container[pid=r1Fhc4iOoWX]{background:url(/images/template/pre-formular.svg) center bottom no-repeat;background-size:contain;min-height:500px;background-color:#e5e5e5;}.phocamaps-box .uc-embedding-container img,.pm-desc{display:none}.uc-embedding-container[pid="1XvFW-Y2k|Pqk3AsAS7"]{background-image:url(/images/template/pre-socialfeed.svg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;min-height:600px;}

/* Maps Only*/
/* #mapsonly{position:relative;margin-top: 60px;}#mapsonly.consentgiven #ucec{z-index:-1;}#mapsonly .phocamaps{z-index:-1;position:relative;}#mapsonly.consentgiven .phocamaps{z-index:1;}.cookiekritisch.maps #mapsonly .uc-embedding-container[pid=S1pcEj_jZX]{position:absolute;top:0;left:0;right:0;bottom:0;}.uc-embedding-wrapper h3{color:#303030;}#usercentrics-button .uc-btn-new.uc-btn-accept:hover,.uc-embedding-wrapper .uc-embedding-accept:hover{background:#1e6135!important;}.uc-embedding-wrapper .uc-embedding-accept{cursor:pointer;}#usercentrics-button .uc-btn-new.uc-btn-more:hover,.uc-embedding-buttons .uc-embedding-more-info:hover{background:#a9a9a9!important;}.uc-embedding-buttons button,.uc-embedding-accept{border:none;box-shadow:none;}.uc-embedding-buttons .uc-embedding-more-info a{color:#000!important;display:block;padding:10px 0;}#mapsonly .uc-embedding-buttons .uc-embedding-more-info{padding:0;}#mapsonly #phocaMapPlgPM1{animation:none!important;visibility:visible!important;}#mapsonly button{outline:none!important;} */

/* ############################# ANIMATIONEN ############################# */
/************ Standards ************/
.ani {
  animation: fadeIn 3s ease;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

/************ Responsive ************/
@media not all,
(prefers-reduced-motion) {
    .animated,
    .wow {
        opacity: 1 !important;
        visibility: visible;
        animation: none!important;
    }
}
/* ############################# TEMPLATE FRAME ############################# */
.wm-frame main {
  padding: 50px 15px;
  overflow: hidden;
}
.fancybox-slide.fancybox-slide--iframe {
  overflow: hidden!important;
  padding: 20px;
}
.fancybox-slide--iframe .fancybox-content {
  max-height: 90vh;
  max-width: 995px;
}

/* ############################# ERROR PAGE ############################# */
html.error-page{width:100%;height:100%;}html.error-page body{width:100%;height:100%;margin:0;padding:0;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;text-align:center;background-repeat:no-repeat;background-position:50% 40%;}html.error-page .error-logo{display:inline-block;margin-bottom:2rem;}html.error-page .error-code{margin:0 0 1rem;font-size:6rem;line-break:1;}html.error-page .error-message{font-size:1.5rem;margin-bottom:3rem;}html.error-page .error-modules{margin-top:2rem;}html.error-page .error-logo{width:80vw;max-width:500px;}html.error-page h1.error-code{text-align:center;font-size:40px;margin:60px auto 20px;display:block;}html.error-page h1.error-code::before{content:'Fehler ';text-align:center;font-size:40px;margin:60px auto 20px;position:unset;border:none;background:none;}html.error-page h1::after,html.error-page h2::before,html.error-page h2::after{content:none;}html.error-page h2.error-message{text-align:center;font-size:60px;margin:20px auto 60px;}html.error-page a.btn{padding:10px 25px!important;font-size:120%;}

/* ############################# DRUCKANSICHT ############################# */
.printonly {
  display: none;
}
@media print {
  .printonly {
    display: block
  }

  *:not(.btn):not(td),
  *::before,
  *::after {
    background: transparent !important;
    color: inherit !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important
  }

  .noprint,
  .footer-menu,
  #totop,
  .cookiekritisch.social,
  .tooltip.show,
  .wn-tooltip,
  .mod-languages,
  .vmCartModule,
  .webman-menu,
  .dispatcher,
  .mod-menu,
  .footer,
  .gehirnzitat .bild,
  #usercentrics-root,
  .slick-arrow,
  .slick-dots,
  .cta,
  .mobilefixed,
  .cta-outer {
    display: none !important
  }

  #Header+div {
    margin-top: 0
  }

  #MainBody {
    padding-top: 0;
    padding-bottom: 0
  }
  .produkt-details .tags {
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
  }
  body.itemid-989 .produkt-details .tags {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .container {
    max-width: unset !important;
    padding: 0
  }
  .iframeouter {
    position: relative;
    width: 210mm;
    height: 297mm;
    margin: 0 auto;
    padding: 10mm;
  }
  .iframeouter .seitenzahl {
    position: absolute;
    right: 10mm;
    bottom: 10mm;
    font-size: 12px;
    font-weight: 500;
  }
  .catlink {
    display: block;
    text-decoration: none !important;
  }
  .catlink.level2 {
    margin-left: 1rem;
  }
  a.pdfarticlelink {
    padding-left: 10px;
    text-decoration: none;
    white-space: nowrap;
  }
  .itemid-989 .kategorielisting,
  .itemid-990 .kategorielisting {
    margin-top: 0;
  }
  .pdfproducte {
    margin-left: 2rem;
  }
  .pdfnav {
    width: 210mm;
    height: 297mm;
    margin: 0 auto;
    padding: 10mm;
  }
  .produkt-details .artikeltext {
    margin-top: 0
  }
  .itemid-990 .produkt-300 .zeichnung img {
    max-height: 54mm;
  }
  .itemid-990 .produkt-300 h1 {
    white-space: nowrap;
    letter-spacing: -0.02em;
  }

  .belegung {
    margin: 0 auto
  }

  .mitpreis .belegung {
    display: none
  }

  #inhalt p {
    font-size: 12px
  }
  table.details {
    margin-top: 20px;
  }
  table.details,
  .tabelle table * {
    font-size: 10px
  }
  /* .tabelle table {
    border-collapse: collapse;
  } */
  .main table tr {
  border-top: 0.1pt solid var(--default);
}
.main table tr:not(.empty):last-of-type {
  border-bottom: 0.1pt solid var(--default);
}

.main table tr:not(.empty) td,
.main table tr th {
  border-right: 0.1pt solid var(--default);
  border-bottom: 0.1pt solid var(--default);
}
.main table tr:not(.empty) td:first-of-type,
.main table thead tr:first-of-type th:first-of-type {
  border-left: 0.1pt solid var(--default);
}
.main table thead tr:first-of-type td,
.main table thead tr:first-of-type th {
  border-top: 0.1pt solid var(--default);
}
.scrollcontainer table:not(.lexicon) tr td:first-of-type, .scrollcontainer table:not(.lexicon) tr th:first-of-type {
    position: unset;
}

  .produkt-details h1 {
    font-size: 30px
  }
  .itemid-989 .produkt-details h1 {
    min-height: 2lh;
  }
  .produkt-details .page-header {
    display: flex;
    gap: 25px;
    align-items: flex-start;
    justify-content: space-between;
  }
  .produkt-details .blattlogo {
    width: 130px;
    margin-right: 0;
    margin-left: auto;
  }

  .tabelle table * {
    line-height: 1.1;
    padding: 0 5px
  }

  .tabelle table th:not(:empty) {
    padding: 2px 5px
  }

  table.details .typ,
  table.details .leistung,
  table.details .kva,
  table.details .kvar,
  table.details .phase {
    display: none
  }

  .anfrage {
    font-size: 17px
  }

  .symbol img {
    height: 15px;
  }

  .zeichen {
    margin: 5px auto;
  }

  .product-oben .articletext {
    width: 60%;
  }

  .product-oben .articlebild {
    width: 40%;
  }

  .zeichnung {
    margin-bottom: 0;
  }

  .tabelle {
    margin: 20px 0 10px;
  }

  img {
    max-height: 40vh;
    margin: 0 auto;
    width: auto
  }

  #Header.fixed {
    position: relative;
    top: 0
  }

  .scrolleddown #Header {
    border-bottom: 0
  }

  #Slider {
    margin-top: 0
  }

  .section,
  #webmanform {
    padding: 50px 0 !important
  }

  .headerbild img {
    width: 100%;
    max-width: 100vw;
    height: auto
  }

  .trenner {
    max-height: 25vh
  }

  .slick-slide {
    max-width: 100vw;
    height: auto
  }

  h1,
  h2,
  h3,
  h4,
  h5 {
    page-break-after: avoid;
    page-break-inside: avoid
  }

  .wow,
  .imagebox {
    opacity: 1 !important;
    visibility: visible !important
  }

  table,
  figure {
    page-break-inside: avoid
  }

  .view-category .product {
    position: unset !important
  }

  .logo img {
    margin: 0 auto;
    display: block !important;
    width: 100%
  }

  .gm-style-iw.gm-style-iw-c,
  .gm-style .gm-style-iw-t::after {
    background-color: #fff !important
  }
  a[href]:after,
  abbr[title]:after,
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: none !important;
  }
}