.medium {
  font-style: medium; }

@font-face {
  font-family: 'Poppins';
  src: url("/themes/custom/operator_stable9/fonts/google/Poppins/Poppins-ExtraBold.ttf") format("truetype"); }
@font-face {
  font-family: 'Poppins-Regular';
  src: url("/themes/custom/operator_stable9/fonts/google/Poppins/Poppins-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Work Sans';
  src: url("/themes/custom/operator_stable9/fonts/google/Work_Sans/static/WorkSans-Regular.ttf") format("truetype"); }
/**
 Legacy CSS from original operator site:  used bootstrap as base theme
 */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-12 {
    width: 100%; }

  .col-md-11 {
    width: 91.66666667%; }

  .col-md-10 {
    width: 83.33333333%; }

  .col-md-9 {
    width: 75%; }

  .col-md-8 {
    width: 66.66666667%; }

  .col-md-7 {
    width: 58.33333333%; }

  .col-md-6 {
    width: 50%; }

  .col-md-5 {
    width: 41.66666667%; }

  .col-md-4 {
    width: 33.33333333%; }

  .col-md-3 {
    width: 25%; }

  .col-md-2 {
    width: 16.66666667%; }

  .col-md-1 {
    width: 8.33333333%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-pull-11 {
    right: 91.66666667%; }

  .col-md-pull-10 {
    right: 83.33333333%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-8 {
    right: 66.66666667%; }

  .col-md-pull-7 {
    right: 58.33333333%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-5 {
    right: 41.66666667%; }

  .col-md-pull-4 {
    right: 33.33333333%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-2 {
    right: 16.66666667%; }

  .col-md-pull-1 {
    right: 8.33333333%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-push-11 {
    left: 91.66666667%; }

  .col-md-push-10 {
    left: 83.33333333%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-8 {
    left: 66.66666667%; }

  .col-md-push-7 {
    left: 58.33333333%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-5 {
    left: 41.66666667%; }

  .col-md-push-4 {
    left: 33.33333333%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-2 {
    left: 16.66666667%; }

  .col-md-push-1 {
    left: 8.33333333%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-offset-12 {
    margin-left: 100%; }

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

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

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

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

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

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

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

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

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

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

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

  .col-md-offset-0 {
    margin-left: 0; } }
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  text-align: justify; }

.layout {
  opacity: 0; }

.layout.operator-section-margin-bottom-0 {
  margin-bottom: 0; }

@media (min-width: 0px) {
  .layout--twocol-section .block-layout-builder.operator-block-layout-padding-left-90,
  .layout--operator-twocol-section .block-layout-builder.operator-block-layout-padding-left-90 {
    padding-left: 0; } }
@media (min-width: 768px) {
  .layout--twocol-section .block-layout-builder.operator-block-layout-padding-left-90,
  .layout--operator-twocol-section .block-layout-builder.operator-block-layout-padding-left-90 {
    padding-left: 90px; } }
@media (min-width: 0px) {
  .layout--twocol-section .block-layout-builder.operator-block-layout-padding-right-90,
  .layout--operator-twocol-section .block-layout-builder.operator-block-layout-padding-right-90 {
    padding-left: 0; } }
@media (min-width: 768px) {
  .layout--twocol-section .block-layout-builder.operator-block-layout-padding-right-90,
  .layout--operator-twocol-section .block-layout-builder.operator-block-layout-padding-right-90 {
    padding-right: 90px; } }

/***********************************************************************************
 *
 * Layout Builder classes
 * taken from /core/moduels/layout_builder/layouts/...
 *
 * We expand the same logic to other classes, for example views,
 *
 **********************************************************************************/
.layout--operator-twocol-section .layout--operator-twocol-section-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
  @media (min-width: 0px) {
    .layout--operator-twocol-section .layout--operator-twocol-section-wrapper {
      max-width: 767px; } }
  @media (min-width: 768px) {
    .layout--operator-twocol-section .layout--operator-twocol-section-wrapper {
      max-width: 991px; } }
  @media (min-width: 992px) {
    .layout--operator-twocol-section .layout--operator-twocol-section-wrapper {
      max-width: 1199px; } }

/*
.layout--operator-twocol-section,
.layout--twocol-section{
	
	   
   &.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--first,       // below eachother
   &.layout--twocol-section--50-50 > .layout__region--first{
     padding-right: 90px;
   } 
   
   &.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--second,
   &.layout--twocol-section--50-50 > .layout__region--second{
      padding-left: 90px;
   }
}
 */
.layout--onecol,
.layout--operator-twocol-section,
.layout--twocol-section,
.layout--threecol-section,
.layout--fourcol-section {
  margin-bottom: 45px;
  width: 100%; }
  .layout--onecol .layout__region,
  .layout--operator-twocol-section .layout__region,
  .layout--twocol-section .layout__region,
  .layout--threecol-section .layout__region,
  .layout--fourcol-section .layout__region {
    overflow: hidden; }
  @media (min-width: 0px) {
    .layout--onecol .layout__region-allow-overflow,
    .layout--operator-twocol-section .layout__region-allow-overflow,
    .layout--twocol-section .layout__region-allow-overflow,
    .layout--threecol-section .layout__region-allow-overflow,
    .layout--fourcol-section .layout__region-allow-overflow {
      overflow: visible; } }
  @media (min-width: 992px) {
    .layout--onecol .layout__region-allow-overflow,
    .layout--operator-twocol-section .layout__region-allow-overflow,
    .layout--twocol-section .layout__region-allow-overflow,
    .layout--threecol-section .layout__region-allow-overflow,
    .layout--fourcol-section .layout__region-allow-overflow {
      overflow: visible; } }
  @media (min-width: 0px) {
    .layout--onecol .layout__region-allow-overflow-mobile,
    .layout--operator-twocol-section .layout__region-allow-overflow-mobile,
    .layout--twocol-section .layout__region-allow-overflow-mobile,
    .layout--threecol-section .layout__region-allow-overflow-mobile,
    .layout--fourcol-section .layout__region-allow-overflow-mobile {
      overflow: visible; } }
  @media (min-width: 992px) {
    .layout--onecol .layout__region-allow-overflow-mobile,
    .layout--operator-twocol-section .layout__region-allow-overflow-mobile,
    .layout--twocol-section .layout__region-allow-overflow-mobile,
    .layout--threecol-section .layout__region-allow-overflow-mobile,
    .layout--fourcol-section .layout__region-allow-overflow-mobile {
      overflow: hidden; } }
  @media (min-width: 0px) {
    .layout--onecol .layout__region-allow-overflow-desktop,
    .layout--operator-twocol-section .layout__region-allow-overflow-desktop,
    .layout--twocol-section .layout__region-allow-overflow-desktop,
    .layout--threecol-section .layout__region-allow-overflow-desktop,
    .layout--fourcol-section .layout__region-allow-overflow-desktop {
      overflow: hidden; } }
  @media (min-width: 992px) {
    .layout--onecol .layout__region-allow-overflow-desktop,
    .layout--operator-twocol-section .layout__region-allow-overflow-desktop,
    .layout--twocol-section .layout__region-allow-overflow-desktop,
    .layout--threecol-section .layout__region-allow-overflow-desktop,
    .layout--fourcol-section .layout__region-allow-overflow-desktop {
      overflow: visible; } }

.operator-layout-element-no-margin {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.views-view-grid.cols-1 .views-row,
.layout--onecol-section .views-row {
  display: flex;
  flex-wrap: wrap; }
.views-view-grid.cols-1 .views-col,
.views-view-grid.cols-1 .views-col.col-1,
.views-view-grid.cols-1 .layout-region,
.layout--onecol-section .views-col,
.layout--onecol-section .views-col.col-1,
.layout--onecol-section .layout-region {
  width: 100%;
  flex: 0 1 100%; }

.views-view-grid.cols-2,
.layout--operator-twocol-section,
.layout--twocol-section {
  display: flex;
  flex-wrap: wrap; }
  .views-view-grid.cols-2 .views-row,
  .layout--operator-twocol-section .views-row,
  .layout--twocol-section .views-row {
    display: flex;
    flex-wrap: wrap; }
  .views-view-grid.cols-2 .views-col,
  .views-view-grid.cols-2 .views-col.col-1,
  .views-view-grid.cols-2 > .layout__region,
  .layout--operator-twocol-section .views-col,
  .layout--operator-twocol-section .views-col.col-1,
  .layout--operator-twocol-section > .layout__region,
  .layout--twocol-section .views-col,
  .layout--twocol-section .views-col.col-1,
  .layout--twocol-section > .layout__region {
    flex: 0 1 100%; }
  @media (min-width: 0px) {
    .views-view-grid.cols-2 .views-col.col-1,
    .views-view-grid.cols-2 .views-col.col-2, .views-view-grid.cols-2.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--45-55 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--55-45 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--40-60 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--60-40 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--50-50 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--50-50 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--33-67 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--67-33 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--33-67 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--67-33 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--25-75 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--75-25 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--25-75 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--75-25 > .layout__region--first,
    .layout--operator-twocol-section .views-col.col-1,
    .layout--operator-twocol-section .views-col.col-2,
    .layout--operator-twocol-section.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--45-55 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--55-45 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--40-60 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--60-40 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--twocol-section--50-50 > .layout__region--first,
    .layout--operator-twocol-section.layout--twocol-section--50-50 > .layout__region--second,
    .layout--operator-twocol-section.layout--twocol-section--33-67 > .layout__region--first,
    .layout--operator-twocol-section.layout--twocol-section--67-33 > .layout__region--second,
    .layout--operator-twocol-section.layout--twocol-section--33-67 > .layout__region--second,
    .layout--operator-twocol-section.layout--twocol-section--67-33 > .layout__region--first,
    .layout--operator-twocol-section.layout--twocol-section--25-75 > .layout__region--first,
    .layout--operator-twocol-section.layout--twocol-section--75-25 > .layout__region--second,
    .layout--operator-twocol-section.layout--twocol-section--25-75 > .layout__region--second,
    .layout--operator-twocol-section.layout--twocol-section--75-25 > .layout__region--first,
    .layout--twocol-section .views-col.col-1,
    .layout--twocol-section .views-col.col-2,
    .layout--twocol-section.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--45-55 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--55-45 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--40-60 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--60-40 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
      width: 100%;
      flex: 0 1 100%;
      margin-bottom: 45px; } }
  @media (min-width: 768px) {
    .views-view-grid.cols-2 .views-col.col-1,
    .views-view-grid.cols-2 .views-col.col-2, .views-view-grid.cols-2.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--50-50 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--50-50 > .layout__region--second,
    .layout--operator-twocol-section .views-col.col-1,
    .layout--operator-twocol-section .views-col.col-2,
    .layout--operator-twocol-section.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--twocol-section--50-50 > .layout__region--first,
    .layout--operator-twocol-section.layout--twocol-section--50-50 > .layout__region--second,
    .layout--twocol-section .views-col.col-1,
    .layout--twocol-section .views-col.col-2,
    .layout--twocol-section.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--50-50 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
      width: inherit;
      flex: 0 1 50%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--33-67 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--67-33 > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--twocol-section--33-67 > .layout__region--first,
    .layout--operator-twocol-section.layout--twocol-section--67-33 > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
      width: inherit;
      flex: 0 1 33%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--33-67 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--67-33 > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--twocol-section--33-67 > .layout__region--second,
    .layout--operator-twocol-section.layout--twocol-section--67-33 > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--33-67 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--67-33 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
      width: inherit;
      flex: 0 1 67%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--25-75 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--75-25 > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--twocol-section--25-75 > .layout__region--first,
    .layout--operator-twocol-section.layout--twocol-section--75-25 > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
      width: inherit;
      flex: 0 1 25%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--25-75 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--75-25 > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--twocol-section--25-75 > .layout__region--second,
    .layout--operator-twocol-section.layout--twocol-section--75-25 > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--25-75 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--75-25 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
      width: inherit;
      flex: 0 1 75%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--operator-twocol-section--40-60 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--60-40 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--40-60 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--60-40 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--40-60 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--60-40 .layout--operator-twocol-section-wrapper > .layout__region--second {
      width: inherit;
      flex: 0 1 40%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--operator-twocol-section--40-60 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--60-40 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--40-60 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--60-40 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--40-60 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--60-40 .layout--operator-twocol-section-wrapper > .layout__region--first {
      width: inherit;
      flex: 0 1 60%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--operator-twocol-section--45-55 .layout--operator-twocol-section-wrapper > .layout__region--first, .views-view-grid.cols-2.layout--operator-twocol-section--55-45 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--45-55 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--55-45 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--45-55 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--55-45 .layout--operator-twocol-section-wrapper > .layout__region--second {
      width: inherit;
      flex: 0 1 45%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--operator-twocol-section--45-55 .layout--operator-twocol-section-wrapper > .layout__region--second, .views-view-grid.cols-2.layout--operator-twocol-section--55-45 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--operator-twocol-section.layout--operator-twocol-section--45-55 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--operator-twocol-section.layout--operator-twocol-section--55-45 .layout--operator-twocol-section-wrapper > .layout__region--first,
    .layout--twocol-section.layout--operator-twocol-section--45-55 .layout--operator-twocol-section-wrapper > .layout__region--second,
    .layout--twocol-section.layout--operator-twocol-section--55-45 .layout--operator-twocol-section-wrapper > .layout__region--first {
      width: inherit;
      flex: 0 1 55%;
      margin-bottom: 0; } }
  @media (min-width: 0px) {
    .views-view-grid.cols-2 .layout__region--first,
    .layout--operator-twocol-section .layout__region--first,
    .layout--twocol-section .layout__region--first {
      padding-left: 0;
      padding-right: 2%; } }
  @media (min-width: 768px) {
    .views-view-grid.cols-2 .layout__region--first,
    .layout--operator-twocol-section .layout__region--first,
    .layout--twocol-section .layout__region--first {
      padding-left: 0;
      padding-right: 2%; } }
  @media (min-width: 992px) {
    .views-view-grid.cols-2 .layout__region--first,
    .layout--operator-twocol-section .layout__region--first,
    .layout--twocol-section .layout__region--first {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 0px) {
    .views-view-grid.cols-2 .layout__region--second,
    .layout--operator-twocol-section .layout__region--second,
    .layout--twocol-section .layout__region--second {
      padding-left: 2%;
      padding-right: 0; } }
  @media (min-width: 768px) {
    .views-view-grid.cols-2 .layout__region--second,
    .layout--operator-twocol-section .layout__region--second,
    .layout--twocol-section .layout__region--second {
      padding-left: 2%;
      padding-right: 0; } }
  @media (min-width: 992px) {
    .views-view-grid.cols-2 .layout__region--second,
    .layout--operator-twocol-section .layout__region--second,
    .layout--twocol-section .layout__region--second {
      padding-right: 0;
      padding-right: 0; } }

.views-view-grid.cols-3,
.layout--threecol-section {
  display: flex;
  flex-wrap: wrap; }
  .views-view-grid.cols-3 .views-row,
  .layout--threecol-section .views-row {
    display: flex;
    flex-wrap: wrap; }
  .views-view-grid.cols-3 .views-col,
  .views-view-grid.cols-3 > .layout__region,
  .layout--threecol-section .views-col,
  .layout--threecol-section > .layout__region {
    flex: 0 1 100%; }
  @media (min-width: 0px) {
    .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--third, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--third, .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--third, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--first {
      flex: 0 1 100%;
      margin-bottom: 45px; }
    .views-view-grid.cols-3 .views-col.col-1,
    .views-view-grid.cols-3 .views-col.col-3, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--third,
    .layout--threecol-section .views-col.col-1,
    .layout--threecol-section .views-col.col-3,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--third {
      flex: 0 1 100%;
      margin-bottom: 45px; }
    .views-view-grid.cols-3 .views-col.col-2, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--second,
    .layout--threecol-section .views-col.col-2,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--second {
      flex: 0 1 100%;
      margin-bottom: 45px; } }
  @media (min-width: 768px) {
    .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--third, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--third {
      flex: 0 1 25%;
      margin-bottom: 0; }
    .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--third, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--first {
      flex: 0 1 50%;
      margin-bottom: 0; }
    .views-view-grid.cols-3 .views-col.col-1,
    .views-view-grid.cols-3 .views-col.col-3, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--third,
    .layout--threecol-section .views-col.col-1,
    .layout--threecol-section .views-col.col-3,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--third {
      flex: 0 1 33.33333%;
      margin-bottom: 0; }
    .views-view-grid.cols-3 .views-col.col-2, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--second,
    .layout--threecol-section .views-col.col-2,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--second {
      flex: 0 1 33.33333%;
      margin-bottom: 0; } }

.views-view-grid.cols-4,
.layout--fourcol-section {
  display: flex;
  flex-wrap: wrap; }
  .views-view-grid.cols-4 .views-row,
  .layout--fourcol-section .views-row {
    display: flex;
    flex-wrap: wrap; }
  .views-view-grid.cols-4 .views-col,
  .views-view-grid.cols-4 .layout__region,
  .layout--fourcol-section .views-col,
  .layout--fourcol-section .layout__region {
    flex: 0 1 100%; }
  @media (min-width: 992px) {
    .views-view-grid.cols-4 .views-col.col-1,
    .views-view-grid.cols-4 .views-col.col-2,
    .views-view-grid.cols-4 .views-col.col-3,
    .views-view-grid.cols-4 .views-col.col-4,
    .views-view-grid.cols-4 > .layout__region,
    .layout--fourcol-section .views-col.col-1,
    .layout--fourcol-section .views-col.col-2,
    .layout--fourcol-section .views-col.col-3,
    .layout--fourcol-section .views-col.col-4,
    .layout--fourcol-section > .layout__region {
      flex: 0 1 100%;
      margin-bottom: 45px; } }
  @media (min-width: 992px) {
    .views-view-grid.cols-4 .views-col.col-1,
    .views-view-grid.cols-4 .views-col.col-2,
    .views-view-grid.cols-4 .views-col.col-3,
    .views-view-grid.cols-4 .views-col.col-4,
    .views-view-grid.cols-4 > .layout__region,
    .layout--fourcol-section .views-col.col-1,
    .layout--fourcol-section .views-col.col-2,
    .layout--fourcol-section .views-col.col-3,
    .layout--fourcol-section .views-col.col-4,
    .layout--fourcol-section > .layout__region {
      flex: 0 1 50%;
      margin-bottom: 0; } }
  @media (min-width: 992px) {
    .views-view-grid.cols-4 .views-col.col-1,
    .views-view-grid.cols-4 .views-col.col-2,
    .views-view-grid.cols-4 .views-col.col-3,
    .views-view-grid.cols-4 .views-col.col-4,
    .views-view-grid.cols-4 > .layout__region,
    .layout--fourcol-section .views-col.col-1,
    .layout--fourcol-section .views-col.col-2,
    .layout--fourcol-section .views-col.col-3,
    .layout--fourcol-section .views-col.col-4,
    .layout--fourcol-section > .layout__region {
      flex: 0 1 25%;
      margin-bottom: 0; } }

html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  text-align: justify; }

body .layout-container {
  margin-right: auto;
  margin-left: auto;
  text-align: left; }
  @media (min-width: 0) {
    body .layout-container {
      width: 100%;
      min-width: 0px;
      max-width: 767px;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 768px) {
    body .layout-container {
      width: 100%;
      min-width: 768px;
      max-width: 991px;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    body .layout-container {
      min-width: 992px;
      max-width: 1199px;
      padding-left: 15px;
      padding-right: 15px; } }
  body .layout-container .layout--operator-twocol-section.operator-bg-gray,
  body .layout-container .layout--onecol.operator-bg-gray {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #f0f0f0; }
    body .layout-container .layout--operator-twocol-section.operator-bg-gray .region,
    body .layout-container .layout--operator-twocol-section.operator-bg-gray .layout__region--content,
    body .layout-container .layout--operator-twocol-section.operator-bg-gray :not(layout__region--content) > .block
    .block-views,
    body .layout-container .layout--onecol.operator-bg-gray .region,
    body .layout-container .layout--onecol.operator-bg-gray .layout__region--content,
    body .layout-container .layout--onecol.operator-bg-gray :not(layout__region--content) > .block
    .block-views {
      margin-left: auto;
      margin-right: auto;
      text-align: left; }
      @media (min-width: 0px) {
        body .layout-container .layout--operator-twocol-section.operator-bg-gray .region,
        body .layout-container .layout--operator-twocol-section.operator-bg-gray .layout__region--content,
        body .layout-container .layout--operator-twocol-section.operator-bg-gray :not(layout__region--content) > .block
        .block-views,
        body .layout-container .layout--onecol.operator-bg-gray .region,
        body .layout-container .layout--onecol.operator-bg-gray .layout__region--content,
        body .layout-container .layout--onecol.operator-bg-gray :not(layout__region--content) > .block
        .block-views {
          min-width: 0px;
          max-width: 767px;
          width: 100%;
          padding-left: 15px;
          padding-right: 15px; } }
      @media (min-width: 768px) {
        body .layout-container .layout--operator-twocol-section.operator-bg-gray .region,
        body .layout-container .layout--operator-twocol-section.operator-bg-gray .layout__region--content,
        body .layout-container .layout--operator-twocol-section.operator-bg-gray :not(layout__region--content) > .block
        .block-views,
        body .layout-container .layout--onecol.operator-bg-gray .region,
        body .layout-container .layout--onecol.operator-bg-gray .layout__region--content,
        body .layout-container .layout--onecol.operator-bg-gray :not(layout__region--content) > .block
        .block-views {
          min-width: 768px;
          max-width: 991px;
          width: 100%;
          padding-left: 15px;
          padding-right: 15px; } }
      @media (min-width: 992px) {
        body .layout-container .layout--operator-twocol-section.operator-bg-gray .region,
        body .layout-container .layout--operator-twocol-section.operator-bg-gray .layout__region--content,
        body .layout-container .layout--operator-twocol-section.operator-bg-gray :not(layout__region--content) > .block
        .block-views,
        body .layout-container .layout--onecol.operator-bg-gray .region,
        body .layout-container .layout--onecol.operator-bg-gray .layout__region--content,
        body .layout-container .layout--onecol.operator-bg-gray :not(layout__region--content) > .block
        .block-views {
          min-width: 992px;
          max-width: 1199px;
          width: 100%;
          padding-left: 15px;
          padding-right: 15px; } }
    body .layout-container .layout--operator-twocol-section.operator-bg-gray .block,
    body .layout-container .layout--onecol.operator-bg-gray .block {
      text-align: left; }
    @media (min-width: 0px) {
      body .layout-container .layout--operator-twocol-section.operator-bg-gray .layout--operator-twocol-section-wrapper,
      body .layout-container .layout--onecol.operator-bg-gray .layout--operator-twocol-section-wrapper {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 768px) {
      body .layout-container .layout--operator-twocol-section.operator-bg-gray .layout--operator-twocol-section-wrapper,
      body .layout-container .layout--onecol.operator-bg-gray .layout--operator-twocol-section-wrapper {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 992px) {
      body .layout-container .layout--operator-twocol-section.operator-bg-gray .layout--operator-twocol-section-wrapper,
      body .layout-container .layout--onecol.operator-bg-gray .layout--operator-twocol-section-wrapper {
        padding-left: 20px;
        padding-right: 20px; } }
  body .layout-container .layout--onecol.operator-bg-blue {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #18385e;
    color: white; }
    body .layout-container .layout--onecol.operator-bg-blue .region,
    body .layout-container .layout--onecol.operator-bg-blue .layout__region--content,
    body .layout-container .layout--onecol.operator-bg-blue :not(layout__region--content) > .block
    .block-views {
      margin-left: auto;
      margin-right: auto;
      text-align: left; }
      @media (min-width: 0px) {
        body .layout-container .layout--onecol.operator-bg-blue .region,
        body .layout-container .layout--onecol.operator-bg-blue .layout__region--content,
        body .layout-container .layout--onecol.operator-bg-blue :not(layout__region--content) > .block
        .block-views {
          min-width: 0px;
          max-width: 767px;
          width: 100%;
          padding-left: 15px;
          padding-right: 15px; } }
      @media (min-width: 768px) {
        body .layout-container .layout--onecol.operator-bg-blue .region,
        body .layout-container .layout--onecol.operator-bg-blue .layout__region--content,
        body .layout-container .layout--onecol.operator-bg-blue :not(layout__region--content) > .block
        .block-views {
          min-width: 768px;
          max-width: 991px;
          width: 100%;
          padding-left: 15px;
          padding-right: 15px; } }
      @media (min-width: 992px) {
        body .layout-container .layout--onecol.operator-bg-blue .region,
        body .layout-container .layout--onecol.operator-bg-blue .layout__region--content,
        body .layout-container .layout--onecol.operator-bg-blue :not(layout__region--content) > .block
        .block-views {
          min-width: 992px;
          max-width: 1199px;
          width: 100%;
          padding-left: 15px;
          padding-right: 15px; } }
    body .layout-container .layout--onecol.operator-bg-blue .block {
      text-align: left; }
    body .layout-container .layout--onecol.operator-bg-blue h1, body .layout-container .layout--onecol.operator-bg-blue h2, body .layout-container .layout--onecol.operator-bg-blue h3, body .layout-container .layout--onecol.operator-bg-blue h4 {
      color: white; }
  body .layout-container main {
    width: 100%;
    display: inline-block; }
    body .layout-container main .layout-content {
      display: inline-block;
      width: 100%;
      max-width: 1200px; }
      body .layout-container main .layout-content #block-operator-page-title {
        display: inline-block;
        width: 100%; }
      body .layout-container main .layout-content #block-operator-content {
        display: inline-block;
        width: 100%; }

html {
  box-sizing: border-box; }

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

body {
  font-family: "Work Sans", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.00px;
  word-spacing: -0.10px;
  text-transform: none; }
  @media (min-width: 0px) {
    body #op-is-mobile {
      display: block; } }
  @media (min-width: 768px) {
    body #op-is-mobile {
      display: none; } }

.medium {
  font-style: medium; }

a {
  color: #f28e39;
  text-decoration: none; }

.views-field-title,
h1, h2, h3, h4, h5, h6 {
  color: #333333;
  font-family: "Poppins", "Arial", sans-serif;
  line-height: 1.1; }
  .views-field-title a,
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #333333; }

h1,
h1.page-title {
  float: left;
  width: 100%;
  text-transform: none;
  font-family: "Poppins", sans-serif;
  font-size: 72px;
  font-weight: 900;
  line-height: 1.15;
  opacity: 1.00;
  margin-top: 0px;
  margin-bottom: 10px;
  letter-spacing: 0.00px;
  word-spacing: 0.00px;
  text-transform: none;
  color: #000; }

h2 {
  font-family: "Poppins", "Arial", sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 1.15;
  opacity: 1.00;
  margin-top: 40px;
  margin-bottom: 10px;
  letter-spacing: 0.10px;
  word-spacing: 0.00px;
  text-transform: none;
  color: #000; }

h3 {
  font-family: "Poppins", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.15;
  opacity: 1.00;
  margin-top: 40px;
  margin-bottom: 10px;
  letter-spacing: 0.10px;
  word-spacing: 0.00px;
  text-transform: none;
  color: #000; }

h4 {
  font-size: 18px;
  line-height: 22px; }

h5 {
  font-size: 16px;
  line-height: 19px; }

h5 {
  font-size: 16px;
  line-height: 19px;
  font-style: italic; }

button,
button.opaq_button {
  display: inline-block;
  color: #fff;
  background-color: #f28e39;
  font-family: "Work Sans", "Arial", sans-serif;
  padding: 15px 30px;
  border-radius: 4px;
  border-color: #f28e39;
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.15);
  border: 0;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.56;
  text-align: left; }
  button:hover,
  button.opaq_button:hover {
    color: #fff; }
  button a,
  button.opaq_button a {
    color: #fff; }
  button a:hover,
  button.opaq_button a:hover {
    color: #fff; }

/* Globale Pill-Buttons (kann überall verwendet werden) */
.btn-pill {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  border: 2px solid #f28e39;
  background: #f28e39;
  color: #fff !important;
  font-weight: 600;
  text-decoration: none !important;
  transition: all .15s ease;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1;
}
.btn-pill:hover,
.btn-pill:focus { filter: brightness(.95); }

/* Outline-Variante */
.btn-pill-outline {
  background: transparent;
  border-color: #d1d5db;
  color: #222 !important;
}
.btn-pill-outline:hover,
.btn-pill-outline:focus {
  background: #f7f7f7;
  border-color: #9ca3af;
}

/* Fokus für Tastaturbedienung */
.btn-pill:focus {
  outline: 2px solid #f28e39;
  outline-offset: 2px;
}


.region-content ul,
.node ul {
  list-style-position: outside;
  padding: 0;
  margin-top: 0;
  margin-bottom: 10px; }
  .region-content ul li,
  .node ul li {
    list-style-type: none;
    padding-bottom: 15px; }
  .region-content ul li:before,
  .node ul li:before {
    content: '+';
    display: inline-block;
    margin-left: -1.2em;
    width: 1.2em;
    color: #f58220;
    font-weight: normal;
    font-size: 21px;
    position: absolute;
    z-index: 100; }

form .field--widget-string-textarea label,
form .field--widget-string-textarea label {
  box-sizing: border-box;
  color: gray;
  display: inline-block;
  font-family: "Work Sans", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 15px;
  letter-spacing: normal;
  line-height: 27.9px;
  margin-bottom: 5px;
  max-width: 100%;
  text-align: left;
  text-transform: none;
  top: 10px;
  word-spacing: -0.1px;
  z-index: 1; }
form select,
form textarea,
form input.form-search,
form input.form-text,
form input.form-email {
  border-radius: 4px;
  border-color: #eaeaea;
  width: 100%;
  padding: 6px 12px;
  line-height: 1.42857143;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
form select,
form input.form-text,
form input.form-email {
  height: 50px; }

.fontsize-8 {
  font-size: 8px; }

.fontsize-10 {
  font-size: 10px; }

.fontsize-12 {
  font-size: 12px; }

.fontsize-14 {
  font-size: 14px; }

.fontsize-16 {
  font-size: 16px; }

.fontsize-18 {
  font-size: 18px; }

.fontsize-20 {
  font-size: 20px; }

.fontsize-22 {
  font-size: 22px; }

.fontsize-24 {
  font-size: 24px; }

.fontsize-28 {
  font-size: 28px; }

.fontsize-32 {
  font-size: 32px; }

.fontsize-36 {
  font-size: 36px; }

.fontsize-40 {
  font-size: 40px; }

.fontsize-44 {
  font-size: 44px; }

.fontsize-48 {
  font-size: 48px; }

.div-fontsize-8 {
  font-size: 8px; }

.div-fontsize-10 {
  font-size: 10px; }

.div-fontsize-12 {
  font-size: 12px; }

.div-fontsize-14 {
  font-size: 14px; }

.div-fontsize-16 {
  font-size: 16px; }

.div-fontsize-18 {
  font-size: 18px; }

.div-fontsize-20 {
  font-size: 20px; }

.div-fontsize-22 {
  font-size: 22px; }

.div-fontsize-24 {
  font-size: 24px; }

.div-fontsize-28 {
  font-size: 28px; }

.div-fontsize-32 {
  font-size: 32px; }

.div-fontsize-36 {
  font-size: 36px; }

.div-fontsize-40 {
  font-size: 40px; }

.div-fontsize-44 {
  font-size: 44px; }

.div-fontsize-48 {
  font-size: 48px; }

header .region-header-top {
  display: inline-block;
  width: 100%;
  background-color: #f0f0f0; }
  header .region-header-top .block.menu--account {
    float: right; }
    header .region-header-top .block.menu--account ul li {
      display: inline-block;
      margin-right: 10px;
      color: black;
      font-family: "Work Sans", "Arial", sans-serif; }
      header .region-header-top .block.menu--account ul li a {
        color: black; }
header #op-header-menu-bar {
  clear: both;
  display: inline-block;
  width: 100%;
  position: relative; }
  header #op-header-menu-bar #op-header-logo {
    display: inline-block;
    position: relative;
    top: 10px; }
  header #op-header-menu-bar #op-header-main-menus {
    display: inline-block; }
    @media (min-width: 0) {
      header #op-header-menu-bar #op-header-main-menus {
        width: 100%; } }
    @media (min-width: 992px) {
      header #op-header-menu-bar #op-header-main-menus {
        width: auto; } }
    @media (min-width: 0) {
      header #op-header-menu-bar #op-header-main-menus #op-header-menus-desktop {
        display: none;
        width: 100%; } }
    @media (min-width: 992px) {
      header #op-header-menu-bar #op-header-main-menus #op-header-menus-desktop {
        display: inline-block;
        width: 100%; } }
    header #op-header-menu-bar #op-header-main-menus .block {
      display: inline-block; }
    @media (min-width: 0) {
      header #op-header-menu-bar #op-header-main-menus #op-header-menus-mobile {
        display: inline-block;
        width: 100%; } }
    @media (min-width: 992px) {
      header #op-header-menu-bar #op-header-main-menus #op-header-menus-mobile {
        display: none;
        width: 100%; } }
    @media (min-width: 0) {
      header #op-header-menu-bar #op-header-main-menus #op-header-menus-desktop {
        display: none;
        width: 100%; } }
    @media (min-width: 992px) {
      header #op-header-menu-bar #op-header-main-menus #op-header-menus-desktop {
        display: inline-block;
        width: 100%; } }
header #block-operator-stable9-cloudlosungenbutton-2--2,
header #block-operator-stable9-cloudlosungenbutton-2,
header #block-operator-stable9-cloudlosungenbutton--2,
header #block-operator-stable9-cloudlosungenbutton {
  margin-left: 20px; }
  header #block-operator-stable9-cloudlosungenbutton-2--2 p,
  header #block-operator-stable9-cloudlosungenbutton-2 p,
  header #block-operator-stable9-cloudlosungenbutton--2 p,
  header #block-operator-stable9-cloudlosungenbutton p {
    margin: 0; }
header #block-operator-stable9-cloudlosungenbutton-2--2,
header #block-operator-stable9-cloudlosungenbutton-2 {
  margin-left: 20px; }
  header #block-operator-stable9-cloudlosungenbutton-2--2 button,
  header #block-operator-stable9-cloudlosungenbutton-2 button {
    padding-left: 5px;
    padding-right: 5px; }
  @media (min-width: 0) {
    header #block-operator-stable9-cloudlosungenbutton-2--2,
    header #block-operator-stable9-cloudlosungenbutton-2 {
      display: inline-block !important; } }
  @media (min-width: 992px) {
    header #block-operator-stable9-cloudlosungenbutton-2--2,
    header #block-operator-stable9-cloudlosungenbutton-2 {
      display: none  !important; } }
header #block-operator-stable9-cloudlosungenbutton--2,
header #block-operator-stable9-cloudlosungenbutton {
  margin-left: 40px; }
  @media (min-width: 0) {
    header #block-operator-stable9-cloudlosungenbutton--2,
    header #block-operator-stable9-cloudlosungenbutton {
      display: none  !important; } }
  @media (min-width: 992px) {
    header #block-operator-stable9-cloudlosungenbutton--2,
    header #block-operator-stable9-cloudlosungenbutton {
      display: inline-block  !important;
      margin-left: 40px !important; }
      header #block-operator-stable9-cloudlosungenbutton--2 button,
      header #block-operator-stable9-cloudlosungenbutton button {
        padding-right: 5px;
        padding-left: 5px;
        font-weight: bold;
        font-size: 14px; } }
