/* TEMPLATE CSS DATEIEN DER INTERNETSEITE STADTWERKE PRENZLAU */

@font-face {
    font-family: 'Open Sans Light';
    src: url('fonts/OpenSans-Light.eot');
    src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Light.woff2') format('woff2'),
        url('fonts/OpenSans-Light.woff') format('woff'),
        url('fonts/OpenSans-Light.ttf') format('truetype'),
        url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Medium';
    src: url('fonts/OpenSans-Medium.eot');
    src: url('fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Medium.woff2') format('woff2'),
        url('fonts/OpenSans-Medium.woff') format('woff'),
        url('fonts/OpenSans-Medium.ttf') format('truetype'),
        url('fonts/OpenSans-Medium.svg#OpenSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff'),
        url('fonts/OpenSans-Bold.ttf') format('truetype'),
        url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Extra Bold';
    src: url('fonts/OpenSans-ExtraBold.eot');
    src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body {
  font-size: 18px;
  font-family: 'Open Sans Light';

  /*-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;*/
}

b, strong {
  font-family: 'Open Sans Bold';
}

h1 {
  font-family: 'Open Sans Light';
  color:#001e64;
}

h1 strong {
  font-family: 'Open Sans Extra Bold';
}

/* DISPLAY NONE HACK */

/* BILDER DER MITARBEITER AUSBLENDEN */

section#swp__contact img.sppb-img-responsive.sppb-element-lazy.sppb-element-loaded {
  display: none;
}

/* END DISPLAY NONE HACK */

.uckernet h1 strong img {
  display: inline;
  margin-top: -12px;
  height: 34px;
}

.com-content-article__body h1 {
  font-family: 'Open Sans Extra Bold';
  font-size: 30px;
}

h2 {
  font-family: 'Open Sans Light';
}

h2 strong {
  font-family: 'Open Sans Extra Bold';
}

h3.sppb-addon-title {
  font-family: 'Open Sans Light';
}

/*h3.sppb-addon-title,*/
h3.sppb-image-layout-title,
h3.sppb-addon-title strong,
a.sppb-btn-custom {
  font-family: 'Open Sans Extra Bold'!important;
}

h4 {
  font-family: 'Open Sans Bold'!important;
  font-size: 21px;
}

#swp__infoBox h3.sppb-addon-title {
  font-size: 24px;
  text-align: center;
  width: 100%;
  color: #001e64;
  margin-bottom: 15px;
  font-family: 'Open Sans Extra Bold'!important;
}

h4.sppb-addon-title {
  font-size: 18px;
}

span.highlight {
  color: #9bdcf0;
}


#sp-page-builder.page-56,
#sp-page-builder.page-57 {
  font-size: 15px;
}

#sp-page-builder.page-56 h2,
#sp-page-builder.page-57 h2 {
  font-family: 'Open Sans Extra Bold';
  font-size: 25px;
  margin-bottom: 20px;
}

#sp-page-builder.page-56 h3
#sp-page-builder.page-57 h3 {
  font-family: 'Open Sans Bold';
  font-size: 20px;
}



p {
  -webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

p.hinweis {
  font-size: 14px; 
  margin-top: 2px;
  padding: 10px 20px;
  background-color: #ededed;
  font-style: italic;
  -webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

#maximenuck109 > ul > li.maximenuck.item198.last.first.level1 > a > span > span > span:before {
    font-family: FontAwesome;
    content: "\f090";
    font-size: 16px;
    vertical-align: middle;
    margin-right: 5px!important;
}

#maximenuck109 > ul > li.maximenuck.last.first.level1 {
  margin-right: 0!important;
}

li[data-level="1"] {
  color: #001e64;
}

#maximenuck109 > ul > li.maximenuck.active.level1 > a > span > span > span,
#maximenuck109 > ul > li.maximenuck.active.first.level1 > a > span > span > span,
#maximenuck110 > ul > li.maximenuck.active.first.parent.level1.maximenuckanimation > a > span > span > span,
li[data-level="1"].current.active span.titreck-title {
  font-family: 'Open Sans Extra Bold';
  border-bottom: 3px solid #64c800;
}

#maximenuck110 > ul > li.maximenuck.current.active.parent.level1.maximenuckanimation > div > div > div > ul > li.maximenuck.level2 > a > span > span > span {
  border-bottom: 0;
  font-family: 'Open Sans';
}


#maximenuck110 > ul > li.maximenuck.active.parent.level1.maximenuckanimation > a > span > span > span {
  font-family: 'Open Sans Extra Bold';
  border-bottom: 3px solid #64c800;
}

.swp__socialMedia ul {
  margin: 0;
  text-align: right;
}

.swp__socialMedia ul li {
  display: inline-block;
  list-style: none;
}

.swp__socialMedia ul li i {
  color: #031f73;
  font-size: 23px;
  margin: 0 0 0 10px;
  transition: .1s;
}

.swp__socialMedia ul li i:hover {
  scale: 1.2;
  transition: .1s;
}

/* KLASSEN ############################## */

.com-content-article .sppb-row-container {
  padding: 50px 0;
  color: #001e64;
}

.com-content-article .sppb-row-container h2 {
  font-family: 'Open Sans Bold';
  color: #001e64;
  font-size: 25px;
  margin: 30px 0 5px 0;
}

.com-content-article .sppb-row-container h3 {
  font-family: 'Open Sans Bold';
  color: #001e64;
  font-size: 21px;
  margin: 25px 0 5px 0;
}


span.small-subline {
  font-size: 70%;
}

