@charset "utf-8";
/* CSS Document */
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: fallback;
  font-weight: 100;
  src: url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-100.eot");
  /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-100.eot?#iefix") format('embedded-opentype'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-100.woff2") format('woff2'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-100.woff") format('woff'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-100.ttf") format('truetype'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-100.svg#Roboto") format('svg');
  /* IE6-IE8 */
  /* Super Modern Browsers */
  /* Modern Browsers */
  /* Safari, Android, iOS */
  /* Legacy iOS */ }
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: fallback;
  font-weight: 300;
  src: url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-300.eot");
  /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-300.eot?#iefix") format('embedded-opentype'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-300.woff2") format('woff2'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-300.woff") format('woff'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-300.ttf") format('truetype'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-300.svg#Roboto") format('svg');
  /* IE6-IE8 */
  /* Super Modern Browsers */
  /* Modern Browsers */
  /* Safari, Android, iOS */
  /* Legacy iOS */ }
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: fallback;
  font-weight: 400;
  src: url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-regular.eot?#iefix") format('embedded-opentype'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-regular.woff2") format('woff2'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-regular.woff") format('woff'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-regular.ttf") format('truetype'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-regular.svg#Roboto") format('svg');
  /* IE6-IE8 */
  /* Super Modern Browsers */
  /* Modern Browsers */
  /* Safari, Android, iOS */
  /* Legacy iOS */ }
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: fallback;
  font-weight: 500;
  src: url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-500.eot");
  /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-500.eot?#iefix") format('embedded-opentype'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-500.woff2") format('woff2'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-500.woff") format('woff'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-500.ttf") format('truetype'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-500.svg#Roboto") format('svg');
  /* IE6-IE8 */
  /* Super Modern Browsers */
  /* Modern Browsers */
  /* Safari, Android, iOS */
  /* Legacy iOS */ }
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: fallback;
  font-weight: 700;
  src: url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-700.eot");
  /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-700.eot?#iefix") format('embedded-opentype'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-700.woff2") format('woff2'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-700.woff") format('woff'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-700.ttf") format('truetype'), url("../../../../templates/themes/swtro/stylesheets/../fonts/roboto-v18-latin-700.svg#Roboto") format('svg');
  /* IE6-IE8 */
  /* Super Modern Browsers */
  /* Modern Browsers */
  /* Safari, Android, iOS */
  /* Legacy iOS */ }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  -webkit-font-smoothing: antialiased; }

.page-wrapper .inhalt h1 {
  font-size: 1.8rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #737476; }

.page-wrapper h2 {
  font-size: 1.65rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #737476; }

.page-wrapper h3 {
  font-size: 1.25rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #737476; }

.page-wrapper p {
  font-size: 1.0625rem; }
/****************************************** OFFCANVAS *******************************************/
.offcanvas-wrapper {
  display: none; }

#sidebar-wrapper {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 1005;
  top: 0;
  right: -200px;
  background-color: #f1f1f1;
  overflow-x: hidden;
  padding-top: 25px;
  transition: 0.5s; }

#sidebar-wrapper .close {
  padding: 0px;
  width: 40px;
  height: 40px;
  color: #fff;
  background-color: #0069b3;
  opacity: 1; }

#sidebar-wrapper .close:not(:disabled):not(.disabled):hover, #sidebar-wrapper .close:not(:disabled):not(.disabled):focus {
  color: #fff; }

body.sidebar-show #sidebar-wrapper {
  right: 0px; }

#sidebar-wrapper .sidebar-item {
  padding: 0px 15px;
  display: none; }

#sidebar-wrapper .sidebar-item.show {
  display: block; }

#sidebar-wrapper .sidebar-item .sidebar-content ul {
  padding-left: 20px; }

#sidebar-wrapper .sidebar-close-container {
  float: right;
  margin-bottom: 15px;
  width: 100%; }

#sidebar-wrapper .sidebar-close-container .close-btn {
  background-color: #1775b6;
  color: #fff;
  border: none;
  margin-right: 15px;
  float: right; }

.offcanvas-button-container {
  position: fixed;
  right: 0;
  top: 133px;
  z-index: 999;
  transition: 0.5s; }

body.sidebar-show .offcanvas-button-container {
  right: 200px; }

.offcanvas-inner {
  position: relative;
  float: left;
  width: 44px; }

.offcanvas-button {
  float: left;
  display: block;
  width: 44px;
  margin-bottom: 3px;
  padding: 10px;
  background-color: #0069b3; }
/****************************************** HEADER *******************************************/
.page-wrapper {
  transition: margin-left 0.5s; }

header {
  height: auto; }

.language-wrapper {
  height: 30px; }

.language-container #language_menu {
  float: right;
  background-color: transparent;
  border: 1px solid #cbcbcb; }

.logo-container .logo-img {
  width: 290px;
  margin-bottom: 12px; }

.search-container .search-form {
  margin-top: 40px; }

.search-container .search-group {
  display: flex; }

.search-container .search_input {
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #ced4da;
  padding: 2px 30px 2px 5px;
  font-style: italic; }

.search-container .search_input:focus, .search-container .search_input:active {
  outline: none;
  box-shadow: none; }

.tx-indexedsearch-searchbox {
  display: none; }

.tx-indexedsearch-rules {
  margin-top: 15px; }

.tx-indexedsearch-rules {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5; }

input#tx-indexedsearch-searchbox-button-submit {
  background-color: #e3000b;
  border: none;
  color: #fff;
  padding: 5px 25px; }