header .region-header-info {
  text-align: right; }
  @media (min-width: 0) {
    header .region-header-info {
      display: none;
      width: 100%; } }
  @media (min-width: 992px) {
    header .region-header-info {
      display: inline-block;
      width: 100%; } }
  header .region-header-info .block {
    display: inline-block; }
  header .region-header-info #block-operator-stable9-telephone {
    font-size: 14px; }
  header .region-header-info .block-search form input {
    height: 20px;
    line-height: 0.5;
    font-size: 14px; }
  header .region-header-info .block-search form #edit-actions--2 input,
  header .region-header-info .block-search form #edit-actions input {
    background-image: url(/themes/custom/operator_stable9/images/icon-search@2x.png);
    background-repeat: no-repeat;
    /* put the height and width of your image here */
    height: 15px;
    width: 15px;
    border: none;
    font-size: 0;
    background-color: white;
    line-height: normal;
    position: relative;
    top: -8px;
    background-size: cover; }
@media (min-width: 0) {
  header .region-header-menu-secondary {
    display: none;
    width: 100%; } }
@media (min-width: 992px) {
  header .region-header-menu-secondary {
    display: inline-block;
    width: 100%; } }

#op-header-menus-desktop .block.menu--main ul {
  margin-right: 0; }
  #op-header-menus-desktop .block.menu--main ul li {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    font-size: 14px;
    margin: 0; }
    #op-header-menus-desktop .block.menu--main ul li:nth-of-type(5), #op-header-menus-desktop .block.menu--main ul li:nth-of-type(6), #op-header-menus-desktop .block.menu--main ul li:nth-of-type(7) {
      font-weight: normal; }
    #op-header-menus-desktop .block.menu--main ul li .op-menu-item-opener,
    #op-header-menus-desktop .block.menu--main ul li .op-menu-item-closer {
      display: none; }
    #op-header-menus-desktop .block.menu--main ul li.op-mobile {
      display: none; }
    #op-header-menus-desktop .block.menu--main ul li a {
      padding-bottom: 27px;
      padding-left: 10px;
      padding-right: 10px;
      display: inline-block;
      color: black; }
    #op-header-menus-desktop .block.menu--main ul li a:hover {
      color: #f28e39; }
    #op-header-menus-desktop .block.menu--main ul li.menu-item--active-trail {
      color: #f28e39;
      border-bottom: 1px solid #f28e39; }
      #op-header-menus-desktop .block.menu--main ul li.menu-item--active-trail a {
        color: #f28e39; }
    #op-header-menus-desktop .block.menu--main ul li.menu-item--expanded ul {
      display: none; }