p.swp__ort {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color:#001e64;
  font-family: 'Open Sans Extra Bold';
  border-bottom: 4px solid #9bdcf0;
  display: inline-block;
}

p.swp__strasse {
  font-size: 18px;
  font-style: italic;
  margin-bottom: 20px;
}

p.swp__strasse__small {
  font-size: 14px;
  font-style: italic;
}

div.swp__zeit {
  margin-bottom: 15px;
}

div.swp__zeit p {
  font-size: 16px;
  margin-bottom: 15px;
}

strong {
  font-family: 'Open Sans Extra Bold';
}

.swp__hinweis_installateure a strong {
  color: #001e64;
  text-decoration: underline;
}

.swp__hinweis_installateure a:hover strong {
  color: #001e64;
  text-decoration: none;
}

.swp__moduleembed .sppb-addon-wrapper {

}

.blue div.sppb-row-container .sppb-row {
  background-color: #001e64;
}

.swp__karriere h3 small {
  font-size: 50%;
}

.swp__karriere__links li,
.swp__karriere__rechts li {
  margin-bottom: 5px;
  /*font-size: 15px;*/
}

.swp__karriere__links li p,
.swp__karriere__rechts li p {
  margin-bottom: 0;
}

table.tarife,
table.haertegrad {
  width: 100%;
    overflow: auto;
}


section.swp_karriereEvenOdd:nth-child(odd),
.tarife tr:nth-child(odd),
.haertegrad tr:nth-child(odd) {background-color: #ffffff;}
section.swp_karriereEvenOdd:nth-child(even),
.tarife tr:nth-child(even),
.haertegrad tr:nth-child(even) {background-color: #deeaf1;}

.tarife td,
.haertegrad td {
  padding: 5px 15px;
  color: #001e64;
}

.tarife td:first-child {
        width: 500px;
        max-width: 500px;
        word-wrap: break-word;
    }

section.blue.tariftabelle .sppb-addon-content {
        overflow-x: auto;
    }

.swp__schritte h4 {
  border-bottom: 4px solid #9bdcf0;
  display: inline-block;
  padding-bottom: 5px;
}

a.swp_btn_strong {
  font-family: 'Open Sans Extra Bold';
}

.swp__netzeBlau {
  padding: 30px 30px 0 30px;
  background-color: #fff;
}

.swp__netzeWeiss {
  padding: 30px 30px 0 30px;
  background-color: #deeaf1;
}

div.sppb-carousel-extended-team-name > a {
  color: #001e64;
}

.sppb-carousel-extended-team-name a {
  color: #fff;
}

.com-content-article a,
.page-content a {
  text-decoration: underline;
}

.news-item a,
.sppb-button-wrapper a,
.sppb-carousel-extended-team-name a,
.com-content-article a:hover,
.page-content a:hover {
  text-decoration: none;
}

.swp__videoBox {
  position: relative;
  max-width: 560px; /* wie breit soll das Video maximal sein */
  margin: auto;
}
.swp__videoBox:before{
  content: "";
  display: block;
  padding-top: 56%; /* 16:9 Format */
}
.swp__videoBox iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;;
  left: 0;
  right: 0;
  bottom: 0;
}

section.swp_karriereEvenOdd:nth-child(odd) a.sppb-btn-custom,
section.swp_karriereEvenOdd:nth-child(odd) .medblue.big {
    background-color: #deeaf1;
    color: #001e64;
    padding: 20px;
    display: block;
    transition: .3s;
}

section.swp_karriereEvenOdd:nth-child(even) a.sppb-btn-custom,
section.swp_karriereEvenOdd:nth-child(even) .medblue.big,
section.swp_karriereEvenOdd:nth-child(even) .lightblue {
    background-color: #fff;
    color: #001e64;
    padding: 20px;
    display: block;
    transition: .3s;
}

section.swp_karriereEvenOdd:nth-child(odd) a.sppb-btn-custom:hover,
section.swp_karriereEvenOdd:nth-child(even) a.sppb-btn-custom:hover,
section.swp_karriereEvenOdd:nth-child(odd) .medblue.big:hover,
section.swp_karriereEvenOdd:nth-child(even) .medblue.big:hover,
section.swp_karriereEvenOdd:nth-child(even) .lightblue:hover {
  background-color: #9bdcf0;
}

section.swp_karriereEvenOdd:nth-child(odd)  img,
section.swp_karriereEvenOdd:nth-child(even) img {
  background-color: #fff;
  padding: 5px;
}

#swp__infoDatenschutz,
#swp__lastSection {
background-color: #6f84aa;
color: #fff;
}

#swp__infoDatenschutz a {
  color: #fff;
  text-decoration: underline;
}

#swp__infoDatenschutz a:hover {
  text-decoration: none;
}

#swp__dnE .sppb-align-bottom {
  align-items: flex-start!important;
}

#sppb-addon-1700109562591 > div > div > div > a.btn.btn-primary.ccctwoclickreveal-167 {
  border-radius: 0;
  background-color: #001e64;
  color: #fff;
}

#swp__grundErsatz.sppb-section .sppb-button-wrapper a.sppb-btn.sppb-btn-custom.sppb-btn-lg.sppb-btn-block.sppb-btn-square {text-align: left;}

.swp__grundErsatzFontHeader span.sppb-panel-title {
  font-weight: bold; /* Fettschrift */
}

/* STÖRUNGSMELDUNG AUF STARTSEITE ####### */

#swp__storungsMeldung {
  background-color: #39b3e4;
  display: flex; /* Flexbox für horizontale Anordnung */
  align-items: center; /* Zentriert die Elemente vertikal */
  overflow: hidden;
}