.tx-indexedsearch-res h3 .tx-indexedsearch-title a {
  font-size: 1.2rem;
  color: #0069b3; }

.tx-indexedsearch-form {
  margin-bottom: 10px; }

.tx-indexedsearch-rules h2 {
  font-size: 16px;
  margin-bottom: 10px; }

.tx-indexedsearch-rules p {
  font-size: 14px; }

.tx-indexedsearch-res {
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5; }

.tx-indexedsearch-res h3 {
  font-size: 20px; }

.tx-indexedsearch-info {
  display: none; }

a[href="#rules"] {
  display: none; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d7d7d7;
  opacity: 0.4; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #d7d7d7;
  opacity: 0.4; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #d7d7d7;
  opacity: 0.4; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #d7d7d7;
  opacity: 0.4; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #d7d7d7;
  opacity: 0.4; }

:placeholder-shown {
  opacity: 0.4; }

.search-container .search-group .search_submit {
  background-color: transparent;
  border: none;
  margin-left: -30px;
  z-index: 1001;
  cursor: pointer; }

.search-container .search-group .search_submit:focus, .search-container .search-group .search_submit:active {
  outline: none;
  box-shadow: none; }
/****************************************** NAVIGATION *******************************************/
.navbar-light .navbar-toggler {
  border: none;
  margin-top: 15px;
  padding-left: 0px; }

.nav-container .navbar-expand-xl {
  overflow-y: initial !important;
  max-height: initial !important; }

.navbar.navbar-default {
  position: absolute;
  right: 0px;
  background-color: #fff;
  z-index: 1000;
  top: 99px;
  padding: 0px;
  width: 300px; }

.navbar-default .navbar-collapse {
  padding: 0.5rem 1rem;
  border-right: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da; }

.navbar-nav a, .navbar-light .navbar-nav .nav-link {
  text-decoration: none;
  color: #212529; }

.navbar-nav .active > a, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-light .navbar-nav .active {
  background-color: #0069b3;
  color: #fff; }

.navbar-nav .dropdown-menu {
  border-radius: 0px; }

.navbar-nav .nav-item {
  margin-bottom: 5px; }

.navbar-nav .nav-item > a {
  display: block;
  padding: 0.5rem 1rem; }

.navbar-nav .dropdown-menu {
  border: none;
  padding-left: 30px; }

.navbar-nav .dropdown-menu li a {
  padding: 5px 10px;
  display: block; }

.navbar-nav .dropdown-submenu {
  position: relative; }

.navbar-nav .dropdown-submenu .dropdown-menu {
  top: -15px;
  left: 100%;
  margin-top: -1px; }

.dropdown-submenu a::after {
  transform: rotate(0deg); }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.tab-nav-container {
  display: none; }

.tab-nav-container .tab-nav {
  list-style-type: none;
  padding-left: 0px;
  flex-direction: column;
  margin-bottom: 50px; }

.tab-nav-container .tab-nav .tab-nav-item {
  padding: 5px 15px;
  border: 1px solid #1775b6;
  border-bottom: none; }

.tab-nav-container .tab-nav .tab-nav-item.last {
  border-bottom: 1px solid #1775b6; }

.tab-nav-container .tab-nav .active.tab-nav-item {
  background-color: #1775b6; }

.tab-nav-container .tab-nav .tab-nav-link {
  display: block;
  text-align: center; }

.tab-nav-container .tab-nav .tab-nav-item .tab-nav-link {
  color: #1775b6;
  font-size: 1.0625rem; }

.tab-nav-container .tab-nav .active.tab-nav-item .tab-nav-link {
  color: #fff; }
/****************************************** TARIFRECHNER *******************************************/
.tarif-container .input-container {
  width: 90%;
  margin-left: 4%; }

.tarif-container .tarif-head {
  border-bottom: 1px solid #c9c9c9; }

.tarif-container .input-container .nav-pills .nav-item {
  text-align: center; }

.tarif-container .input-container .nav-pills .nav-link {
  border-radius: 0px;
  text-transform: uppercase;
  color: #727675;
  background-color: #fff;
  -ms-transform: skewX(155deg);
  -webkit-transform: skewX(155deg);
  transform: skewX(155deg);
  font-size: 18px;
  font-weight: 300;
  height: 45px;
  font-style: italic; }

.tarif-container .input-container .nav-pills .nav-link .item-inner {
  display: block;
  -ms-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  transform: skewX(25deg); }

.tarif-container .nav-pills .nav-link.active {
  background-color: #f0a500;
  color: #fff; }

.tarif-container .tarif-tab-header p {
  color: #6f7573;
  font-size: 1.6em;
  font-style: italic; }

.tarif-container #type_gas, .tarif-container #type_power {
  display: none; }

.tarif-container .tarif-body {
  padding-top: 15px;
  color: #727675;
  padding-bottom: 25px;
  border-bottom: 1px solid #c9c9c9; }

.tarif-container .tarif-body .field-tarif-group {
  margin-bottom: 15px; }

.tarif-container .slide-img-container {
  margin-bottom: 10px; }

.tarif-container .slide-img-container .twoperson-icon {
  margin-left: 25px; }

.tarif-container .jahresverbrauch {
  margin-bottom: 25px; }

.tarif-container .haushaltsgroesse {
  margin-bottom: 25px; }

.tarif-container input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */ }

.tarif-container input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; }

.tarif-container input[type=range]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ }

.tarif-container input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent; }

.tarif-container input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 15px;
  width: 40px;
  border-radius: 3px;
  background: #f0a500;
  cursor: pointer;
  margin-top: -5px; }
/* All the same stuff for Firefox */
.tarif-container input[type=range]::-moz-range-thumb {
  border: none;
  height: 15px;
  width: 40px;
  border-radius: 3px;
  background: #f0a500;
  cursor: pointer; }
/* All the same stuff for IE */
.tarif-container input[type=range]::-ms-thumb {
  border: none;
  height: 15px;
  width: 40px;
  border-radius: 3px;
  background: #f0a500;
  cursor: pointer; }

.tarif-container input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #6f7573;
  border-radius: 0px;
  border: none; }

.tarif-container input[type=range]:focus::-webkit-slider-runnable-track {
  background: #6f7573; }

.tarif-container input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #6f7573;
  border-radius: 0px;
  border: none; }

.tarif-container input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #6f7573;
  border-radius: 0px;
  border: none; }

.tarif-container input[type=range]::-ms-fill-lower {
  background: #6f7573;
  border: none;
  border-radius: 0px; }

.tarif-container input[
type=range]:focus::-ms-fill-lower {
  background: #6f7573; }

.tarif-container input[type=range]::-ms-fill-upper {
  background: #6f7573;
  border: none;
  border-radius: 0px; }

.tarif-container input[type=range]:focus::-ms-fill-upper {
  background: #6f7573; }

.tarif-container .tarif-submit {
  background-color: #1775b6;
  border-radius: 0px;
  width: 90%;
  font-size: 16px;
  font-weight: 300;
  margin-left: 5%; }
/****************************************** YT VIDEO *******************************************/
iframe.embed-responsive-item {
  height: 300px; }
  @media (min-width: 992px) {
    iframe.embed-responsive-item {
      height: 600px; } }

.no-youtube {
  padding: 1rem; }
  .no-youtube .no-yt-wrapper .no-yt-container .no-yt-btn .cookie-btn {
    border: 1px solid #6f7573;
    padding: 0.25rem 1rem;
    cursor: pointer; }
    .no-youtube .no-yt-wrapper .no-yt-container .no-yt-btn .cookie-btn:hover {
      background-color: #bcbcbc; }
/****************************************** ANGEBOTE & NEWS *******************************************/
a.faq-btn {
  padding: 0.75rem 1.5rem;
  background: #0069b3;
  color: #fff;
  border-radius: 0; }
  a.faq-btn:hover {
    background: #003773; }

.news {
  margin-bottom: 35px; }
  .news .news-list-view .listitem {
    margin-bottom: 2rem; }
    .news .news-list-view .listitem .listitem-body {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem; }
    @media (min-width: 768px) {
      .news .news-list-view .listitem .listitem-body {
        grid-template-columns: 300px 1fr; } }
    .news .news-list-view .listitem .listitem-body .listitem-img-container {
      display: flex;
      justify-content: center; }
    .news .news-list-view .listitem .listitem-body .listitem-img-container a {
      width: 100%; }
      .news .news-list-view .listitem .listitem-body .listitem-img-container a picture {
        width: 100%; }
        .news .news-list-view .listitem .listitem-body .listitem-img-container a picture .listitem-preview-img {
          width: 100%; }
    .news .news-list-view .listitem .listitem-body .listitem-header {
      font-weight: bold; }

.angebote .angebote-head, .news .news-head {
  padding: 10px 0px;
  margin-top: 35px;
  margin-bottom: 35px; }

.angebote .border-b-blue, .news .border-b-blue {
  margin-top: 15px;
  width: 70%;
  height: 2px;
  display: block;
  background-color: #1775b6; }

.angebote .border-b-yellow, .news .border-b-yellow {
  width: 70%;
  height: 2px;
  display: block;
  background-color: #f0a500;
  float: right;
  margin-top: 2px; }

.news .ueberschrift {
  font-weight: bold;
  margin-bottom: 15px; }

.news-single .header {
  margin-bottom: 15px; }

.news-single .footer {
  display: none; }

.news-single .news-related-wrap {
  display: none; }

.news-single .btn-default {
  display: initial;
  background-color: #0069b3;
  border: 1px solid #0069b3;
  color: #fff;
  padding: 5px 15px;
  text-decoration: none !important; }

.news-single .btn-default:hover {
  background-color: #f2f2f2;
  color: #0069b3; }

.angebote .angebote-item {
  margin-bottom: 15px; }

.angebote .angebote-item-img {
  display: block;
  margin-bottom: 5px;
  width: 30px; }

.angebote .angebote-item-inner {
  border: 1px solid #1876b5;
  padding: 10px 15px;
  height: 76px; }

.angebote .angebote-item-title {
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.angebote .angebote-item-text {
  text-align: center; }

.angebote a:hover {
  text-decoration: none; }

.angebote a:hover .angebote-item-inner {
  background-color: #f2f2f2; }

.page-wrapper .news h2 {
  display: inline-block; }

.news .all-news-btn {
  float: right;
  border: 1px solid #1876b5;
  border-radius: 0px;
  color: #000;
  padding: 8px 15px; }

.news .all-news-btn:hover {
  background-color: #f2f2f2; }

.frame.frame-default {
  margin-bottom: 20px; }
/****************************************** SERVICE *******************************************/
.service {
  margin-bottom: 25px; }

.service h2 {
  display: inline-block;
  color: #fff;
  font-style: italic; }

.service h3 {
  font-weight: 300;
  text-transform: uppercase; }

.service .service-icon, .service .portal-icon {
  float: left; }

.service .fluid-box-head {
  margin-left: -15px;
  margin-right: -15px; }

.service .fluid-box-head-bg {
  padding: 6px 15px;
  height: 42px; }

.service .service-box {
  background-color: #f2f2f2; }

.service-box .fluid-box-head-bg {
  background-color: #f0a500; }

.service .service-box .fluid-box-head {
  background-image: url("/templates/themes/swtro/images/service_bild.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 220px; }

.service .service-box .fluid-box-head.service2 {
  background-image: url("/templates/themes/swtro/images/service_bild2.jpg"); }

.zaehler-box .fluid-box-head-bg {
  background-color: #1775b6; }

.portal-box .fluid-box-head-bg {
  background-color: #f0a500; }

.service .service-icon, .service .portal-icon {
  margin-right: 10px; }

.service .fluid-box-body {
  padding: 35px 0px; }

.service .fluid-box-body h3 {
  color: #fff; }

.service .zaehler-box .fluid-box-body h3 {
  color: #737476; }

.service .zaehler-box .fluid-box-head {
  background-image: url("/templates/themes/swtro/images/zaehler.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 150px; }

.service .portal-box .fluid-box-head {
  background-image: url("/templates/themes/swtro/images/portal.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 150px; }

.service .fluid-box-btn {
  display: inline-block;
  padding: 10px 15px;
  background-color: #1775b6;
  color: #fff;
  margin-top: 20px; }

.service .fluid-box-btn.outer {
  position: absolute;
  bottom: 0px;
  right: 40px; }

.service .fluid-box-btn:hover {
  text-decoration: none; }

.service .portal-box.fluid-box {
  background-color: #1775b6;
  color: #fff; }

.service .portal-box h3 {
  font-weight: 300;
  text-transform: uppercase; }

.service .portal-box input {
  border-radius: 0px; }

.service .portal-box hr {
  border-color: #fff; }

.service .portal-box ul {
  list-style-type: none;
  padding-left: 0px; }

.service .portal-box ul a {
  color: #fff;
  text-decoration: underline; }

.service .portal-btn {
  display: inline-block;
  margin-top: 20px;
  background-color: #f0a500;
  border: none;
  border-radius: 0px;
  padding: 8px 30px;
  color: #fff; }

.service .portal-btn.outer {
  position: absolute;
  bottom: 0px;
  right: 40px;
  margin-bottom: 0px; }

.home-content {
  padding-top: 35px;
  padding-bottom: 35px; }
/****************************************** NEWSLETTER *******************************************/
.newsletter-wrapper {
  background-color: #1775b6; }

.newsletter {
  padding-top: 35px;
  padding-bottom: 35px;
  color: #fff; }

.newsletter h2 {
  color: #fff;
  font-weight: 300;
  text-transform: uppercase; }

.newsletter h3 {
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 35px;
  font-size: 1.55rem;
  color: rgba(255, 255, 255, 0.8); }

.newsletter #newsletter-input {
  width: 85%;
  color: #fff;
  float: left;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 0px; }

.newsletter .nl-anmelde-btn {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 0px;
  padding: 5px 25px; }

.newsletter .nl-anmelde-btn .nl-icon {
  margin-left: 5px; }

.newsletter .newsletter-btn {
  width: 15%;
  background-color: transparent;
  border: 1px solid #fff;
  border-left: none;
  border-radius: 0px;
  padding: 0px;
  height: 33.5px; }

.newsletter form {
  margin-top: 35px; }
/****************************************** FOOTER *******************************************/
.footer {
  background-color: #6f7573;
  color: #fff;
  padding: 35px 0px;
  border-top: 3px solid #fff; }

.footer .address {
  margin-top: 25px;
  margin-bottom: 25px; }

.footer .fb-logo {
  margin-right: 10px; }

.footer .footer-nav {
  margin-bottom: 25px; }

.footer .f-nav {
  list-style-type: none;
  padding-left: 0px; }

.f-nav a {
  padding: 0px 10px;
  color: #fff;
  border-right: 1px solid #fff; }

.f-nav .first a {
  padding-left: 0px; }

.f-nav .last a {
  border-right: none; }

.footer .an-cookie-banner {
  display: flex;
  justify-content: flex-end; }
/****************************************** FOLGESEITE *******************************************/
.folge-headerimg {
  position: relative; }

.headerImageHome {
  background-size: cover;
  height: 200px;
  background-repeat: no-repeat;
  max-width: 1980px;
  margin: 0px auto; }

.page-header {
  position: absolute;
  bottom: 0px;
  width: 100%; }

.page-header .page-title-container {
  text-align: center; }

.page-header .page-title {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  padding: 15px 30px; }

.page-header .page-title h1 {
  color: #f0a502;
  text-transform: uppercase;
  font-size: 1.75rem;
  margin-bottom: 0px; }

.breadcrumb-container .breadcrumb-list {
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 0px; }

.breadcrumb-container .breadcrumb-list li {
  display: inline-block; }

.breadcrumb-container .breadcrumb-list li a, .breadcrumb-container .breadcrumb-list li span {
  font-size: 0.9rem;
  color: #a7a6a6; }

.breadcrumb-container .breadcrumb-list > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0"; }

.folge-content.inhalt {
  padding-bottom: 30px; }

.folge-content.inhalt h3 {
  font-size: 1.375rem; }

.folge-content.inhalt .frame.frame-layout-2 {
  padding: 30px;
  background-color: #f2f2f2;
  margin-bottom: 20px; }

.folge-content.inhalt .frame.frame-layout-2 header {
  height: initial;
  padding-bottom: 10px;
  border-bottom: 1px solid #737476;
  margin-bottom: 20px; }

.folge-content.inhalt .frame.frame-layout-2 header h2 {
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis; }

.folge-content.inhalt .frame.frame-layout-0 a {
  text-decoration: underline; }

.folge-content.inhalt .frame.frame-layout-2 a {
  text-decoration: underline; }

.folge-content.inhalt .frame.frame-layout-0 a.trossino-link {
  text-decoration: none; }

.folge-content.inhalt .frame.frame-layout-2 .external-link, .folge-content.inhalt .frame.frame-layout-2 .internal-link {
  display: inline-block;
  padding: 5px 15px;
  background-color: #1775b6;
  color: #fff;
  text-decoration: none; }

.folge-content.inhalt .frame.frame-layout-0 .trossino-link a {
  text-decoration: none; }

.folge-content.inhalt .frame.frame-layout-0 a:before {
  content: "";
  margin-right: 0px; }

.folge-content.inhalt .frame.frame-layout-2 .download-link {
  color: #000; }

.folge-content.inhalt .frame.frame-layout-2 .download-link:before {
  content: "\f019";
  margin-right: 0.5em;
  color: #1775b6; }
/******* WLS-Formular **********/
form#wLS-Formular h2 {
  color: #0069b3;
  font-weight: bold;
  font-size: 22px; }

form#wLS-Formular .clearfix h2 {
  font-size: 16px;
  padding-top: 15px; }

form#wLS-Formular .clearfix p {
  font-size: 16px;
  color: #0069b3;
  font-weight: bold; }

.checkbox .form-check {
  padding-left: 0px; }

.checkbox .form-check .add-on.form-check-label {
  font-weight: bold; }

.checkbox .form-check .add-on.form-check-label span {
  padding-left: 10px; }

.checkbox .form-check .add-on.form-check-label .required {
  padding-left: 0px; }

form#wLS-Formular .actions .form-navigation .submit button {
  background-color: #eee;
  border: 1px solid #bababa;
  border-radius: 0px;
  color: #000;
  margin: 0px;
  padding: 1px 7px 2px 7px; }

form#wLS-Formular .actions .form-navigation .submit button:hover {
  background-color: #ddd; }

form#wLS-Formular .frame {
  margin-top: -15px; }

form#wLS-Formular .frame p {
  color: #000;
  font-weight: normal; }
/******* TABS **********/
.nav-tabs .nav-link {
  color: #1775b6;
  font-size: 1.0625rem;
  border-radius: 0px; }

.nav-tabs .nav-link.active {
  color: #000; }
/******* CARD **********/
.card {
  border: none;
  margin-bottom: 10px; }

.card .card-header {
  border-radius: 0px;
  background-color: #fff;
  border: 1px solid #dee2e6;
  padding: 0; }

.card.open .card-header {
  border: 1px solid #edf0f2;
  background-color: #edf0f2; }

.card .card-header:hover {
  background-color: #edf0f2; }

.card .card-header h5 a {
  color: #1775b6;
  font-size: 1.0625rem;
  /* background-image: url("/templates/themes/swtro/images/arrow-right.png");
   background-position: right;
   background-repeat: no-repeat;
   -webkit-transition: background-image 0.3s;
   transition: background-image 0.3s; */
  padding: 0.75rem 1.25rem; }

.card .card-header h5 a::after {
  content: url("/templates/themes/swtro/images/arrow-right.png");
  right: 1rem;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.card .card-header.open h5 a::after {
  content: url("/templates/themes/swtro/images/arrow-down.png"); }
/* .card .card-header.open h5 a {
 background-image: url("/templates/themes/swtro/images/arrow-down.png");
 } */
.card .card-header h5 a:hover {
  text-decoration: none; }
/******* ANSPRECHPARTNER **********/
.ansprechpartner {
  max-width: 1980px; }

.ansprechpartner .ansprechpartner-header {
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 5px 25px;
  background-color: #f0a500; }

.ansprechpartner .ansprechpartner-dce {
  position: relative;
  overflow: hidden;
  height: 265px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.ansprechpartner .ansprechpartner-headline {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25rem; }

.ansprechpartner .ansprechpartner-text {
  background-color: #f2f2f2; }

.ansprechpartner .ansprechpartner-text .ansprechpartner-text-inner {
  padding: 35px; }
/******* TROSSINO **********/
.trossino-container .trossino-linktext {
  background-color: #c0b578;
  color: #fff;
  text-transform: uppercase;
  position: relative; }

.trossino-container .trossino-linktext .speech-arrow {
  width: 0;
  position: absolute;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 20px solid #c0b578;
  left: -15px;
  top: 25px; }

.trossino-container .trossino-link:hover, .trossino-container .trossino-link:active {
  text-decoration: none; }

.trossino-container .trossino-img {
  min-width: 45px; }

.modal-header .close {
  padding: 0px;
  width: 40px;
  height: 40px;
  color: #fff;
  background-color: #0069b3;
  opacity: 1; }

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  color: #fff; }
/******* SLIDER **********/
.homeslider .carousel-indicators {
  right: 50px;
  bottom: 5px;
  left: 90%;
  margin-right: 0px;
  margin-left: 0px; }

.homeslider .carousel-indicators li {
  background-color: #fff; }

.homeslider .carousel-indicators li.slick-active {
  background-color: #f0a502; }

.homeslider .carousel-indicators button {
  display: none; }

.homeslider .home-slider-item.slick-slide img {
  max-height: 250px; }

.slick-dotted.slick-slider {
  margin-bottom: 0px; }
/****************************************** TEMPLATE TECHNIK *******************************************/
.technik .nav-bg-container .nav-bg {
  background-color: #5bc72b; }

.technik .navbar-light .navbar-nav .active {
  background-color: #418f1f; }

.technik .navbar-nav .dropdown-menu li a:hover {
  background-color: #418f1f; }

.technik .navbar-nav .nav-item:hover {
  background-color: #418f1f; }

.technik .page-header .page-title h1 {
  color: #5bc72b; }

.technik .newsletter-wrapper {
  background-color: #5bc72b; }

.technik .nav-tabs .nav-link {
  color: #5bc72b; }

.technik .nav-tabs .nav-link.active {
  color: #000; }

.technik .folge-content.inhalt a {
  color: #5bc72b; }

.technik .ansprechpartner-header {
  background-color: #5bc72b; }

.technik-canvas .offcanvas-button {
  background-color: #5bc72b; }

.technik-canvas #sidebar-wrapper .close {
  background-color: #5bc72b; }

.technik .tab-nav-container .tab-nav .active.tab-nav-item .tab-nav-link {
  color: #000; }

.technik .tab-nav-container .tab-nav .tab-nav-item .tab-nav-link {
  color: #5bc72b; }

.technik .navbar-light .navbar-nav .nav-link:hover, .technik .navbar-light .navbar-nav .nav-link:focus {
  color: #fff; }
/****************************************** TEMPLATE ABWASSER *******************************************/
.wasser .nav-bg-container .nav-bg {
  background-color: #595959; }

.wasser .navbar-light .navbar-nav .active {
  background-color: #45494a; }

.wasser .navbar-nav .dropdown-menu li a:hover {
  background-color: #45494a; }

.wasser .navbar-nav .nav-item:hover {
  background-color: #45494a; }

.wasser .page-header .page-title h1 {
  color: #595959; }

.wasser .newsletter-wrapper {
  background-color: #595959; }

.wasser .nav-tabs .nav-link {
  color: #595959; }

.wasser .nav-tabs .nav-link.active {
  color: #000; }

.wasser .folge-content.inhalt a {
  color: #595959; }

.wasser .ansprechpartner-header {
  background-color: #595959; }

.wasser-canvas .offcanvas-button {
  background-color: #595959; }

.wasser-canvas #sidebar-wrapper .close {
  background-color: #595959; }

.wasser .tab-nav-container .tab-nav .active.tab-nav-item .tab-nav-link {
  color: #000; }

.wasser .tab-nav-container .tab-nav .tab-nav-item .tab-nav-link {
  color: #595959; }

.wasser .logo-container .logo-img {
  margin-top: 15px; }

.wasser .navbar-light .navbar-nav .nav-link:hover, .wasser .navbar-light .navbar-nav .nav-link:focus {
  color: #fff; }

.wasser .newsletter #newsletter-input {
  background-color: #45494a; }

.wasser.wasser-start .headerImageHome {
  height: 240px; }
/****************************************** TEMPLATE PERSONAL *******************************************/
.personal .nav-bg-container .nav-bg {
  background-color: #0069b3; }

.personal .navbar-light .navbar-nav .active {
  background-color: #00497d; }

.personal .navbar-nav .dropdown-menu li a:hover {
  background-color: #00497d; }

.personal .navbar-nav .nav-item:hover {
  background-color: #00497d; }

.personal .page-header .page-title h1 {
  color: #0069b3; }

.personal .newsletter-wrapper {
  background-color: #0069b3; }

.personal .nav-tabs .nav-link {
  color: #0069b3; }

.personal .nav-tabs .nav-link.active {
  color: #000; }

.personal .folge-content.inhalt a {
  color: #0069b3; }

.personal .ansprechpartner-header {
  background-color: #0069b3; }

.personal-canvas .offcanvas-button {
  background-color: #0069b3; }

.personal-canvas #sidebar-wrapper .close {
  background-color: #0069b3; }

.personal .tab-nav-container .tab-nav .active.tab-nav-item .tab-nav-link {
  color: #000; }

.personal .tab-nav-container .tab-nav .tab-nav-item .tab-nav-link {
  color: #0069b3; }

.personal .navbar-light .navbar-nav .nav-link:hover, .personal .navbar-light .navbar-nav .nav-link:focus {
  color: #fff; }
/****************************************** FORMULARE *******************************************/
#abmeldung, #anmeldung {
  padding: 15px;
  background-color: #f2f2f2; }

#abmeldung .row, #anmeldung .row {
  margin-bottom: 10px; }

#abmeldung h2, #anmeldung h2 {
  font-weight: bold;
  font-size: 1.5rem; }

#abmeldung .has-error .error, #anmeldung .has-error .error {
  display: block;
  padding: 5px;
  border: 2px solid #dc3545 !important;
  margin: 5px; }

#abmeldung .form-inline .form-group.has-error, #anmeldung .form-inline .form-group.has-error {
  align-items: flex-start; }

#abmeldung .form-inline .form-group.has-error input, #anmeldung .form-inline .form-group.has-error input {
  border: 1px solid #dc3545 !important; }

#abmeldung .form-inline .form-group label, #anmeldung .form-inline .form-group label {
  margin-right: 5px; }
/****************************************** MEDIA QUERIES *******************************************/
@media (min-width: 576px) {
  .newsletter #newsletter-input {
    width: 90%; }

  .newsletter .newsletter-btn {
    width: 10%;
    height: 38px; }

  #sidebar-wrapper {
    width: 250px;
    right: -250px; }

  body.sidebar-show .offcanvas-button-container {
    right: 250px; }

  .ansprechpartner .ansprechpartner-header {
    width: initial;
    padding: 5px 35px;
    -ms-transform: skewX(155deg);
    -webkit-transform: skewX(155deg);
    transform: skewX(155deg);
    left: -10px; }

  .ansprechpartner .ansprechpartner-headline {
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg); } }

@media (min-width: 768px) {
  .homeslider .home-slider-item.slick-slide img {
    max-height: 100%;
    width: 100%; }

  .offcanvas-wrapper {
    display: block; }

  .angebote .border-b-blue, .news .border-b-blue {
    width: 40%; }

  .angebote .border-b-yellow, .news .border-b-yellow {
    width: 80%; }

  .wasser.wasser-start .headerImageHome {
    height: 280px; }

  .navbar-light .navbar-toggler {
    margin-top: 30px;
    margin-left: 25px;
    background-color: #f0a500;
    border-radius: 0px;
    -ms-transform: skewX(155deg);
    -webkit-transform: skewX(155deg);
    transform: skewX(155deg);
    height: 50px;
    width: 115px; }

  .navbar-light .navbar-toggler .navbar-toggler-icon {
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg); }

  .nav-container .btn-container {
    overflow-x: hidden;
    position: absolute;
    right: 0px;
    width: 85%; }

  .page-header .page-title {
    width: initial;
    padding: 15px 50px;
    -ms-transform: skewX(155deg);
    -webkit-transform: skewX(155deg);
    transform: skewX(155deg); }

  .page-header .page-title h1 {
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
    margin-bottom: 0px; }

  .navbar.navbar-default {
    width: 450px; }

  .tarif-container .tarif-body {
    padding-top: 65px; }

  .tarif-container .tarif-head {
    margin-top: -45px; }

  .tarif-container .input-container .nav-pills .nav-link {
    font-size: 24px;
    padding: 5px 10px; }

  .tarif-container .tarif-body {
    padding-bottom: 0px; }

  .tarif-container .tarif-submit {
    width: 25%;
    display: block;
    margin: 0px auto;
    margin-top: 35px;
    font-size: 18px; }

  .service .fluid-box-head {
    overflow-x: hidden; }

  .service .zaehler-box .fluid-box-head {
    min-height: 180px; }

  .service .portal-box .fluid-box-head {
    min-height: 180px; }

  .service .service-box .fluid-box-head {
    min-height: 320px; }

  .service .fluid-box-head-bg {
    padding: 6px 27px;
    width: 35%;
    -ms-transform: skewX(155deg);
    -webkit-transform: skewX(155deg);
    transform: skewX(155deg);
    margin-left: -12px; }

  .service .service-icon, .service .portal-icon {
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg); }

  .service h2 {
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg); }

  .footer .address {
    margin-top: 0px; }

  .headerImageHome {
    height: 300px; }

  .modal-dialog {
    max-width: 600px; }

  .ansprechpartner .ansprechpartner-dce {
    height: initial;
    width: 50%; }

  .ansprechpartner .ansprechpartner-text {
    width: 50%; }

  .tab-nav-container .tab-nav .tab-nav-item {
    width: initial; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .homeslider .carousel-indicators {
    right: 50%;
    bottom: 50px;
    margin-right: -55px; } }

@media (min-width: 910px) {
  .navbar-light .navbar-toggler {
    width: 130px; }

  .nav-container .btn-container {
    width: 80%; } }

@media (min-width: 992px) {
  .headerImageHome {
    height: 460px; }

  .tab-nav-container {
    display: block; }

  .wasser.wasser-start .headerImageHome {
    height: 300px; }

  .home-slider-item .slider-caption {
    position: absolute;
    top: 200px;
    left: 120px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 30px;
    -ms-transform: skewX(155deg);
    -webkit-transform: skewX(155deg);
    transform: skewX(155deg); }

  .home-slider-item .slider-caption .caption-link {
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
    text-transform: uppercase; }

  .home-slider-item .slider-caption .caption-link:hover {
    text-decoration: none; }

  .home-slider-item .slider-caption p {
    margin: 0px;
    font-style: italic; }

  .home-slider-item .slider-caption .slider-caption-colored {
    color: #f0a500;
    font-weight: bold; }

  .tab-nav-container .tab-nav {
    flex-direction: row; }

  .tab-nav-container .tab-nav .tab-nav-item {
    padding: 10px 15px;
    -ms-transform: skewX(155deg);
    -webkit-transform: skewX(155deg);
    transform: skewX(155deg);
    border: none;
    border-bottom: 1px solid #dee2e6;
    width: initial;
    margin-bottom: 5px; }

  .tab-nav-container .tab-nav .tab-nav-item.last {
    border-bottom: 1px solid #dee2e6; }

  .tab-nav-container .tab-nav .active.tab-nav-item {
    border: 1px solid #dee2e6;
    background-color: transparent;
    border-bottom: none; }

  .tab-nav-container .tab-nav .tab-nav-link {
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg); }

  .tab-nav-container .tab-nav .active.tab-nav-item .tab-nav-link {
    color: #000; }

  .modal-dialog {
    max-width: 800px; }

  .service .zaehler-box .fluid-box-head {
    min-height: 220px; }

  .service .portal-box .fluid-box-head {
    min-height: 220px; }

  .service .service-box .fluid-box-head {
    min-height: 360px; }

  .tarif-container .tarif-body label {
    width: 45%; }

  .tarif-container .tarif-body input {
    width: 55%; }

  .tarif-container .tarif-body .haushaltsgroesse label, .tarif-container .tarif-body .haushaltsgroesse2 label {
    width: 100%; }

  .tarif-container .tarif-body .haushaltsgroesse .haushaltsgroesse-input, .tarif-container .tarif-body .haushaltsgroesse2 .haushaltsgroesse-input {
    width: 100%; }

  .tarif-container .tarif-body .haushaltsgroesse input, .tarif-container .tarif-body .haushaltsgroesse2 input {
    width: 100%; }

  .tarif-container .tarif-body .field-tarif-group label, .tarif-container .tarif-body .field-tarif-group input {
    width: initial; }

  .tarif-container .tarif-submit {
    font-size: 20px; }

  .ansprechpartner .ansprechpartner-header {
    padding: 10px 45px 10px 25px; }

  .ansprechpartner .ansprechpartner-dce {
    min-height: 350px; }

  .ansprechpartner .ansprechpartner-text .ansprechpartner-text-inner {
    padding: 50px; }

  .wasser .logo-container .logo-img {
    margin-top: 28px; } }

@media (min-width: 1200px) {
  .angebote .border-b-blue, .news .border-b-blue {
    width: 28%; }

  .angebote .border-b-yellow, .news .border-b-yellow {
    width: 86%; }

  .headerImageHome {
    height: 500px; }

  .wasser.wasser-start .headerImageHome {
    height: 400px; }

  .offcanvas-button-container {
    top: 250px; }

  .logo-container .logo-img {
    width: 415px;
    margin-bottom: 0px; }

  .nav-bg-container {
    position: absolute;
    height: 40px;
    width: 100%;
    overflow: hidden;
    right: 0px; }

  .nav-bg-container .nav-bg {
    position: absolute;
    height: 40px;
    width: 100%;
    background-color: #f0a502;
    -ms-transform: skewX(155deg);
    -webkit-transform: skewX(155deg);
    transform: skewX(155deg);
    left: 10px; }

  .nav-container {
    margin-top: 35px; }

  .navbar.navbar-default {
    width: 100%;
    position: relative;
    top: 0px;
    background-color: transparent;
    z-index: 1002;
    margin-left: 15px; }

  .navbar-default .navbar-collapse {
    border: none;
    padding: 0px; }

  .navbar-default .navbar-collapse .navbar-nav .dropdown.nav-item:hover > .dropdown-menu {
    display: block;
    margin: 0px; }

  #navbar .navbar-nav {
    height: 40px; }

  .navbar-nav > .nav-item:nth-child(4) .dropdown-submenu .dropdown-menu, .navbar-nav > .nav-item:nth-child(5) .dropdown-submenu .dropdown-menu, .navbar-nav > .nav-item:nth-child(6) .dropdown-submenu .dropdown-menu {
    left: -250px; }

  .navbar-nav .nav-item {
    margin-bottom: 0px;
    -ms-transform: skewX(155deg);
    -webkit-transform: skewX(155deg);
    transform: skewX(155deg); }

  .navbar-nav .nav-item:hover {
    background-color: #0069b3; }

  #navbar .navbar-nav .nav-link, .navbar-nav .nav-item > a {
    padding: 7.5px 10px;
    color: #fff;
    text-transform: uppercase;
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
    font-size: 1rem; }

  .navbar-nav .nav-item .dropdown-menu {
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
    background-color: #fff;
    min-width: 230px;
    padding: 30px 20px 15px 20px;
    border-radius: 0px; }

  .navbar-nav .nav-item .dropdown-submenu .dropdown-menu {
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    padding: 15px 20px 15px 20px;
    min-width: initial;
    width: 250px; }

  .navbar-nav .dropdown-menu li a {
    padding: 5px 10px;
    border-bottom: 1px solid #c5c5c5; }

  .navbar-nav .dropdown-submenu .dropdown-menu > li:last-child > a, .navbar-nav .dropdown-menu > li.dropdown-submenu:last-child > a, .navbar-nav > .nav-item > .dropdown-menu > li:last-child > a {
    border-bottom: none; }

  .navbar-nav .dropdown-menu li a:hover {
    background-color: #0069b3;
    color: #fff; }

  .navbar-nav .dropdown-submenu a::after {
    transform: rotate(-90deg);
    right: 2px; }

  .search-container .search-form {
    margin-top: 25px; }

  .search-container .search-group {
    width: 60%; }

  .home-slider-item {
    position: relative; }

  .home-slider-item .slider-caption p {
    font-size: 1.4rem; }

  .tarif-container .tarif-body .container {
    max-width: 1320px; }

  .tarif-container .tarif-head {
    z-index: 1000; }

  .tarif-container .tarif-body {
    max-width: 1630px;
    border-right: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    margin: 0px auto; }

  .tarif-head .tarif-headline {
    width: 30%;
    z-index: 1000;
    padding-left: 8%; }

  .tarif-head .tarif-headline h2 {
    font-weight: 300;
    color: #fff;
    font-size: 2.2rem;
    margin-bottom: 0px;
    font-style: italic;
    text-transform: uppercase; }

  .tarif-container .input-container {
    width: 50%;
    margin-left: 0px; }

  .tarif-container .tarif-body .field-tarif-group {
    margin-bottom: 35px; }

  .tarif-container .tarif-tab-header p {
    padding-right: 10%; }

  .service .zaehler-box .fluid-box-head {
    min-height: 245px; }

  .service .service-box .fluid-box-head {
    min-height: 245px; }

  .service .portal-box .fluid-box-head {
    min-height: 245px; }

  .service .fluid-box-head-bg {
    width: 67%; }

  .modal-dialog {
    max-width: 1000px; }

  .tarif-container .tarif-body .jahresverbrauch label {
    width: 50%; }

  .tarif-container .tarif-body .jahresverbrauch input {
    width: 50%; }

  .tarif-container .tarif-body .haushaltsgroesse label, .tarif-container .tarif-body .haushaltsgroesse2 label {
    width: 40%; }

  .tarif-container .tarif-body .haushaltsgroesse .haushaltsgroesse-input, .tarif-container .tarif-body .haushaltsgroesse2 .haushaltsgroesse-input {
    width: 60%; }

  .tarif-container .tarif-body .haushaltsgroesse input, .tarif-container .tarif-body .haushaltsgroesse2 input {
    width: 100%; }

  .ansprechpartner .ansprechpartner-dce {
    min-height: 480px; }

  .ansprechpartner .ansprechpartner-text .ansprechpartner-text-inner {
    padding: 75px; } }

@media (min-width: 1400px) {
  #navbar .navbar-nav .nav-link, .navbar-nav .nav-item > a {
    padding: 7.5px 15px; } }

@media (min-width: 1600px) {
  .search-container .search-group {
    width: 45%; } }