.region-header-menu-secondary ul {
  margin-left: 0; }
  .region-header-menu-secondary ul li {
    display: inline-block;
    padding-right: 0;
    padding-right: 30px;
    margin-left: 18px;
    font-size: 14px;
    font-weight: bold; }
    .region-header-menu-secondary ul li a {
      padding: 15px 0 10px 0;
      color: black; }
    .region-header-menu-secondary ul li.menu-item--active-trail {
      color: #f28e39; }
      .region-header-menu-secondary ul li.menu-item--active-trail a {
        color: #f28e39; }
    .region-header-menu-secondary ul li a:hover {
      color: #f28e39; }
    .region-header-menu-secondary ul li.menu-item--expanded {
      position: relative; }
      .region-header-menu-secondary ul li.menu-item--expanded .op-menu-item-opener,
      .region-header-menu-secondary ul li.menu-item--expanded .op-menu-item-closer {
        display: none; }
      .region-header-menu-secondary ul li.menu-item--expanded:hover a {
        color: #f28e39; }
      .region-header-menu-secondary ul li.menu-item--expanded ul {
        display: none;
        position: absolute;
        top: 100%;
        z-index: 1000;
        background: white;
        min-width: 220px; }
        .region-header-menu-secondary ul li.menu-item--expanded ul li {
          margin-left: 0; }

#op-header-menus-mobile {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  top: -45px; }
  #op-header-menus-mobile .region,
  #op-header-menus-mobile .layout__region--content,
  #op-header-menus-mobile :not(layout__region--content) > .block
  .block-views {
    margin-left: auto;
    margin-right: auto;
    text-align: left; }
    @media (min-width: 0px) {
      #op-header-menus-mobile .region,
      #op-header-menus-mobile .layout__region--content,
      #op-header-menus-mobile :not(layout__region--content) > .block
      .block-views {
        min-width: 0px;
        max-width: 767px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 768px) {
      #op-header-menus-mobile .region,
      #op-header-menus-mobile .layout__region--content,
      #op-header-menus-mobile :not(layout__region--content) > .block
      .block-views {
        min-width: 768px;
        max-width: 991px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 992px) {
      #op-header-menus-mobile .region,
      #op-header-menus-mobile .layout__region--content,
      #op-header-menus-mobile :not(layout__region--content) > .block
      .block-views {
        min-width: 992px;
        max-width: 1199px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
  #op-header-menus-mobile .block {
    text-align: left; }
  #op-header-menus-mobile #op-menu-mobile-hamburger-opener,
  #op-header-menus-mobile #op-menu-mobile-hamburger-closer {
    position: absolute;
    cursor: pointer;
    display: inline-block; }
  #op-header-menus-mobile #op-menu-mobile-hamburger-opener {
    width: 20px;
    height: 20px;
    right: 55px; }
    #op-header-menus-mobile #op-menu-mobile-hamburger-opener span {
      display: block;
      width: 24px;
      height: 3px;
      background-color: black;
      position: absolute;
      margin: auto;
      transition: all 0.35s; }
    #op-header-menus-mobile #op-menu-mobile-hamburger-opener span.one {
      top: 0px; }
    #op-header-menus-mobile #op-menu-mobile-hamburger-opener span.two {
      top: 0;
      bottom: 0; }
    #op-header-menus-mobile #op-menu-mobile-hamburger-opener span.three {
      bottom: 0px; }
  #op-header-menus-mobile #op-menu-mobile-hamburger-closer {
    position: relative;
    width: 100%;
    background-color: #18385e;
    display: none;
    height: 40px; }
    #op-header-menus-mobile #op-menu-mobile-hamburger-closer span {
      margin-top: 20px;
      font-size: 24px;
      color: white;
      line-height: 0.7;
      font-weight: bold;
      display: inline-block;
      position: absolute;
      right: 55px; }
  #op-header-menus-mobile #op-menu-mobile-menu {
    background-color: #18385e;
    display: none;
    width: 100%; }
    #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul {
      list-style-type: none;
      /* Remove bullets */
      padding: 0;
      margin: 0;
      margin-right: 0; }
      #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li {
        position: relative;
        float: left;
        width: 100%; }
        #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li a {
          display: block;
          float: left;
          width: 90%;
          padding: 10px 5%;
          margin: 0;
          text-align: left;
          color: #fff;
          font-weight: bold;
          text-decoration: none;
          text-transform: uppercase; }
        #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li a:hover {
          color: #f28e39; }
        #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--active-trail {
          color: #f28e39; }
          #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--active-trail > a {
            color: #f28e39; }
        #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded {
          list-style-type: none;
          list-style-image: none; }
          #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded .op-menu-item-opener,
          #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded .op-menu-item-closer {
            padding: 12px 20px;
            text-align: center;
            position: absolute;
            right: 60px;
            top: 0;
            z-index: 2;
            font-weight: 700;
            background-color: rgba(255, 255, 255, 0.1);
            cursor: pointer; }
          #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded .op-menu-item-closer {
            display: none;
            color: #f28e39; }
          #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded .op-menu-item-opener {
            display: block;
            color: white; }
          #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded ul {
            display: none;
            width: 100%; }
            #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded ul li {
              color: white; }
              #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded ul li a {
                color: white;
                font-weight: normal;
                padding: 0;
                padding-left: 45px; }
              #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded ul li a:before {
                content: '+';
                display: inline-block;
                margin-left: -5px;
                width: 20px;
                color: #f28e39;
                font-weight: normal;
                font-size: 21px;
                font-weight: normal; }
              #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded ul li.menu-item--active-trail {
                color: #f28e39; }
                #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded ul li.menu-item--active-trail > a:first-of-type {
                  color: #f28e39; }
              #op-header-menus-mobile #op-menu-mobile-menu .block.menu--main ul li.menu-item--expanded ul li ul {
                padding-left: 20px;
                display: none; }
    #op-header-menus-mobile #op-menu-mobile-menu #block-operator-stable9-cloudlosungenbutton--2 {
      display: block;
      margin-left: 5%; }
    #op-header-menus-mobile #op-menu-mobile-menu #op-mobile-footer {
      color: white;
      width: 100%;
      padding: 10px 5%;
      font-size: 14px;
      border-top: 1px solid rgba(100, 100, 100, 0.9);
      margin-top: 20px;
      padding-bottom: 50px; }