.swp__storungsHeadline {
  padding: 10px 30px;
  font-weight: bold; /* Fettschrift */
  background-color: #031f73;
  color: #fff;
  min-width: 210px;
}

.mod-articlesnews {
  line-height: 140%;
  padding: 0 10px;
  width: 100%;
}

marquee {
  /* Stile für das Marquee-Element */
  margin-left: 0; /* Abstand zum linken Rand */
  width: 100%;
}

.mod-articlesnews__item {
  display: inline-flex;
  padding: 0 15px;
  border-right: 1px solid #031f73;
}

.mod-articlesnews__item:last-child {
  border-right: 0;
}

p {
  /* Stile für den Text innerhalb des Artikel-Elements */
  margin: 0; /* Entfernt den Abstand um den Text */
}

@media screen and (max-width: 480px) {
  /* Stile für Mobilgeräte */
  #swp__storungsMeldung {
    flex-direction: column; /* Anordnung der Elemente in einer Spalte */
    align-items: flex-start; /* Ausrichtung der Elemente linksbündig */
  }

  .swp__storungsHeadline {
    margin-right: 0; /* Entfernt den rechten Abstand */
    margin-bottom: 10px; /* Abstand zum unteren Nachbarn */
    min-width: 100%;
    text-align: center;
  }

  .marquee {
    margin-left: 0; /* Entfernt den linken Abstand */
    margin-top: 10px; /* Abstand zum oberen Rand beibehalten */
    min-height: 100%;
  }
}


/* END ################################## */

/* KARRIERE ############################# */

/* GLOBAL */

.page-header,
.article-info {
  display: none;
}

li.field-entry.ausbildungsjahr,
li.field-entry.einleitungstext  {
  margin: 30px 0 0 0;
  color: #001e64;
}

li.field-entry.stellentitel {
  list-style: none;
  font-size: 38px;
  font-family: 'Open Sans Extra Bold';
  color: #001e64;
}

li.field-entry.stellentitel:after {
  content: '(m/w/d)';
  font-size: 12px;
  font-family: 'Open Sans';
}

ul.fields-container,
li.field-entry.stellenart {
  list-style: none;
  padding: 0;
}

li.field-entry.voraussetzungen,
li.field-entry.anzeigebild,
li.field-entry.ihre-aufgaben,
li.field-entry.das-erwarten-wir-von-ihnen,
li.field-entry.wir-bieten-ihnen,
li.field-entry.ihr-einsatzort,
li.field-entry.besetzungstermin,
li.field-entry.kontakt-fuer-bewerbungsunterlagen-und-fragen,
.field-entry.ausbildung,
.field-entry.fortbildung,
.field-entry.schwerpunkte,
.field-entry.pruefung,
.field-entry.verguetung,
.field-entry.wir-bieten-dir,
.field-entry.weitere-anforderungen,
.field-entry.zusaetzliche-angebote     {
  list-style: none;
  margin-top: 30px;
  color: #001e64;
}

li.field-entry .field-label  {
  font-size: 25px;
  font-family: 'Open Sans Extra Bold';
  color: #001e64;
  display: block;
  margin-bottom: 10px;
}

li.field-entry.kontakt-fuer-bewerbungsunterlagen-und-fragen a {
  padding: 10px 20px;
  text-decoration: none;
  background-color: #DEEAF1;
  color: #001e64;
  font-family: 'Open Sans Extra Bold';
  display: inline-block;
  margin: 20px 0 0 0;
}

li.field-entry.kontakt-fuer-bewerbungsunterlagen-und-fragen a:hover {
  background-color: #9bdcf0;
}

li.field-entry p {
  margin-bottom: 10px;
}

span.field-value ul li {
  list-style: square;
  color: #031f73;
}

.swp__artOverride ul.tags.mb-4 {
  position: absolute;
  margin-top: -39px;
}

.swp__artOverride .tags>li.tag-3 a {
  background-color: #031f73;
  color: #fff;
  border-radius: 0;
}

.swp__artOverride .tags>li.tag-2 a {
  background-color: #fff;
  border-radius: 0;
}


.swp__artOverride .tags>li a {
  color: #001e64;
  font-family: 'Open Sans Medium';
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  text-decoration: underline;
}

.swp__artOverride .tags>li a:hover {
  color: #001e64;
  text-decoration: none;
}

/* END KARRIERE ######################### */

/* PRODUKTE UND PREISBLÄTTER ############ */

p.produktname {
  font-size: 40px;
  line-height: 40px;
  font-weight: 100;
  margin: 20px 0 30px 0!important;
}

p.produktname span {
  font-size: 50%;
  display: block;
  line-height: 125%;
  margin-top: 10px;
}

p.gueltigkeit {
  font-size: 14px;
  margin: 10px 0 0 15px;
}

.tariftabelle p {
  margin-bottom: 2px;
}

.tariftabelle p small {
  font-size: 70%;
}

.produkt {
margin: 20px 0 -5px 0;
}


ul.produkte {
list-style: none;
}

.blue div.sppb-row-container .sppb-row {
  background-color: #001e64;
}

#swp__service h3 {
  display: inline;
  border-bottom: 4px solid #9bdcf0;
  letter-spacing: 1px;

}

.blue.tariftabelle small a {
  letter-spacing: 1px;
  text-transform: uppercase;
}


/* END ################################## */

/* HAUSANSCHLUSS HERSTELLEN ############# */

img.anschluss-beantragen-eins {
position: relative;
  width: 120px;
  top: 30px;
  right: -250px
}

img.anschluss-beantragen {
position: relative;
  width: 120px;
  top: 50px;
  right: -250px
}