.block-inline-blockbasic img {
  max-width: 100%;
  height: auto; }

#block-operator-stable9-cloudlosungenbutton-2--2 button,
#block-operator-stable9-cloudlosungenbutton button {
  padding: 0; }

.block.block-inline-blockimage-block {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  color: #ffffff; }
  .block.block-inline-blockimage-block .field--name-body {
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 0px) {
      .block.block-inline-blockimage-block .field--name-body {
        max-width: 767px;
        width: 100%; } }
    @media (min-width: 768px) {
      .block.block-inline-blockimage-block .field--name-body {
        max-width: 991px;
        width: 100; } }
    @media (min-width: 992px) {
      .block.block-inline-blockimage-block .field--name-body {
        max-width: 1199px;
        width: 100%; } }
  .block.block-inline-blockimage-block .background-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: brightness(70%);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: left top !important;
    background-size: cover; }
  .block.block-inline-blockimage-block .field--name-body {
    position: relative;
    z-index: 10;
    color: white;
    margin: auto;
    font-size: 18px;
    filter: brightness(100%); }
    .block.block-inline-blockimage-block .field--name-body h1, .block.block-inline-blockimage-block .field--name-body h2, .block.block-inline-blockimage-block .field--name-body h3 {
      color: white; }
    @media (min-width: 0px) {
      .block.block-inline-blockimage-block .field--name-body {
        padding-left: 15px;
        padding-right: 15px; }
        .block.block-inline-blockimage-block .field--name-body h1 {
          font-size: 36px; } }
    @media (min-width: 992px) {
      .block.block-inline-blockimage-block .field--name-body {
        padding-left: 15px;
        padding-right: 15px; }
        .block.block-inline-blockimage-block .field--name-body h1 {
          font-size: 72px; } }
  .block.block-inline-blockimage-block.operator-header {
    padding-top: 120px; }
    .block.block-inline-blockimage-block.operator-header .background-image {
      filter: brightness(70%); }
    .block.block-inline-blockimage-block.operator-header .field--name-body {
      color: white; }
      .block.block-inline-blockimage-block.operator-header .field--name-body h1, .block.block-inline-blockimage-block.operator-header .field--name-body h2, .block.block-inline-blockimage-block.operator-header .field--name-body h3 {
        color: white; }
  .block.block-inline-blockimage-block.operator-inline-light-variable {
    padding-top: 0; }
    .block.block-inline-blockimage-block.operator-inline-light-variable .background-image {
      filter: brightness(100%); }
    .block.block-inline-blockimage-block.operator-inline-light-variable .field--name-body {
      color: black; }
      .block.block-inline-blockimage-block.operator-inline-light-variable .field--name-body h1, .block.block-inline-blockimage-block.operator-inline-light-variable .field--name-body h2, .block.block-inline-blockimage-block.operator-inline-light-variable .field--name-body h3 {
        color: black; }

.layout--twocol-section .block-layout-builder h3 img,
.layout--operator-twocol-section .block-layout-builder h3 img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
  margin-right: 15px;
  vertical-align: middle; }

.block .operator-vcenter {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }
.block .operator-vhight-500 img {
  height: 500px;
  width: auto;
  max-width: unset; }
.block .opag-partner {
  display: inline-block;
  width: 100%;
  padding-left: 45px;
  margin-top: 30px;
  margin-bottom: 100px; }
  .block .opag-partner .col-md-2 {
    height: 180px;
    border-radius: 6px;
    border: solid 1px #3a527b;
    margin-right: 20px;
    width: 18%;
    text-align: left;
    font-weight: bold; }
  .block .opag-partner .versa,
  .block .opag-partner .colr,
  .block .opag-partner .QSC,
  .block .opag-partner .vodafone,
  .block .opag-partner .telekom {
    padding-top: 75px;
    padding-left: 20px;
    letter-spacing: -0.2px;
    line-height: 1.33;
    text-align: center; }
/* =========================================================
   OPAG PRODUKTE – Karten-Navigation (5 Kacheln)
   ========================================================= */

/* Container */
.opag-produkte {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 32px;
}

/* Grundstil jeder Karte (Link) */
.opag-produkte > .col-md-3 {
  /* Bootstrap-Reste neutralisieren */
  float: none;

  box-sizing: border-box;
  display: flex;
  flex-direction: column;      /* Text in der Karte oben/zentriert */
  justify-content: center;
  align-items: flex-start;

  flex: 1 1 100%;              /* Mobile: volle Breite */
  min-width: 0;

  height: 140px;             
  padding: 20px 64px 20px 32px;

  background-color: #f3f6f9;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(58, 82, 123, 0.18);

  color: #111;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.35;
  text-decoration: none;
  white-space: normal;         /* Text darf umbrechen */
  text-align: left;

  position: relative;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease,
    color 0.15s ease;
}

/* Icon rechts in der Karte */
.opag-produkte > .col-md-3::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);

  width: 36px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.45;
}

/* Icons pro Kategorie */
.opag-produkte > .pro1::after {
  background-image: url("/themes/custom/operator_stable9/images/icon-computer.png");
}
.opag-produkte > .pro2::after {
  background-image: url("/themes/custom/operator_stable9/images/icon-phone.png");
}
.opag-produkte > .pro3::after {
  background-image: url("/themes/custom/operator_stable9/images/icon-mobile.png");
}
.opag-produkte > .pro4::after {
  background-image: url("/themes/custom/operator_stable9/images/icon-services.png");
}
.opag-produkte > .pro5::after {
  background-image: url("/themes/custom/operator_stable9/images/icon-cloud.png");
}


.opag-produkte > .col-md-3:hover {
  background-color: #ffffff;
  box-shadow:
    0 6px 18px rgba(242, 142, 57, 0.75);
  transform: translateY(-2px);
  color: #111;
}
.opag-produkte > .col-md-3:hover::after {
  opacity: 0.9;
}