/* END ################################## */

/* UCKERNET SITE ######################## */

#uckernet-vorteile h3 {
  font-size: 20px;
  font-family: 'Open Sans Bold';
  -moz-hyphens: auto;
  hyphens: auto;
}

#centerboxes > div > div,
#section-id-1657518524233 > div > div {
  justify-content: center;
}


/* END UCKERNET SITE #################### */

/* AKTUELLES ############################ */


 .swp__hideDiv {
    overflow: hidden; /* Blendet alles aus, was aus dem Container herausragt */
}

.sppb-article-img-wrap img {
    transition: transform 0.3s ease; /* Sanfter Übergang bei der Transformation */
}

.sppb-addon-article-layout.sppb-addon-article-layout-editorial-wrapper:hover img {
    transform: scale(1.06); /* Vergrößert das Bild um 0,3% und dreht es um 5 Grad im Uhrzeigersinn */
}

.sppb-article-info-wrap {
  padding: 40px;
  /*text-align: center;*/
  background-color: #fff;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.sppb-article-info-wrap h3 a {
  color: #001e64;
  font-family: 'Open Sans Extra Bold';
}

.sppb-article-info-wrap a.sppb-readmore {
  text-align: center;
  color: #001e64;
  font-family: 'Open Sans Bold';
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #39b3e4;
  display: inline-block;
  padding: 8px 22px 10px 22px;
  font-size: 16px;
  margin-top: 20px;
  
}

.sppb-article-info-wrap a.sppb-readmore:hover {
  color: #fff;
  background-color: #001e64;
}

/* END ################################## */

div.produkte li,
ul.download li,
ul.verzeichnis {
  list-style: none;
}

.sppb-animated-number {
    color: #001e64;
    font-size: 42px;
    font-family: 'Open Sans Extra Bold';
    background: #9bdcf0;
    padding: 30px;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    margin: 0 0 10px 0;
}

.sppb-animated-number-title {
  border-bottom: 3px solid #9bdcf0;
  font-weight: bold;
  line-height: 100%;
}


.sppb-addon-text-block.download,
.sppb-addon-text-block.externerlink {
  margin: 0;
  padding: 10px 20px 10px 20px;
  display: block;
}

.sppb-addon-text-block.download p,
.sppb-addon-text-block.externerlink p {
  margin: 0;
}

.sppb-addon-text-block.jahresabschluesse p {
  background-color: #fff;
  padding: 30px;
  transition: .3s;
}

.sppb-addon-text-block.jahresabschluesse p:hover {
  background-color: #9bdcf0;
  padding: 30px;
  transition: .3s;
}

.sppb-addon-text-block.jahresabschluesse a {
  color: #001e64;
  display: block;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  transition: .3s;
  background-image: url(images/pdf.png);
  background-repeat: no-repeat;
  background-position: right;
}