/* Tastatur-Fokus (Barrierefreiheit) */
.opag-produkte > .col-md-3:focus-visible {
  outline: 3px solid #f28e39;
  outline-offset: 3px;
  box-shadow:
    0 0 0 3px rgba(242, 142, 57, 0.4);
}

/* ---------------------------
   Responsive Verhalten
   --------------------------- */

/* Tablet: zwei Karten pro Zeile */
@media (min-width: 768px) and (max-width: 1249px) {
  .opag-produkte {
    flex-wrap: wrap;
  }

  .opag-produkte > .col-md-3 {
    flex: 1 1 calc(50% - 20px);
  }
}

/* Desktop: fünf Karten nebeneinander */
@media (min-width: 1250px) {
  .opag-produkte {
    flex-wrap: nowrap;
    gap: 20px;
  }

  .opag-produkte > .col-md-3 {
    flex: 1 1 0;   /* alle gleich breit, Flex verteilt */
    height: 140px;
  }
}


.block .opag-referenzen {
  margin-top: 40px;
  margin-bottom: 70px;
  display: inline-block; }
  @media (min-width: 0px) {
    .block .opag-referenzen .col-md-4 {
      width: 100%; } }
  @media (min-width: 992px) {
    .block .opag-referenzen .col-md-4 {
      width: 32%; } }
  .block .opag-referenzen .col-md-4.ref1, .block .opag-referenzen .col-md-4.ref2 {
    border-radius: 6px;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    padding: 70px 40px 40px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 27.9px; }
    @media (min-width: 0px) {
      .block .opag-referenzen .col-md-4.ref1, .block .opag-referenzen .col-md-4.ref2 {
        margin-top: 100px;
        height: 530px; } }
    @media (min-width: 0px) {
      .block .opag-referenzen .col-md-4.ref1, .block .opag-referenzen .col-md-4.ref2 {
        margin-top: 100px;
        height: 350px; } }
    @media (min-width: 992px) {
      .block .opag-referenzen .col-md-4.ref1, .block .opag-referenzen .col-md-4.ref2 {
        margin-top: 10px;
        height: 530px; } }
    .block .opag-referenzen .col-md-4.ref1 img, .block .opag-referenzen .col-md-4.ref2 img {
      border-radius: 50%;
      border: 10px solid #f0f0f0;
      margin-top: -180px;
      margin-left: -10px;
      width: 140px !important;
      height: 140px !important; }
    .block .opag-referenzen .col-md-4.ref1 .opag-bottom, .block .opag-referenzen .col-md-4.ref2 .opag-bottom {
      font-size: 14px;
      margin-top: 95px;
      padding-top: 20px;
      border-top: 1px solid #f0f0f0;
      position: absolute;
      bottom: 20px;
      left: 40px;
      right: 40px; }
  .block .opag-referenzen .col-md-4.ref1 {
    margin-right: 40px; }
.block.operator-indent-text .field--name-body {
  padding-left: 15px; }
.block .opag-bleibt .col-md-3 {
  height: 170px;
  margin-right: 55px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.08);
  padding: 96px 30px 30px;
  background: #ef7d00 url("../images/plus.svg") no-repeat 20px 20px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.2px;
  width: 20%;
  min-width: 160px;
  margin-bottom: 20px; }
  @media (min-width: 0px) {
    .block .opag-bleibt .col-md-3 {
      width: 40%; } }
  @media (min-width: 1150px) {
    .block .opag-bleibt .col-md-3 {
      width: 20%; } }
.block .opag-gruende .col-md-3 {
  height: 362px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.08);
  background-color: #f8f8f8 !important; }
  @media (min-width: 0px) {
    .block .opag-gruende .col-md-3 {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
      height: auto;
      padding-bottom: 20px; } }
  @media (min-width: 768px) {
    .block .opag-gruende .col-md-3 {
      width: calc( 50% - 40px );
      margin-bottom: 20px;
      margin-right: 40px;
      height: 330px;
      padding-bottom: 0; } }
  @media (min-width: 1150px) {
    .block .opag-gruende .col-md-3 {
      width: 22%;
      margin-right: 35px;
      margin-bottom: 0;
      height: 360px;
      padding-bottom: 0; } }
  .block .opag-gruende .col-md-3 p {
    line-height: 1.33;
    padding-top: 10px;
    letter-spacing: -0.2px;
    color: #222222;
    margin: 0; }
  .block .opag-gruende .col-md-3.gr1 {
    background: transparent url("../images/icon-zuverlaessig.png") no-repeat 25px 25px;
    padding-top: 107px;
    padding-left: 20px;
    letter-spacing: -0.2px;
    line-height: 1.33; }
  .block .opag-gruende .col-md-3.gr2 {
    background: transparent url("../images/icon-individuell.png") no-repeat 25px 25px;
    padding-top: 107px;
    padding-left: 20px;
    letter-spacing: -0.2px;
    line-height: 1.33; }
  .block .opag-gruende .col-md-3.gr3 {
    background: transparent url("../images/icon-kostenguenstig.png") no-repeat 25px 25px;
    padding-top: 107px;
    padding-left: 20px;
    letter-spacing: -0.2px;
    line-height: 1.33; }
  .block .opag-gruende .col-md-3.gr4 {
    background: transparent url("../images/icon-flexibel.png") no-repeat 25px 25px;
    padding-top: 107px;
    padding-left: 20px;
    letter-spacing: -0.2px;
    line-height: 1.33; }
.block .opag-gruende .col-md-3.last {
  margin-right: 0px;
  margin-bottom: 50px; }
.block .opag-vp {
  background-color: red; }
  .block .opag-vp .col-md-3 div {
    border: 2px solid #f58220;
    color: #f58220;
    border-radius: 50%;
    padding-left: 6px;
    padding-bottom: 10px;
    line-height: 19px;
    height: 26px;
    width: 26px;
    float: left;
    margin-right: 10px; }
  @media (min-width: 0px) {
    .block .opag-vp .col-md-3 {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
      height: auto; } }
  @media (min-width: 768px) {
    .block .opag-vp .col-md-3 {
      width: calc( 50% - 40px );
      margin-bottom: 20px;
      margin-right: 40px;
      height: 60px; } }
  @media (min-width: 1150px) {
    .block .opag-vp .col-md-3 {
      width: 22%;
      margin-right: 35px;
      margin-bottom: 0;
      height: auto; } }
  .block .opag-vp .col-md-3 p {
    margin: 0; }
  .block .opag-vp .col-md-3 .vp1 {
    font-weight: bold; }
  .block .opag-vp .col-md-3.last {
    margin-right: 0px;
    margin-bottom: 50px; }
.block .opag-paket .col-md-3 {
  margin-top: 50px; }
  .block .opag-paket .col-md-3 img {
    border-radius: 50%;
    border: 0px solid #f0f0f0;
    margin-left: -0px;
    margin-bottom: 15px; }