.sppb-addon-text-block.download a {
  color: #001e64;
  display: block;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  transition: .3s;
  background-image: url(images/pdf.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 30px;

}

.sppb-addon-text-block.externerlink a {
  color: #001e64;
  /*background-color: #9bdcf0;*/
  display: block;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  transition: .3s;
  background-image: url(images/externer_link.png);
  background-repeat: no-repeat;
  background-position: right;
}

.swp__netzzugangKontakt {
  background-color: #deeaf1;
}

.lightblue {
  background-color: #deeaf1;
  padding: 10px 20px;
  display: block;
  transition: .3s;
}

.lightblue.big {
  background-color: #deeaf1;
  padding: 20px;
  display: block;
  transition: .3s;
}

.lightblue.small {
  background-color: #deeaf1;
  padding: 20px;
  display: inline-block;
  transition: .3s;
}

.medblue {
  background-color: #fff;
  padding: 10px 20px;
  display: block;
  transition: .3s;
}

.medblue.big {
  background-color: #fff;
  padding: 20px;
  display: block;
  transition: .3s;
}


.lightblue:hover,
.lightblue.big:hover,
.medblue:hover,
.medblue.big:hover {
  background-color: #9bdcf0;
  transition: .3s;
}

.lightblue p,
.medblue p {
  margin: 0;
}

.lightblue a,
.medblue a {
  color: #001e64;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  display: block;
  background-image: url(images/externer_link.png);
  background-repeat: no-repeat;
  background-position: right;
}

.lightblue.small a {
  padding-right: 60px;
}

.sppb-addon-text-block.download:hover,
.sppb-addon-text-block.externerlink:hover {
  background-color: #9bdcf0;
  transition: .3s;
}


ul.download,
ul.verzeichnis {
  margin: 0;
  padding: 0;
}

section.blue a,
.sppb-addon-text-block.blue a {
  color: #fff;
	text-decoration:underline;
  letter-spacing: .5px;
  margin: 0 2px;
}

section.blue a:hover,
.sppb-addon-text-block.blue a:hover {
  color: #fff;
  text-decoration: none;
}

section.blue a.sppb-btn {
  text-decoration: none;
}

.sppb-addon-text-block.link {
  background-color: #9bdcf0;
  padding: 20px 20px 10px 20px;
  display: block;
  margin-left: 15px;
  transition: .3s;
}

.sppb-addon-text-block.link:hover {
  background-color: #001e64;
  transition: .3s;
 }


.sppb-addon-text-block.link a {
  margin: 0;
  display: block;
  background-image: url(images/externer_link.png);
  background-repeat: no-repeat;
  background-position: right;
 }



/* END ################################## */

/* ACCORDION NETZZUGANG ################# */

.spw__downloadAccordion span.sppb-panel-title {
  font-family: 'Open Sans';
  font-size: 19px;
}

.spw__downloadAccordion .sppb-panel-heading:hover {
  background-color: #001e64!important;
  color: #fff!important;
}

.spw__downloadAccordion .sppb-btn {
  text-align: left;
  font-size: 17px;
}

/* END ACCORDION NETZZUGANG ############# */


/* TABELLEN STROMKENNZEICHNUNG ########## */


table.kennzeichnung {
    width: 100%;
}

table.kennzeichnung td {
  padding-bottom: 15px;
  vertical-align: top;
}



table.kennzeichnung td:nth-child(2) {
  width: 78%;
}


table.kennzeichnung td strong {
  margin: 0 20px 0 10px;
  display: block;
  color: #001e64;
}

table.kennzeichnung div.kernenergie {
/* background: #fa7d00; */
background: #39b3e4;
width: 25px;
height: 25px;
border: 1px solid #fff;
display: block;
}


table.kennzeichnung div.kohle {
/* background: #7d7d7d; */
background: #e24e5a;
width: 25px;
height: 25px;
border: 1px solid #fff;
display: block;
}

table.kennzeichnung div.erdgas{
/* background: #ffff00; */
background: #ff9334;
width: 25px;
height: 25px;
border: 1px solid #fff;
display: block;
}

table.kennzeichnung div.fossil {
/* background: #823c0a; */
background: #ffcd5e;
width: 25px;
height: 25px;
border: 1px solid #fff;
display: block;
}

table.kennzeichnung div.erneuerbare { 

/*Erneuerbare Energien mit Herkunftsnachweis, nicht gefördert nach dem EEG*/

/* background: #007d00; */
background: #009846;
width: 25px;
height: 25px;
border: 1px solid #fff;
display: block;
}

table.kennzeichnung div.mieterstrom {

/*Mieterstrom, gefördert nach dem EEG */

background: #32c800;
width: 25px;
height: 25px;
border: 1px solid #fff;
display: block;
}

table.kennzeichnung div.erneuerbare_normal {

/* Erneuerbare Energien, gefördert nach dem EEG */

  /* background: #64c800; */
  background: #69daac;
  width: 25px;
  height: 25px;
  border: 1px solid #fff;
  display: block;
}

table.kennzeichnung div.erneuerbare_region {

/* Erneuerbare Energien aus der Region, gefördert nach dem EEG */

  background: #96c832;
  width: 25px;
  height: 25px;
  border: 1px solid #fff;
  display: block;
}



table.kennzeichnung div.sonstige{
background: #273468;
width: 25px;
height: 25px;
border: 1px solid #fff;
display: block;
}

table.emissionen td.col-1 {
    font-weight: bold;
    padding-right: 30px;
}

table.emissionen td.col-2 {
    text-align: right;
    padding-right: 30px;
}

table.emissionen td.col-3 {
    font-size: 12px;
}


svg.kreis {
  width: 75%;
}
@media screen and (max-width: 768px) {
  svg.kreis {
    width: 100%;
    padding: 0 12vw 12vw 12vw;
  }
}
svg .filk1 {
  fill: #e24e5a;
}
svg .filk2 {
  fill: #ff9334;
}
svg .filk3 { 
  fill: #009846;
}
svg .filk4 {
  fill: #69daac;
}
svg .filk5 {
  fill: #ffcd5e;
}
svg .filk6 {
  fill: #39b3e4;
}



/* END ################################## */

/* TABELLEN ############################# */

.swp__tabellen table thead {
  height: 15px; 
  background-color: #031f73;
  color: #fff;
  font-family: 'Open Sans Extra Bold';
}


.swp__tabellen table tr:nth-child(even) {background-color: #deeaf1;}


/* END ################################## */

/* HAUPTMENU ############################ */

#sp-section-1 {
  padding: 25px 0;
}

/* SPLITMENU ++++++++++++++++++++++++++++ */

#sp-section-2 {
  background-color: #deeaf1;
}

/* END ++++++++++++++++++++++++++++++++++ */

/* END ################################## */


/* BREADCRUMBS ########################## */

.breadcrumb {
    background-color: transparent;
	margin: 1rem 0;
	padding: 0.75rem 0;
}

/* END ################################## */



/* SCHNELLZUGRIFF ####################### */

#sp-schnellzugriff {
  background-color: #001e64;
  font-family: 'Open Sans Light';
}

.swp__schnellzugriff a.sppb-btn-square {
  width: 25%;
}

#sp-kundenmenue a {
  font-size: 15px;
  font-family: 'Open Sans'!important;
  padding: 8px 0;
}

/* END ##################################*/

/* TESTIMONIALS ######################### */


.sppb-carousel-extended-headline h3 {
  color: #001e64;
  font-family: 'Open Sans Extra Bold';
  font-size: clamp(16px, 2vw, 50px);
}

#swp__servicerundum img {
  max-width: 50%;
  height: auto;
  margin: auto;
}

.sppb-carousel-extended-item img {
  max-width: 70%;
  height: auto;
  margin: auto;
}

#swp__servicerundum a,
#swp__servicerundum .sppb-carousel-extended-team-designation {
  color: #031f73;
}

#swp__abwasserSchritte h4 {
  color: #031f73;
  border-bottom: 4px solid #031f73;
  margin-top: 15px!important;
  display: inline-block;
  padding-bottom: 4px;
}

.sppb-carousel-extended-team-name {
  color: #031f73;
  border-bottom: 4px solid #031f73;
  margin-bottom: 10px;
  display: inline-block;
  padding-bottom: 4px;
}