div .op-rows-clouds-text-wrapper,
table .op-rows-clouds-text-wrapper {
  background-color: transparent;
  background-image: url("../images/cloud-orange.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  vertical-align: top;
  height: auto;
  display: inline-block;
  width: 100%; }
  div .op-rows-clouds-text-wrapper p::first-of-type,
  table .op-rows-clouds-text-wrapper p::first-of-type {
    margin-top: 0; }
  div .op-rows-clouds-text-wrapper .op-rows-clouds-text,
  table .op-rows-clouds-text-wrapper .op-rows-clouds-text {
    margin-top: 22%;
    height: 160px; }
    div .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-text-title,
    table .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-text-title {
      font-weight: bold;
      font-size: 18px;
      line-height: 30px; }
      div .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-text-title .op-t,
      table .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-text-title .op-t {
        background-image: url("../images/operator_plus_white.png");
        background-size: 11px 11px;
        width: 11px;
        height: 11px;
        display: inline-block;
        position: relative;
        vertical-align: middle; }
    div .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-row-price1,
    table .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-row-price1 {
      font-size: 24px;
      font-weight: bold; }
      div .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-row-price1 span,
      table .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-row-price1 span {
        font-size: 12px;
        font-weight: normal; }
    div .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-row-price2,
    table .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-row-price2 {
      font-size: 12px;
      line-height: 10px; }
    div .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-row-extra,
    table .op-rows-clouds-text-wrapper .op-rows-clouds-text .op-row-extra {
      font-size: 10px;
      line-height: 13px; }

table.op-table-pricing {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse; }
  table.op-table-pricing tr td {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #eef1f3;
    line-height: 20px;
    word-wrap: break-word;
    hyphens: auto; }
    table.op-table-pricing tr td:nth-child(1) {
      border: 0; }
      @media (min-width: 0px) {
        table.op-table-pricing tr td:nth-child(1) {
          width: 0px; } }
      @media (min-width: 768px) {
        table.op-table-pricing tr td:nth-child(1) {
          width: 0px; } }
      @media (min-width: 992px) {
        table.op-table-pricing tr td:nth-child(1) {
          width: 5%; } }
    table.op-table-pricing tr td:nth-child(2) {
      text-align: right; }
      @media (min-width: 0px) {
        table.op-table-pricing tr td:nth-child(2) {
          width: 50%;
          padding-right: 10px; } }
      @media (min-width: 768px) {
        table.op-table-pricing tr td:nth-child(2) {
          width: 40%;
          padding-right: 25px; } }
      @media (min-width: 992px) {
        table.op-table-pricing tr td:nth-child(2) {
          width: 35%;
          padding-right: 25px; } }
    table.op-table-pricing tr td:nth-child(3) {
      text-align: center;
      background: #f0f0f0;
      border-top: 1px solid gainsboro; }
      @media (min-width: 0px) {
        table.op-table-pricing tr td:nth-child(3) {
          width: 50%; } }
      @media (min-width: 768px) {
        table.op-table-pricing tr td:nth-child(3) {
          width: 25%; } }
      @media (min-width: 992px) {
        table.op-table-pricing tr td:nth-child(3) {
          width: 22.5%; } }
    table.op-table-pricing tr td:nth-child(4) {
      text-align: center; }
      @media (min-width: 0px) {
        table.op-table-pricing tr td:nth-child(4) {
          width: 50%; } }
      @media (min-width: 768px) {
        table.op-table-pricing tr td:nth-child(4) {
          width: 25%; } }
      @media (min-width: 992px) {
        table.op-table-pricing tr td:nth-child(4) {
          width: 22.5%; } }
    table.op-table-pricing tr td:nth-child(5) {
      border: 0; }
      @media (min-width: 0px) {
        table.op-table-pricing tr td:nth-child(5) {
          width: 0; } }
      @media (min-width: 768px) {
        table.op-table-pricing tr td:nth-child(5) {
          width: 0; } }
      @media (min-width: 992px) {
        table.op-table-pricing tr td:nth-child(5) {
          width: 15%; } }
  table.op-table-pricing tr#op-table-mobile-controller {
    text-align: center; }
    @media (min-width: 0) {
      table.op-table-pricing tr#op-table-mobile-controller {
        display: table-row; } }
    @media (min-width: 768px) {
      table.op-table-pricing tr#op-table-mobile-controller {
        display: none; } }
    table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper {
      display: inline-block;
      padding: 20px 0;
      background-color: white;
      width: 100%;
      width: 100%;
      text-align: center; }
      table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper.sticky {
        position: fixed;
        z-index: 100;
        display: block;
        left: 0; }
      table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content {
        display: inline-block;
        background-color: #f0f0f0;
        border-radius: 10px;
        padding: 5px; }
        table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-left,
        table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-right {
          background-color: #f0f0f0;
          color: black;
          display: inline-block;
          border-radius: 10px;
          padding: 10px;
          border: none;
          font-sie: 18px; }
          table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-left .op-t,
          table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-right .op-t {
            background-image: url("../images/operator_plus_orange.png");
            background-size: 11px 11px;
            width: 11px;
            height: 11px;
            display: inline-block;
            position: relative;
            vertical-align: middle; }
          table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-left.op-table-mobile-active,
          table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-right.op-table-mobile-active {
            background-color: white; }
          table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-left.op-table-mobile-inactive,
          table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-right.op-table-mobile-inactive {
            background-color: transparent; }
        table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-left.op-table-mobile-active {
          background-color: #f28e39;
          color: white; }
          table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-left.op-table-mobile-active .op-t {
            background-image: url("../images/operator_plus_white.png") !important; }
        table.op-table-pricing tr#op-table-mobile-controller .op-table-mobile-controller-wrapper .op-table-mobile-controller-content .op-table-mobile-controller-btn-right.op-table-mobile-active {
          border: 2px solid #f28e39; }
  table.op-table-pricing tr.op-table-row-text td {
    padding-top: 50px;
    padding-bottom: 50px;
    vertical-align: top; }
    table.op-table-pricing tr.op-table-row-text td p:first-of-type {
      margin-top: 0; }
    table.op-table-pricing tr.op-table-row-text td p:last-of-type {
      margin-bottom: 0; }
    table.op-table-pricing tr.op-table-row-text td:nth-child(3) {
      background: transparent;
      font-size: 16px;
      color: #828282; }
    table.op-table-pricing tr.op-table-row-text td .op-table-button {
      background-color: #f28e39;
      text-decoration: none;
      color: white;
      padding: 10px 20px;
      border-radius: 20px; }
      @media (min-width: 0px) {
        table.op-table-pricing tr.op-table-row-text td .op-table-button {
          font-size: 16px; } }
      @media (min-width: 768px) {
        table.op-table-pricing tr.op-table-row-text td .op-table-button {
          font-size: 18px; } }
    table.op-table-pricing tr.op-table-row-text td .op-table-button-white {
      background-color: wthie;
      text-decoration: none;
      color: #f28e39;
      padding: 10px 20px;
      border-radius: 20px;
      border: 3px solid #f28e39; }
      @media (min-width: 0px) {
        table.op-table-pricing tr.op-table-row-text td .op-table-button-white {
          font-size: 16px; } }
      @media (min-width: 768px) {
        table.op-table-pricing tr.op-table-row-text td .op-table-button-white {
          font-size: 18px; } }
  table.op-table-pricing tr.op-table-row-text:last-of-type {
    border-bottom: none; }
    table.op-table-pricing tr.op-table-row-text:last-of-type td {
      border-bottom: none !important; }
  table.op-table-pricing tr.op-table-row-text.op-table-row-text-top td {
    border-top: none; }
  @media (min-width: 0px) {
    table.op-table-pricing tr.op-table-row-text.op-table-row-text-top {
      display: none; } }
  @media (min-width: 768px) {
    table.op-table-pricing tr.op-table-row-text.op-table-row-text-top {
      display: table-row; } }
  table.op-table-pricing tr.op-table-row-text + .op-table-row-text td {
    border-top: none !important; }
  table.op-table-pricing tr.op-row-clouds td {
    border-top: none; }
    table.op-table-pricing tr.op-row-clouds td:nth-child(3), table.op-table-pricing tr.op-row-clouds td:nth-child(4) {
      padding-top: 0;
      padding-bottom: 0; }
      table.op-table-pricing tr.op-row-clouds td:nth-child(3) .op-text-clouds-text-sticky, table.op-table-pricing tr.op-row-clouds td:nth-child(4) .op-text-clouds-text-sticky {
        position: inherit; }
        @media (min-width: 0) {
          table.op-table-pricing tr.op-row-clouds td:nth-child(3) .op-text-clouds-text-sticky, table.op-table-pricing tr.op-row-clouds td:nth-child(4) .op-text-clouds-text-sticky {
            display: none; } }
        @media (min-width: 768px) {
          table.op-table-pricing tr.op-row-clouds td:nth-child(3) .op-text-clouds-text-sticky, table.op-table-pricing tr.op-row-clouds td:nth-child(4) .op-text-clouds-text-sticky {
            display: block; } }
        table.op-table-pricing tr.op-row-clouds td:nth-child(3) .op-text-clouds-text-sticky .op-text-title, table.op-table-pricing tr.op-row-clouds td:nth-child(4) .op-text-clouds-text-sticky .op-text-title {
          font-weight: bold;
          font-size: 18px;
          line-height: 30px;
          display: none; }
          table.op-table-pricing tr.op-row-clouds td:nth-child(3) .op-text-clouds-text-sticky .op-text-title.sticky, table.op-table-pricing tr.op-row-clouds td:nth-child(4) .op-text-clouds-text-sticky .op-text-title.sticky {
            position: fixed;
            z-index: 100;
            display: block;
            border: 2px solid #f28e39; }
          table.op-table-pricing tr.op-row-clouds td:nth-child(3) .op-text-clouds-text-sticky .op-text-title .op-t, table.op-table-pricing tr.op-row-clouds td:nth-child(4) .op-text-clouds-text-sticky .op-text-title .op-t {
            background-image: url("../images/operator_plus_white.png");
            background-size: 11px 11px;
            width: 11px;
            height: 11px;
            display: inline-block;
            position: relative;
            vertical-align: middle; }
    table.op-table-pricing tr.op-row-clouds td:nth-child(3) {
      background-color: transparent; }
      table.op-table-pricing tr.op-row-clouds td:nth-child(3) .op-rows-clouds-text-wrapper {
        background-image: url("../images/cloud-orange.png");
        color: white; }
        table.op-table-pricing tr.op-row-clouds td:nth-child(3) .op-rows-clouds-text-wrapper .op-text-title .op-t {
          background-image: url("../images/operator_plus_white.png") !important; }
      table.op-table-pricing tr.op-row-clouds td:nth-child(3) .op-text-clouds-text-sticky .op-text-title {
        background-color: #f28e39;
        color: white; }
        table.op-table-pricing tr.op-row-clouds td:nth-child(3) .op-text-clouds-text-sticky .op-text-title .op-t {
          background-image: url("../images/operator_plus_white.png") !important; }
    table.op-table-pricing tr.op-row-clouds td:nth-child(4) {
      background-color: transparent; }
      table.op-table-pricing tr.op-row-clouds td:nth-child(4) .op-rows-clouds-text-wrapper {
        background-image: url("../images/cloud-white.png");
        color: black; }
        table.op-table-pricing tr.op-row-clouds td:nth-child(4) .op-rows-clouds-text-wrapper .op-text-title .op-t {
          background-image: url("../images/operator_plus_orange.png") !important; }
      table.op-table-pricing tr.op-row-clouds td:nth-child(4) .op-text-clouds-text-sticky .op-text-title {
        margin-left: -2px;
        background-color: white;
        color: black; }
        table.op-table-pricing tr.op-row-clouds td:nth-child(4) .op-text-clouds-text-sticky .op-text-title .op-t {
          background-image: url("../images/operator_plus_orange.png") !important; }
  table.op-table-pricing tr:first-of-type td:nth-child(2), table.op-table-pricing tr:first-of-type td:nth-child(3), table.op-table-pricing tr:first-of-type td:nth-child(4) {
    border-top: none; }
  table.op-table-pricing tr:last-of-type td:nth-child(2), table.op-table-pricing tr:last-of-type td:nth-child(4) {
    border-bottom: 1px solid #f0f0f0; }
  table.op-table-pricing tr:last-of-type td:nth-child(3) {
    border-bottom: 1px solid gainsboro; }

.op-table-mobile {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  text-align: left;
  width: 100%;
  padding-left: 45px;
  padding-right: 45px; }
  .op-table-mobile .region,
  .op-table-mobile .layout__region--content,
  .op-table-mobile :not(layout__region--content) > .block
  .block-views {
    margin-left: auto;
    margin-right: auto;
    text-align: left; }
    @media (min-width: 0px) {
      .op-table-mobile .region,
      .op-table-mobile .layout__region--content,
      .op-table-mobile :not(layout__region--content) > .block
      .block-views {
        min-width: 0px;
        max-width: 767px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 768px) {
      .op-table-mobile .region,
      .op-table-mobile .layout__region--content,
      .op-table-mobile :not(layout__region--content) > .block
      .block-views {
        min-width: 768px;
        max-width: 991px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 992px) {
      .op-table-mobile .region,
      .op-table-mobile .layout__region--content,
      .op-table-mobile :not(layout__region--content) > .block
      .block-views {
        min-width: 992px;
        max-width: 1199px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
  .op-table-mobile .block {
    text-align: left; }
  @media (min-width: 0) {
    .op-table-mobile {
      display: block; } }
  @media (min-width: 768px) {
    .op-table-mobile {
      display: none; } }
  .op-table-mobile.op-table-mobile-left {
    background-color: #f0f0f0;
    color: black; }
    .op-table-mobile.op-table-mobile-left .op-rows-clouds-text-wrapper-mobile {
      text-align: center;
      padding: 30px 0; }
      .op-table-mobile.op-table-mobile-left .op-rows-clouds-text-wrapper-mobile .op-rows-clouds-text-wrapper {
        background-image: url("../images/cloud-orange.png");
        color: white;
        max-width: 300px; }
        .op-table-mobile.op-table-mobile-left .op-rows-clouds-text-wrapper-mobile .op-rows-clouds-text-wrapper .op-text-title .op-t {
          background-image: url("../images/operator_plus_white.png") !important; }
    .op-table-mobile.op-table-mobile-left .op-table-mobile-text {
      text-algin: left; }
  .op-table-mobile.op-table-mobile-right {
    background-color: transparent;
    color: black; }
    .op-table-mobile.op-table-mobile-right .op-rows-clouds-text-wrapper-mobile {
      text-align: center;
      padding: 30px 0; }
      .op-table-mobile.op-table-mobile-right .op-rows-clouds-text-wrapper-mobile .op-rows-clouds-text-wrapper {
        background-image: url("../images/cloud-white.png");
        color: black;
        max-width: 300px; }
        .op-table-mobile.op-table-mobile-right .op-rows-clouds-text-wrapper-mobile .op-rows-clouds-text-wrapper .op-text-title .op-t {
          background-image: url("../images/operator_plus_orange.png") !important; }
    .op-table-mobile.op-table-mobile-right .op-table-mobile-text {
      text-align: left; }

.contact-message-form {
  border-radius: 12px;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: #f8f8f8;
  padding: 30px 60px 30px 60px; }
  .contact-message-form .field--type-email input,
  .contact-message-form .field--type-string-long input,
  .contact-message-form .field--type-string input {
    width: 100%; }
  .contact-message-form .form-type-select {
    margin-top: 0; }
    .contact-message-form .form-type-select select {
      appearance: none;
      background: #ffffff url("../images/select-down.png") no-repeat center right !important;
      display: block;
      width: 100%;
      padding: 6px 12px;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  .contact-message-form #edit-field-products-data-wrapper,
  .contact-message-form #edit-field-product-mobile-wrapper {
    width: 48%;
    margin-right: 2%;
    float: left; }
  .contact-message-form #edit-field-products-communication-wrapper,
  .contact-message-form #edit-field-dienste-services-wrapper {
    width: 48%;
    margin-left: 2%;
    float: left; }
  .contact-message-form #edit-actions .button {
    display: inline-block;
    color: #fff;
    background-color: #f28e39;
    font-family: "Work Sans", "Arial", sans-serif;
    padding: 15px 30px;
    border-radius: 4px;
    border-color: #f28e39;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.15);
    border: 0;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.56;
    text-align: left; }
    .contact-message-form #edit-actions .button:hover {
      color: #fff; }
    .contact-message-form #edit-actions .button a {
      color: #fff; }
    .contact-message-form #edit-actions .button a:hover {
      color: #fff; }
  .contact-message-form #edit-field-contact-preference-wrapper legend {
    font-size: 18px;
    line-height: 22px; }
  .contact-message-form #edit-field-contact-preference-wrapper .form-type-radio {
    float: left;
    margin-right: 30px; }
    .contact-message-form #edit-field-contact-preference-wrapper .form-type-radio label {
      font-size: 18px; }
    .contact-message-form #edit-field-contact-preference-wrapper .form-type-radio input {
      height: 25px;
      width: 25px;
      border: solid 1px #eaeaea;
      top: 5px;
      position: relative; }
  .contact-message-form #edit-field-privacy-wrapper {
    font-size: 14px;
    color: #616161; }
    .contact-message-form #edit-field-privacy-wrapper label {
      display: inline-block;
      width: calc( 100% - 35px ); }
    .contact-message-form #edit-field-privacy-wrapper input {
      vertical-align: top;
      margin-top: 8px;
      height: 25px;
      width: 25px;
      border: solid 1px #eaeaea;
      display: inline-block;
      margin-top: 5px;
      margin-right: 5px; }
  .contact-message-form .captcha-type-challenge--math .form-item-captcha-response {
    color: #616161; }
  .contact-message-form .captcha-type-challenge--math #edit-captcha-response--description {
    display: none; }
  .contact-message-form .captcha-type-challenge--css-captcha {
    padding: 0;
    border: none; }
    .contact-message-form .captcha-type-challenge--css-captcha legend {
      display: none; }
    .contact-message-form .captcha-type-challenge--css-captcha #edit-captcha-response--description {
      display: none; }
    .contact-message-form .captcha-type-challenge--css-captcha .form-item-captcha-response label {
      display: none; }
    .contact-message-form .captcha-type-challenge--css-captcha .description {
      color: #808080; }

#colorbox img {
  max-width: 100%;
  height: auto;
  cursor: auto; }