.sppb-carousel-extended-team-content {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0);
    padding: 20px 20px 25px 20px;
    margin: 0 1px 10px;
}

.sppb-carousel-extended-team-designation span {
  font-style: italic;
}

.sppb-carousel-extended-team-content {
  text-align: center;
}

/* END ################################## */

/* CONTACTSECTION ####################### */

ul.swp__contact {
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.swp__contact li {
  list-style: none;
}

i.fas {
  margin: 0 10px 0 0;
}

ul.swp__contact a {
  color: #fff;
  text-decoration: underline;
}

ul.swp__contact a:hover {
  text-decoration: none;
}

#swp__netzzugangContact {
  color: #001e64;
}

#swp__netzzugangContact ul.swp__contact {
  color: #001e64;
  text-align: center;
}



#spw__neuanschluss {
  background-color: #deeaf1;
}

#spw__neuanschluss_dark {
  background-color: #001e64;
}

#spw__neuanschluss .sppb-row-column {
  margin-bottom: 30px;
}

/* END ################################## */

/* AKTUELLES BLOG ####################### */

.blog {
  max-width: 1320px;
  margin: auto;
}

#sp-component > div > div.com-content-category-blog.blog > h1 {
  text-align: center;
  margin: 75px 0 10px 0;
  font-family: 'Open Sans Bold'!important;
}

#sp-component > div > div.com-content-category-blog.blog > h2 {
  text-align: center;
  margin: 0 0 55px 0;
  font-family: 'Open Sans'!important;
  font-size: 22px;
  color: #273468;
}

/* END AKTUELLES ARCHIVSEITE ################ */

/* Stelle die Blog-Elemente in drei Spalten auf einem Desktop dar */

.blog-items {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
  position: relative; /* Relative Position für .com-content-category-blog__items */
}

.blog-item {
  flex: calc(33.33% - 30px); /* 33.33% der Breite abzüglich des Abstands zwischen den Spalten */
  margin-right: 30px; /* Abstand zwischen den Spalten */
  margin-bottom: 30px; /* Abstand zwischen den Zeilen */
  box-sizing: border-box;
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
  transition: .3s;
}

.blog-item:hover {
  box-shadow: rgba(50, 50, 93, 0.15) 0px 30px 60px -12px, rgba(0, 0, 0, 0.1) 0px 18px 36px -18px;
  transition: .4s;
  scale: 1.03;
}

.item-content {
  padding: 20px;
}

.item-content h2 {
  line-height: 0;
}

.item-content h2 a {
  font-family: 'Open Sans Bold'!important;
  font-size: 24px;
  line-height: 120%;
  color: #001e64!important;
}

.item-content p {
  margin-bottom: 30px;
}

.swp__readmoreButton {
  display: block;
}

.swp__readmoreButton a.swp__readMore {
  font-family: 'Open Sans Bold'!important;
  text-transform: uppercase;
  background-color: #39b3e4;
  color: #fff;
  display: block;
  padding: 10px 20px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; /* Optional: Anpassung der horizontalen Position */
}

.swp__readmoreButton a.swp__readMore:hover {
  color: #fff;
  background-color: #273468;
}

/* Unter Verwendung von Media Queries kannst du das Layout für Handys anpassen */
@media (max-width: 768px) {
  .blog-items {
    flex-direction: column; /* Ändere die Ausrichtung auf vertikal (untereinander) */
  }

  .blog-item {
    flex: 100%; /* Volle Breite auf Handys */
    margin-right: 0; /* Kein Abstand zwischen den Spalten */
  }
}


/* END AKTUELLES BLOG ################### */


/* EINZELNER BEITRAG AKTUELLES ########## */

/* EINZELNER BEITRAG AUS DEM NEWSBEREICH #### */


/* Container für den Artikel */

.article-full-image.float-left { /* Auf den einzelnen Karriereseiten */
  margin-bottom: 30px;
}

.com-content-article.item-page {
  max-width: 1320px;
  margin: 0 auto; /* Zentriert den Container */
  display: flex;
  /*gap: 30px;*/
  flex-wrap: wrap;
  padding: 75px 0;
}

.com-content-article__body {
  flex: 1; 
  min-width: 100%; 
}

#sp-component > div > div.com-content-category-blog.blog > div > div > div.item-content > h2 {
  line-height: 140%;
  font-size: 18px;
}

.com-content-article__body p {
  margin-bottom: 10px;
}

figcaption.caption {
  background-color: #001e64;
  color: #fff;
  padding: 10px;
  font-size: 17px;
}

/* Auf Mobilgeräten */
@media (max-width: 767px) {
  /* Container bleibt 100% breit */
  .com-content-article.item-page {
    flex-direction: column; /* Ändert die Anordnung auf gestapelt */
    padding: 40px 0;
  }

  /* Bild und Text nehmen 100% der Breite auf Mobilgeräten */
  .article-full-image,
  .com-content-article__body {
    max-width: 100%; /* Maximal 100% auf Mobilgeräten */
    padding: 0 15px;
  }
}




/* END EINZELNER BEITRAG AKTUELLES ###### */


/* FOOTER ############################### */

#sp-footer {
	background-color: #001e64;
	color: #fff;
}

#sp-footer1,
#sp-footer2,
#sp-footer3 {
  border-right: 1px dotted #fff;
}

#sp-footer1 h3,
#sp-footer2 h3,
#sp-footer3 h3 {
  font-size: 18px;
  text-align: left;
}

#sp-footer4 h3.sppb-addon-title {
  font-size: 18px;
  margin-bottom: 15px;
}

/* FOOTER 1 +++++++++++++++++++++++++++++ */

#sp-footer1 .big-number {
  font-size: 24px;
  font-weight: 800;
}

/* END ++++++++++++++++++++++++++++++++++ */

/* FOOTER 2 +++++++++++++++++++++++++++++ */

#sp-footer #sp-footer2 {
    text-align: left;
}

#sp-footer2 a {
  color: #fff;
}

#sp-footer2 img {
  max-width: 200px;
  margin-bottom: 8px;
}

#sp-footer2 p {
  margin: 5px 0 20px 0;
}

/* END ++++++++++++++++++++++++++++++++++ */

/* HEADER ############################### */

/*
#maximenuck109 > ul > li:first-child {
  float: left!important;
  margin-left: 50px;
}
*/

/* END Header ########################### */

/* FOOTER 3 +++++++++++++++++++++++++++++ */

#sp-footer3 .sppb-addon-header h3 {

}

#sp-footer3 .sppb-panel.sppb-panel-custom {

    background: #001e64!important;
    border: 0px!important;
}

#sp-footer3 .sppb-panel-heading {
    padding: 10px 0;
    cursor: pointer;
    position: relative;
    color: #fff;
}

#sp-footer3 .sppb-panel-body {
  border-top: 1px dotted #fff!important;
}

#sp-footer3  span.small-day {
    margin-top: 7px;
    display: inline-block;
    font-size: 10px;
    line-height: 100%;
}

/* END ++++++++++++++++++++++++++++++++++ */

/* FOOTER 4 +++++++++++++++++++++++++++++ */

#sp-footer4 .navbar {
  padding-top: 0!important;
}

#sp-footer4 ul > li {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

#sp-footer4 ul > li a:before {
  content: url(images/list.png);
  margin-right: 10px;
}

#sp-footer4 ul > li a {
  color: #fff;
  text-transform: uppercase;
  padding: 6px 0 0 0;
}

#sp-footer4 ul > li a:hover {
  text-decoration: underline;
}

/* END ++++++++++++++++++++++++++++++++++ */

/* CONVERT FORMS ++++++++++++++++++++++++ */

form#cf1 h2,
form#cf2 h2,
form#cf3 h2 {
  font-family: 'Open Sans Light'!important;
  font-size: clamp(1.6rem, 4vw, 2.0rem)!important;
}

form#cf1 h3,
form#cf2 h3,
form#cf3 h3 {
  font-family: 'Open Sans Light'!important;
  font-size: clamp(1.3125rem, 3vw, 1.625rem)!important;
  margin-top: 25px;
}

form#cf1 input,
form#cf1 select,
form#cf2 input,
form#cf2 select,
form#cf3 input,
form#cf3 select {
  border-radius: 0;
  border: 1px solid #001e64;
  padding: 10px;
}

.convertforms .cf-checkbox-group, .convertforms .cf-radio-group {
    align-items: start;
}

form#cf2 #form2_termsofservice8 {
  margin-top: 6px;
}

.convertforms .cf-input {
  margin-top: 6px;
}

/* END CONVERT FORMS ++++++++++++++++++++ */

/* END ################################## */


@media screen and (max-width: 1399px) {

.sppb-row-container {
    max-width: 1170px!important;
}

div#maximenuck109.maximenuckh ul.maximenuck {
  padding-left: 0;
}

div#maximenuck109.maximenuckh ul.maximenuck li.maximenuck.level1 {
    margin-right: 15px!important;
}

div#maximenuck109.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck {
  font-size: 16px!important;
}

}




@media screen and (min-width: 768px) and (max-width: 991px) {

body {
  font-size: 14px;
}

#sp-section-1 .container,
#sp-section-2 .container {
  min-width: 95%;
}

div#maximenuck109.maximenuckh ul.maximenuck {
  text-align: left!important;
}

div#maximenuck109.maximenuckh ul.maximenuck span.titreck-title  {
  font-size: clamp(14px, 1.7vw, 20px);
}

#maximenuck110 > ul {
  margin: 0;
  padding: 0;
}

#swp__infoBox h3.sppb-addon-title {
  font-size: 19px;
}

.tarife td {
  min-width: 120px;
}

.tarife td:first-child {
  min-width: 250px;
}

.tariftabelle p small,
p.gueltigkeit {
  font-size: 70%;
}

div.produkte {
  text-align: center;
}

div.produkte li {
  list-style: none;
}

section#swp__contact p {
  text-align: center;
}

#swp__contact .swp_resp_center {
  text-align: center;
}


}


/* @media screen and (min-width: 300px) and (max-width: 767px) { */
@media screen and (max-width: 767px) {

/*section#swp__contact p {
  text-align: center;
}*/

#swp__contact .swp_resp_center {
  text-align: center;
}

ul.swp__contact li a {
  color: #fff;
}

h1.sppb-addon-title,
h3.sppb-addon-title {
  /*font-size: 27px!important;*/

  -webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

h2.sppb-addon-title {
  font-size: 21px;
  line-height: 140%;
}

h4 {
  line-height: 140%;
}

#sppb-addon-1650876922149 .sppb-blocknumber-text {
  line-height: 1.4;
}

#sp-footer1 h3, #sp-footer2 h3, #sp-footer3 h3,
#sp-footer4 h3.sppb-addon-title {
  text-align: left;
}

#sp-footer1, #sp-footer2, #sp-footer3 {
  margin-bottom: 30px;
}


/* HAUSANSCHLUSS HERSTELLEN ############# */

img.anschluss-beantragen-eins {
position: relative;
  width: 80px;
  top: 25px;
  right: -200px
}