#colorbox img[data-colorbox-inline] {
  cursor: auto; }
#colorbox button#cboxClose {
  background: url(/themes/custom/operator_stable9/images/controls_orange.png) no-repeat -25px 0; }

img[data-colorbox-inline] {
  cursor: zoom-in; }

span.op-tooltip {
  background: #f28e39;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  top: -2px; }
  span.op-tooltip:before {
    content: attr(data-text);
    width: 200px;
    background: #f28e39;
    color: white;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    position: absolute;
    bottom: 100%;
    transform-origin: top;
    transform: translateX(calc( -50% + 8px));
    margin-bottom: 15px;
    opacity: 0;
    transition: opacity 1s;
    display: none; }
  span.op-tooltip:after {
    content: "";
    position: absolute;
    bottom: 100%;
    transform-origin: top;
    transform: translateX(calc( -50% + 8px));
    margin-bottom: -5px;
    border: 10px solid #f28e39;
    border-color: #f28e39 transparent transparent transparent;
    opacity: 0;
    transition: opacity 1s;
    display: none; }
  span.op-tooltip:hover:before, span.op-tooltip:hover:after {
    display: block;
    opacity: 1; }
  span.op-tooltip.op-tooltip-right:before {
    position: absolute;
    bottom: auto;
    left: 100%;
    transform-origin: right;
    transform: translateY(calc( -50% + 8px));
    margin-left: 15px; }
  span.op-tooltip.op-tooltip-right:after {
    content: "";
    position: absolute;
    bottom: auto;
    left: 100%;
    transform-origin: right;
    transform: translateY(calc( -50% - 10px));
    margin-left: -5px;
    border: 10px solid #f28e39;
    border-color: transparent #f28e39 transparent transparent; }

footer {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: black;
  color: white; }
  footer .region,
  footer .layout__region--content,
  footer :not(layout__region--content) > .block
  .block-views {
    margin-left: auto;
    margin-right: auto;
    text-align: left; }
    @media (min-width: 0px) {
      footer .region,
      footer .layout__region--content,
      footer :not(layout__region--content) > .block
      .block-views {
        min-width: 0px;
        max-width: 767px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 768px) {
      footer .region,
      footer .layout__region--content,
      footer :not(layout__region--content) > .block
      .block-views {
        min-width: 768px;
        max-width: 991px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 992px) {
      footer .region,
      footer .layout__region--content,
      footer :not(layout__region--content) > .block
      .block-views {
        min-width: 992px;
        max-width: 1199px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }
  footer .block {
    text-align: left; }
  footer a {
    color: white; }
    footer a:hover {
      color: #f28e39; }
  footer .region-footer {
    padding-top: 45px; }
    footer .region-footer #block-operator-stable9-footerleftside {
      display: inline-block;
      vertical-align: top; }
      @media (min-width: 0px) {
        footer .region-footer #block-operator-stable9-footerleftside {
          width: 100%; } }
      @media (min-width: 992px) {
        footer .region-footer #block-operator-stable9-footerleftside {
          width: 49%; } }
      footer .region-footer #block-operator-stable9-footerleftside ul {
        padding-top: 45px;
        padding-left: 0;
        font-size: 14px; }
        footer .region-footer #block-operator-stable9-footerleftside ul li {
          display: inline;
          padding-right: 10px;
          font-size: 14px;
          color: white; }
          footer .region-footer #block-operator-stable9-footerleftside ul li a {
            color: white; }
            footer .region-footer #block-operator-stable9-footerleftside ul li a:hover {
              color: #f28e39; }
    footer .region-footer #block-operator-stable9-footerrightside {
      vertical-align: top;
      font-size: 18px; }
      @media (min-width: 0px) {
        footer .region-footer #block-operator-stable9-footerrightside {
          width: 100%;
          display: none; }
          footer .region-footer #block-operator-stable9-footerrightside .col-md-4:first-of-type {
            padding-left: 0; } }
      @media (min-width: 768px) {
        footer .region-footer #block-operator-stable9-footerrightside {
          width: 100%;
          display: inline-block; }
          footer .region-footer #block-operator-stable9-footerrightside .col-md-4:first-of-type {
            padding-left: 0; } }
      @media (min-width: 992px) {
        footer .region-footer #block-operator-stable9-footerrightside {
          width: 50%;
          display: inline-block; }
          footer .region-footer #block-operator-stable9-footerrightside .col-md-4:first-of-type {
            padding-left: 15px; } }
      footer .region-footer #block-operator-stable9-footerrightside p {
        margin-bottom: 0; }
      footer .region-footer #block-operator-stable9-footerrightside ul {
        margin-left: 0;
        margin-top: 0;
        padding-left: 0;
        list-style-type: none;
        padding-top: 5px; }
        footer .region-footer #block-operator-stable9-footerrightside ul li {
          padding-right: 10px;
          color: white; }
          footer .region-footer #block-operator-stable9-footerrightside ul li a {
            color: white; }
            footer .region-footer #block-operator-stable9-footerrightside ul li a:hover {
              color: #f28e39; }
    footer .region-footer ul.contextual-links li a {
      color: black !important; }
  footer .region-copyright {
    text-align: center; }