img.anschluss-beantragen {
position: relative;
  width: 80px;
  top: 49px;
  right: -200px
}

#sp-page-builder.page-38 ul.download {
  margin-left: -20px;
}

/* END ################################## */

/* PREISTABELLEN / TABELLEN ######################## */

.tariftabelle p {
  font-size: 13px;
}

.tariftabelle p.produkt {
  font-size: 19px;
}

p.produktname {
  font-size: 35px;
  line-height: 1;
  margin: 10px 0 30px 0!important;
}

p.produktname span {
  margin-top: 10px;
}

/* END ################################## */


}




@media screen and (max-width: 767px) {

#sp-section-1 {
    padding: 25px 0;
}

h1.sppb-addon-title strong {
  font-size: 25px;
}

h1.sppb-addon-title {
  font-size: 24px!important;
}

.sp-page-builder .page-content #section-id-1650628986714 {
  padding: 50px 20px!important;
}

.sp-page-builder .page-content #section-id-1650628986714 p {
  hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
}

}

@media screen and (min-width: 768px) and (max-width: 1199px) {

#sp-logo col-lg-3 {
  display: none;
}



}





@media screen and (max-width: 992px) {

#sp-section-1 {
  padding-bottom: 25px!important;
}

#sp-section-2 {
  display: none;
}

}


@media screen and (min-width: 993px) and (max-width: 1200px) {

div#maximenuck109.maximenuckh ul.maximenuck li.maximenuck.level1 {
    margin-right: 10px!important;
}

div#maximenuck109.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck {
  font-size: 13px!important;
}

div#maximenuck110.maximenuckh ul.maximenuck {
  padding: 0;
  margin-left: 10px!important;
}

#maximenuck110 > ul > li.maximenuck.first.parent.level1.maximenuckanimation > a {
  padding: 20px 0;
}

#maximenuck110 > ul > li.maximenuck > a > span > span > span {
  font-size: 13px!important;
}

}


@media screen and (min-width: 1201px) and (max-width: 1399px) {

div#maximenuck110.maximenuckh ul.maximenuck {
  padding: 0;
  margin-left: -15px!important;
}

}




/* AUSBILDUNG SCHLAGWÖRTER */

.swp_ausbildung .swp__artOverride .tags>li a {
  background-color: #32c800!important;
  border-radius: 0;
  text-decoration: none;
  color: #fff;
  pointer-events:none;
}

.com-content-article.item-page .tags.mb-4 {
  display: none;
}



/* DATENSCHUTZAUSWAHL #################### */

.sb__datenschutzAuswahl button.sppb-panel-heading .sppb-panel-title {
  font-family: 'Open Sans Extra Bold';
  font-size: 20px;
  text-transform: uppercase;
}

#datenschutzauswahl .sppb-addon-content a span {
  font-family: 'Open Sans';
  text-transform: uppercase;
  font-size: 80%;
  display: block;
}

/* END DATENSCHUTZAUSWAHL ################ */












/* Menu Punkt Kundenportalinfos Hack */

#sp-section-2 #sp-top3 {
  display: none;
}
#sp-section-2 #sp-top2 {
  width: 100%;
}



/* Video */

.videoCont {
  position: relative;
}

.videoCont video {
  width: 100%;
}

.videoCont img {
  position: absolute;
  width: 100%;
  aspect-ratio: 1920 / 1080;
  height: auto;
  top: 0;
}


.digitaleVorteile > div > div {
  padding: 0 0 0 60px;
  position: relative;
}
.digitaleVorteile > div > div::before {
  content: '';
  position: absolute;
  /* height: 100%; */
  height: 40px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 1 / 1;
  width: auto;
  /* background: red; */
  background-image: url(https://www.stadtwerke-prenzlau.de/images/assets/icons/haeckchen.svg);
  background-size: contain;
  background-repeat: no-repeat; 
}
.digitaleVorteile p {
  font-size: 1.4em;
  font-weight: 700;
}



.digitaleVorteileKontakt > div > div {
  padding: 0 0 0 60px;
  position: relative;
}
.digitaleVorteileKontakt > div > div::before {
  content: '';
  position: absolute;
  /* height: 100%; */
  height: 60px;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 1 / 1;
  width: auto;
  /* background: red; */
  background-image: url(https://www.stadtwerke-prenzlau.de/images/assets/icons/handy.svg);
  background-size: contain;
  background-repeat: no-repeat; 
}
.digitaleVorteileKontakt p {
  font-size: 1.2em;
  /* font-weight: 700; */
}
.digitaleVorteileKontakt p a {
  color: #001e64;
  text-decoration: none;
}
.digitaleVorteileKontakt p a:hover {
  text-decoration: underline;
}







 


.soEinfachPunkte > div > div {
  padding: 0 0 0 60px;
  position: relative;
}
.soEinfachPunkte p {
  font-size: 1.2em;
  font-weight: 700;
}

.soEinfachPunkte p a {
  color: #001e64;
  text-decoration: none;
}
.soEinfachPunkte p a:hover {
  text-decoration: underline;
}




.soEinfachPunkteText > div {
  height: 100%;
  display: flex;
  align-items: center;
}

.renosKnopf a {
  padding: 1em 2.5em;
  font-size: 1.2em;
}



@media screen and (max-width: 390px) {
  .soEinfachPunkteBild {
    padding: 0 25vw 10vw 25vw !important;
  }
}





/* Dies und Das */



.mobileDisplayBlock {
  display: none;
}
@media screen and (max-width: 390px) {
  .mobileDisplayNone {
    display: none;
  }
  .mobileDisplayBlock {
    display: block;
  }
}