@media (hover: none) {
    .frame-kacheln .ce-bodytext .contenttable a tr td:last-child::after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 12px;
        background: url(../images/pfeil_blau.svg) left center no-repeat;
        background-size: 10px 12px;
        margin: 0 0 -1px 5px;
    }

    .frame-kacheln .ce-bodytext .contenttable:has(th) a tr td:last-child::after {
        display: none;
    }
}

@media (max-width: 1750px) {
    .geschaeftskundeninhalt .row.equalize .col-60 .tx_cn-multicontent {
        font-size: 15px;
    }

    .footerinhalt .frame-type-menu_subpages ul {
        margin-top: 15px;
        margin-bottom: 15px;
        width: 85%;
        column-count: 4;
    }

	.footerinhalt .frame-type-menu_subpages ul li {
		clear: both;
		margin: 0;
	}

	.footerinhalt .frame-type-menu_subpages ul li a {
		padding: 5px 12px;
		margin: 3px 0;
	}

	.footerinhalt .frame-type-menu_subpages ul li a br {
		display: none;
	}
}

@media (max-width: 1680px) {
    .footerinhalt .frame-type-menu_subpages ul {
        column-count: 3;
	}
}

@media (max-width: 1650px) {
    .geschaeftskundeninhalt .row.equalize .col-60 .tx_cn-multicontent {
        font-size: 14px;
    }

    .geschaeftskundeninhalt .row.equalize > div .ce-bodytext {
        padding: 10px 0 10px 5%;
        width: 95%;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext {
        position: relative;
    }

    /* #inhaltsbereich .frame-hintergrundwelle .ce-bodytext hr {
        border-top: 2px solid var(--bgblau);
        margin: 50px 0 0 0;
        display: block;
    } */

    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext hr + .contenttable {
        width: 200%;
    }

    #inhaltsbereich .frame-hintergrundwelle.hgbild {
        background-position: 25% top;
    }
}

@media (max-width: 1630px) {
    #oben span + ul.ebene2 {
        max-width: 40%;
    }

    #oben ul.ebene2.right {
        left: 65%;
    }
}

@media (max-width: 1600px) {
    #oben ul.ebene2.right {
        left: 60%;
    }
}

@media (max-width: 1550px) {
    .headertarifrechner {
        bottom: 100px;
    }
    
    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext {
        float: none;
        margin: 0 auto;
        width: 96%;
        max-width: 1332px;
        position: relative;
        z-index: 2;
        top: -50px;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-gallery {
        margin: 0;
        position: relative;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-gallery::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: url(../images/bildwelle_unten_gruene-kontur.svg) left bottom no-repeat;
        position: absolute;
        left: 0;
        bottom: -2px;
        z-index: 1;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext .contenttable, 
    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext hr + .contenttable, 
    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext > h4 + p {
        width: 100%;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext .contenttable, 
    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext hr + .contenttable, 
    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext > h4 + p {
        width: 100%;
    }
}

@media (max-width: 1500px) {
    .frame-flipbox > .rahmen > .frame {
        width: 48%;
        float: none;
    }

    .frame-flipbox > .rahmen > .frame:nth-child(3n+2) {
        margin: 0 0 10px;
    }

    .frame-flipbox > .rahmen > .frame:nth-child(2n+1) {
        margin: 0 1.5% 10px;
    }

    .frame-flipbox > .rahmen > .frame .ce-bodytext {
        max-height: calc(100% - 80px);
        overflow-y: auto;
    }
}

@media (max-width: 1450px) {
    .geschaeftskundeninhalt .row.equalize > div.col-60 {
        float: left;
        clear: both;
        width: 100% !important;
    }

    .geschaeftskundeninhalt .row.equalize > div.col-20 {
        width: 48% !important;
        min-height: 10px !important;
        margin-top: 20px;
    }

    .geschaeftskundeninhalt .row.equalize > div.col-60 + div.col-20 {
        margin: 20px 1.5% 0 0.5% !important;
    }

    .geschaeftskundeninhalt .row.equalize .col-20 .frame {
        position: static;
    }

    .geschaeftskundeninhalt h3 {
        margin-bottom: 20px;
    }

    #oben ul.ebene2.right {
        left: 70%;
    }

    #inhaltsbereich > .frame > .rahmen,
    #inhaltsbereich > .frame-type-shortcut.frame-layout-20 > .rahmen > .frame-grauerbalken_neu > .rahmen {
        width: 90%;
        margin: 0 auto;
    }

    #inhaltsbereich > .frame-hintergrundwelle > .rahmen {
        max-width: 100%;
        width: 100%;
        float: left;
        clear: both;
    }

    #inhaltsbereich > .frame-zwischenheaderwelle > .rahmen {
        width: 100%;
        max-width: none;
        margin: 0;
        float: left;
        clear: both;
    }

    #inhaltsbereich > .tx_cn-multicontent.frame-layout-8 > .rahmen {
        max-width: 900px;
    }

    .frame-type-cn_multicontent.frame-layout-8 .col-40 {
        max-width: 400px;
    }
    
    .tx_cn-multicontent.frame-layout-8 .tx_cn-columns[data-cols="2"] .row > div {
        width: 100%;
        float: left;
        clear: both;
    }

    .tx_cn-multicontent.frame-layout-8 .tx_cn-columns[data-cols="2"] .row > div:nth-child(odd) > div, 
    .tx_cn-multicontent.frame-layout-8 .tx_cn-columns[data-cols="2"] .row > div:nth-child(even) > div {
        width: 100%;
        margin: 0;
    }

    .frame-type-cn_multicontent.frame-layout-8 .col-60 .ce-bodytext {
        top: 5px;
        margin-bottom: 30px;
    }

    #inhaltsbereich > .frame-notdienst > .rahmen {
        width: 98%;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    #inhaltsbereich > .frame-interaktivekarte > .rahmen {
        width: 100% !important;
    }

    .frame-interaktivekarte .ce-gallery .ce-row:first-child {
        margin-top: 50px;
    }

    .ce-gallery.respeinsgallery .ce-row {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
        text-align: center;
    }
    
    body:not(.page349,.geschaeftsbericht) .ce-gallery.respeinsgallery .ce-column {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 20px 0;
    }

    .ce-gallery.respeinsgallery .ce-row .image {
        display: inline-block;
    }

    figcaption.image-caption {
        display: block;
    }
    
    #inhaltsbereich > .frame-servicebild > .rahmen {
        width: 100%;
        margin: 0;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext {
        width: 90%;
    }

    #formTarifrechner:has(.frame-wechselhinweis-vor-produktkacheln) + .tarife_ergebnis {
        margin-top: 90px;
    }

    .frame-style-3column .row:has(.frame-flipbox_multicontent) .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] {
        aspect-ratio: 4/3;
    }
}

@media (max-width: 1400px) {
    #footer ul li br {
        display: none;
    }

    .powermail_fieldwrap_type_select .powermail-errors-list {
        position: static;
        float: right;
    }
}

@media (max-width: 1370px) {
    .frame-captionbox .ce-center .ce-gallery[data-ce-columns="2"] .ce-inner .ce-column {
        width: calc(50% - 15px);
        float: left;
    }

    .page349 .news-latest-container {
        margin: -30px 0 0 0;
        width: calc(100% - 172px);
        float: right;
    }

    .page349 .news-latest-container .article {
        width: 48%;
    }

    .page349 .news-latest-container .article:nth-child(3n+0) {
        margin: 0;
    }
}

@media (max-width: 1350px) {
    .headertarifrechner {
        bottom: 90px;
    }
    
    .headertarifrechner .tarifrechner_container:not(.heizstrom) .schritte p.lpheadline {
        font-size: 24px !important;
    }

    .headertarifrechner .frame-privatkundenrechner .jahnstromvorteile ul li {
        font-size: 17px;
        line-height: 1.2em;
    }
}

@media (max-width: 1330px) {
    #inhaltsbereich > .frame-kacheln.frame-type-shortcut {
        margin-top: 20px;
    }

    .tx_cn-multicontent.frame-gruenekacheleingerueckt .tx_cn-columns {
        width: calc(100% - 160px);
    }

    .page349 .news-latest-container {
        margin: 0;
        width: calc(100% - 162px);
    }

    #inhaltsbereich.sub .ce-gallery[data-ce-columns]:not([data-ce-columns="1"]) .ce-column {
        margin-bottom: 15px;
        margin-right: 15px
    }

    #inhaltsbereich.sub .ce-gallery[data-ce-columns]:not([data-ce-columns="1"]) .ce-column:last-child {
        margin-bottom: 0;
        margin-right: 15px
    }
}

@media (max-width: 1300px) {
    #oben span + ul.ebene2 {
        max-width: 40%;
    }
    
    #oben ul.ebene2.right {
        left: 70%;
    }

    #oben ul.gknav li ul.sub {
        max-width: 60%;
    }

    .totop {
        right: 1%;
    }

    .frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div .frame > .rahmen {
        width: 80%;
        margin: 0 10%;
    }

    #inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .ce-gallery {
        width: calc(35% - 10px);
        float: left;
    }

    #inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .aussenrahmen {
        width: 60%;
        max-width: none;
        float: left;
        margin-left: 5%;
        max-width: none;
    }

    #inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .ce-left .ce-bodytext {
        float: left;
        clear: both;
        margin: 0;
        max-width: none;
        width: 90%;
        margin-top: 50px;
    }

    .frame-sliderfoerderprojekte .owl-carousel .owl-nav {
        left: calc(40% - 10px);
        top: 0;
    }

    .ce-textpic.ce-respgallery .ce-gallery {
        width: 100%;
        float: left;
        clear: both;
        margin: 20px 0 0 0;
    }
    /* -- NEU: 2024-01-25 -- */
    .page381 .frame-grauewelle .tx_cn-columns .col-25 {
        width: 50% !important;
    }

    .page381 .frame-grauewelle .tx_cn-columns .col-25 > div {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .page381 .frame-grauewelle .tx_cn-columns .row.equalize {
        height: auto !important;
    }

    .page381 .frame-grauewelle .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+1) > div,
    .page381 .frame-grauewelle .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+3) > div {
        margin-left: 0 !important;
    }

    .page381 .frame-grauewelle .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+2) > div {
        margin-left: 6%;
        margin-right: 0;
    }

    #c4599 {
        margin-top: 0 !important;
    }

    .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] {
        aspect-ratio: 3/2;
    }

    .frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child > .frame {
        overflow: visible;
    }
}

@media (max-width: 1280px) {
    .frame-nurdesktop {
        display: none;
    }

    .frame-nurmobile {
        display: block;
        float: left;
        clear: both;
        width: 100%;
    }

    .frame-space-before-80 {
        margin-top: 60px !important;
    }

    .frame-space-after-80 {
        margin-bottom: 60px !important;
    }

    .frame-space-before-60 {
        margin-top: 50px !important;
    }

    .frame-space-after-60 {
        margin-bottom: 50px !important;
    }

    .frame-grauerbalken_neu {
        padding: 30px 0;
    }

    #header.sub .headerslider .ce-bodytext h3, 
    #header.sub .headerslider .ce-bodytext h3 strong, 
    .page282 #header.sub .headerslider .ce-bodytext h3, 
    .page282 #header.sub .headerslider .ce-bodytext h3 strong {
        font-size: 38px;
    }

    .headerslider .ce-bodytext {
		bottom: 60px;
	}


    .page210 .headerslider .image-caption {
        display: none;
    }

	.headerslider .frame blockquote {
		padding: 70px 40px 0;
		background-size: 100% auto;
		aspect-ratio: 1/1.3;
		min-width: 130px;
	}

    .headerslider .frame-layout-1 blockquote {
        padding: 30px 40px 10px;
    }

    .page775 .headerslider .frame-layout-1 blockquote,
    .page776 .headerslider .frame-layout-1 blockquote {
        padding: 40px 40px 0;
    }

	.headerslider .frame blockquote strong {
		font-size: 32px;
		line-height: 1em;
	}

    .headerslider .frame-layout-1 blockquote strong {
        margin: 5px 0 0 0;
    }

    #oben {
		max-height: 100vh;
		overflow-y: visible;
		/* z-index: 21; */
		z-index: 9999999; /* -- wegen Chatbot notwendig -- */
	}

	#oben.on {
		overflow-y: auto;
	}

	#header {
		margin-top: 115px;
	}

	.mob_button {
		display: block;
	}

	.hnavi {
		display: none;
	}

	.topnavi, .hnavi {
		height: 0px;
		overflow: hidden;
		opacity: 0;
		transition: all 0.3s ease;
		transition-delay: 0.3s;
	}

	.topnavi {
		opacity: 1;
	}

	.mobnavvisible + .mobnavi + .topnavi {
		height: auto;
		margin: 10px 0 40px;
		float: left;
		clear: both;
		width: 100%;
		position: relative;
	}

	#oben ul.qnavi {
		float: left;
		margin: 0;
		width: 100%;
		text-align: left;
		padding: 15px 0 0 0;
	}

	#oben ul.qnavi li {
		display: inline-block;
		float: none;
		clear: none;
		vertical-align: top;
	}

    #oben .login.portal {
		position: fixed;
		top: 32px;
		right: 110px;
		width: 55px !important;
		height: 55px;
		padding: 0;
		background: transparent;
	}

	.login {
		margin: 0 0 20px 1%;
		font-family: var(--fontcondensed);
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 2.1em;
	}

	.login .ce-gallery img {
		width: 34px !important;
		height: auto !important;
	}

	.login.portal .ce-gallery a {
		padding: 11px;
	} 

    #oben .login.portal.innav {
        position: relative;
        width: 260px !important;
        height: auto;
        line-height: 55px;
        /* background-color: var(--gruen); */
        background: var(--accessiblegradientltr);
        text-shadow: 1px 1px 2px var(--accessibleshadow);
        margin: 15px 0 15px 0;
        float: left;
        clear: both;
        transform: translateX(-50%);
        left: 50%;
        top: unset;
        bottom: unset;
	}
    
    #oben .login.portal.innav .frame-portalbox {
        text-shadow: none;
    }

    #oben ul.qnavi .suchlink {
		display: inline-block;
	}

    #oben ul.qnavi .geschaeftskundenlink {
		position: static;
		display: block;
		float: right;
		margin-right: 0;
		overflow: visible;
		width: auto;
	}

    #oben ul.qnavi .geschaeftskundenlink a, 
    #oben ul.qnavi .geschaeftskundenlink a:visited {
        background: var(--accessiblegradientltr);
        text-shadow: 1px 1px 2px var(--accessibleshadow);
		color: var(--weiss);
	}

	#oben ul.qnavi .geschaeftskundenlink a::before {
		content: '';
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(../images/geschaeftskundenbutton.png) left center no-repeat;
		margin: 0 0 -6px 0;
	}

    #oben .login.portal.innav .frame-portalbox {
		position: static;
	}

	#oben .login.portal > .frame-default .ce-bodytext {
		display: none;
	}

	#oben .login.portal.innav > .frame-default .ce-bodytext {
		display: block;
	}

    .frame-portalbox {
		left: auto;
		right: 0;
		top: 50px;
		font-family: var(--fontnormal);
		font-weight: 300;
	}

    .ppbutton {
        position: relative;
        width: calc(260px - 20px) !important;
        padding: 0 10px;
        height: auto;
        margin: 0 0 10px 0;
        float: left;
        clear: both;
        transform: translateX(-50%);
        left: 50%;
        top: unset;
        bottom: unset;
        background-color: var(--tuerkis);
        line-height: 35px;
    }

	.logo {
		float: left;
	}

	.slidein, 
    .gknavclose {
		display: none !important;
	}

	.lp .slidein {
		display: block !important;
	}

    .page1 .frame-warnung.resp {
        display: block;
        float: left;
        clear: both;
        background: var(--bgblau);
        color: var(--weiss);
        max-width: 100%;
        width: 66%;
        margin: 30px 15% 0;
        padding: 30px 2%;
    }

    .frame-warnung.resp .ce-gallery {
        display: none;
    }

    .frame-warnung.resp a {
        color: var(--weiss);
    }

	#oben ul.qnavi a {
		display: block;
		padding: 0 12px;
		background: var(--schwarztrans01);
	}
    
    .frame-servicebild .ce-gallery {
        width: 90%;
        margin: 0 5% -40px 0;
        max-height: 460px;
    }

    #inhaltsbereich > .frame-bildaussen > .rahmen {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .frame-bildaussen > .rahmen::before,
    .frame-bildaussen.frame-layout-1 > .rahmen::before {
        top: 300px;
        /* left: 8%; */
        left: -2%;
    }

    .frame-bildaussen > .rahmen::after,
    .frame-bildaussen.frame-layout-1 > .rahmen::after {
        top: 270px;
        /* left: 15%; */
        left: 7%;
    }

    .frame-bildaussen .ce-gallery {
        width: 75%;
        max-width: 94%;
        position: static;
        margin: 0 0 40px 0 !important;
        max-height: 400px;
    }

    .frame-bildaussen.frame-layout-2 .ce-right .ce-gallery {
        max-height: 500px;
    }

    .frame-bildaussen.frame-layout-2 .ce-right .ce-gallery img {
        margin-top: -50px;
    }

    .frame-bildaussen .ce-left .ce-bodytext {
        float: left;
        max-width: unset;
        min-height: unset;
        width: 90%;
        margin: 0 5%;
        clear: both;
        padding-bottom: 0;
    }

    .frame-bildaussen .ce-bodytext, 
    .frame-bildaussen.frame-layout-12 .ce-left .ce-bodytext {
        float: none;
        margin: 0 auto;
        width: 90%;
        max-width: 1332px;
        clear: both;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-gallery::after {
        background-size: 120%;
    }

    .frame-nahwaermekarte .ce-bodytext {
        overflow-x: auto;
    }

    .newsdetailcontent .frame-countereffekt .tx_cn-columns .row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .newsdetailcontent .frame-countereffekt .tx_cn-columns .row .col-100 {
        max-width: 420px;
    }

    .blogdetail .newsdetailcontent > .frame-countereffekt .tx_cn-columns {
        padding: 0;
    }

    .blogdetail .newsdetailcontent > .frame-countereffekt > .rahmen {
        width: 86% !important;
    }

    .newsdetailcontent .frame-bildaussen .ce-gallery {
        width: auto;
        max-width: unset;
        float: left;
        clear: both;
        position: relative;
        left: 50%;
        right: auto;
        top: auto;
        bottom: auto;
        transform: translateX(-50%);
        border-radius: 50px;
        border: 3px solid var(--gruen);
        max-width: 90%;
    }

    .newsdetailcontent .frame-bildaussen .ce-right .ce-gallery img, 
    .newsdetailcontent .frame-bildaussen .ce-left .ce-gallery img {
        max-width: 102% !important;
    }

    .newsdetailcontent .frame-bildaussen .ce-bodytext {
        min-height: unset;
    }

    .blogdetail .newsdetailcontent > .frame-grauewelle .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
        margin: -5px 0 0 40px;
        max-width: 30%;
    }

    .frame-hausanschluss-zeitstrahl {
        margin: -20px 0 60px 0 !important;
    }

    .frame-hausanschluss-zeitstrahl .col-100 {
        width: 100% !important;
        float: left;
        clear: both;
    }

    .frame-hausanschluss-zeitstrahl .col-100 .ce-bodytext {
        width: 48%;
        float: left;
        clear: both;
        left: 0;
        margin: 0 2% 0 0;
        text-align: right;
    }

    .frame-hausanschluss-zeitstrahl .col-100 .ce-bodytext p {
        width: 100%;
    }

    .frame-hausanschluss-zeitstrahl .col-100 .ce-bodytext p::after {
        display: none;
    }

    .frame-hausanschluss-zeitstrahl .col-100 header {
        width: 48%;
        float: right;
        left: 0;
        text-align: left;
    }

    .frame-hausanschluss-zeitstrahl .col-100 header::after {
        left: -4%;
        top: 1.7em;
    }

    .frame-hausanschluss-zeitstrahl .row::before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background: var(--bgblau);
        position: absolute;
        top: 40px;
        left: 50%;
    }    

    .frame-hausanschluss-zeitstrahl .row::after {
        border-width: 10px 7px 0px 7px;
        border-color: var(--bgblau) transparent transparent transparent;
        right: auto;
        top: auto;
        bottom: -41px;
        left: calc(50% - 7px);
    }
    
    .footerinhalt .frame-type-menu_subpages ul {
        width: 85%;
        column-count: 2;
	}
}

@media (max-width: 1200px) {
    /* -- Tarifrechner im Header -- */
    .headertarifrechner {
        position: relative;
        bottom: auto;
        z-index: 3;
        left: auto;
    }
    
    .lp .headertarifrechner .tx-cn-rewag-tarifrechner {
        position: static;
        float: left;
        clear: both;
        max-width: unset;
        margin: 0;
    }

    .headertarifrechner .frame-privatkundenrechner .tarifrechner_container {
        margin: 0 0 50px;
        float: left;
        clear: both;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .headertarifrechner #formTarifrechner {
        margin-top: -100px;
    }

    /* ---------------------------- */

    .headerslider .ce-bodytext h3, 
    .headerslider .ce-bodytext h5,
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h3,
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h5 {
        font-size: 36px;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }
    
    .headerslider .ce-bodytext h5 {
        margin: -10px 0 -15px 0;
    }

    .headerslider .ce-bodytext h5 + p {
        margin: 0;
    }

    .headerslider .ce-bodytext h3 strong, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h5 strong {
        font-size: 38px;
    }

    .headerslider .ce-bodytext, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext {
        left: 2%;
        padding: 30px 25px;
        font-size: 20px;
    }

    .headerslider .ce-bodytext p a.more_ge {
        font-size: 18px;
    }

	.page287 .headerslider .ce-bodytext h1 strong {
		height: 75px;
		background-size: 180px auto;
	}

    .magazin {
        margin: -280px 0 0 0;
    }

    .page211 .frame-stoereraktionsseite, 
    .page260 .frame-stoereraktionsseite {
        width: 100% !important;
        position: static;
        margin: 20px 0 20px 0;
    }

    #inhaltsbereich.sub > .frame-inhaltsverzeichnis {
        margin: 20px 0 0 0;
    }

    #inhaltsbereich.sub > .frame-zielinhalt, 
    .frame-zielinhalt::before {
        padding-top: 100px;
    }

    #inhaltsbereich.sub > .frame-zielinhalt.frame-layout-1, 
    .frame-zielinhalt.frame-layout-1::before {
        padding-top: 0;
    }
 
    #inhaltsbereich.sub > .frame-zielinhalt.frame-layout-2, 
    .frame-zielinhalt.frame-layout-2::before {
        padding-top: 30px;
    }

    .umzug #inhaltsbereich.sub > .frame-zielinhalt {
        padding-top: 80px;
    }

    .umzug .frame-zielinhalt .ce-bodytext h2, 
    .posteeg .frame-zielinhalt .ce-bodytext h2 {
        padding-top: 0px;
    }

    .umzug .frame-zielinhalt .ce-bodytext h2 strong em, 
    .posteeg .frame-zielinhalt .ce-bodytext h2 strong em {
        top: -20px;
    }

    .page287 .headerslider .ce-bodytext h1 strong {
        height: 75px;
        background-size: 180px auto;
    }

    .page329 #inhaltsbereich.sub > .frame-zielinhalt, 
    .page329 .frame-zielinhalt::before {
        padding-top: 0;
    }

    #e-mobility-charging-station-map .consentbox {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .frame-style-3column.frame-layout-40 .tx_cn-columns[data-cols="3"] .row {
        display: inline;
        float: none;
        clear: none;
    }

    .frame-style-3column.frame-layout-40 .tx_cn-columns .row .col-33 {
        width: 50%;
    }

    .frame-style-3column.frame-layout-40 .tx_cn-columns[data-cols="3"] .row > div {
        clear: none;
    }

    .frame-style-3column.frame-layout-40 .tx_cn-columns[data-cols="3"] .row > div:nth-child(3n+0) > div {
        width: 98%;
        margin-right: 2%;
        margin-left: 0;
    }

    .frame-style-3column.frame-layout-40 .tx_cn-columns[data-cols="3"] .row > div:nth-child(2n+0) > div {
        width: 98%;
        margin-right: 0;
        margin-left: 2%;
    }
    
    .frame-bildaussen.frame-layout-2 .ce-right .ce-gallery img {
        margin-top: -30px;
    }
}

@media (max-width: 1190px) {
    #inhaltsbereich > .frame-maxwidth1080 > .rahmen {
        max-width: 625px;
    }

    .frame-musterrechnung {
        margin: 0 0 30px 0 !important;
    }

    .frame-type-shortcut > .rahmen > .frame-musterrechnung + .frame, 
    .frame-type-shortcut > .rahmen > .frame-musterrechnung + .frame .ce-textpic {
        width: 100%;
        text-align: center;
    }

    .frame-type-shortcut > .rahmen > .frame-musterrechnung + .frame .ce-gallery {
        display: inline-block;
        float: none;
    }
}

@media (max-width: 1170px) {
    .magazin {
        margin: -22% 10% 0 10%;
        width: 80%;
    }

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

    .frame-blauerbalken.frame-type-shortcut.anzahl3 > .rahmen > .frame-type-textmedia {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 20px 0;
    }
}

@media (max-width: 1150px) {
    .frame-multicontent-kontaktspalte.tx_cn-multicontent a.more_ge {
        padding: 10px 60px 10px 18px;
    }

    #inhaltsbereich > .frame-contentslider.frame-grauerbalken_neu, 
    .page1 #inhaltsbereich > .frame-contentslider.frame-grauerbalken_neu {
        width: 100%;
        float: left;
        clear: both;
    }

    .page612 .tx_cn-columns .ce-bodytext .contenttable td img,
    .page613 .tx_cn-columns .ce-bodytext .contenttable td img,
    .page614 .tx_cn-columns .ce-bodytext .contenttable td img {
        max-width: 70px;
    }

    .page612 .tx_cn-columns .ce-bodytext .contenttable td ul.floating-ul,
    .page612 .tx_cn-columns .ce-bodytext .contenttable td ul.floating-ul + ul.floating-ul,
    .page613 .tx_cn-columns .ce-bodytext .contenttable td ul.floating-ul,
    .page613 .tx_cn-columns .ce-bodytext .contenttable td ul.floating-ul + ul.floating-ul,
    .page614 .tx_cn-columns .ce-bodytext .contenttable td ul.floating-ul,
    .page614 .tx_cn-columns .ce-bodytext .contenttable td ul.floating-ul + ul.floating-ul {
        float: left;
        clear: both;
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 1130px) {
    .frame-kacheln.frame-type-shortcut > .rahmen > .frame {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 15px 0;
    }

    /* -- Kundendienst Bild So geht's -- */
    .page263 .ce-border .ce-row:nth-child(1) {
        display: none;
    }

    .page263 .ce-border .ce-row:nth-child(2) {
        display: block;
    }

    .ui-accordion-content .frame-nahwaermekarte .contenttable,
    .ui-accordion-content .frame-nahwaermekarte .contenttable .link-download {
        font-size: 13px;
    }

    .ui-accordion-content .frame-nahwaermekarte .contenttable td:last-child {
        width: 405px;
        text-align: left;
    }
}

@media (max-width: 1100px) {
    .frame-blauerbalken.frame-type-shortcut > .rahmen > .frame-type-textmedia, 
    #inhaltsbereich.sub > .frame-blauerbalken.frame-type-menu_categorized_content .frame-type-textmedia {
        display: inline-block;
        float: none;
        clear: none;
        margin-bottom: 30px;
        vertical-align: top;
    }

    .frame-zwischenheaderwelle + .frame-zielinhalt + .frame .ce-bodytext .contenttable td > img {
        width: 60px;
        height: auto;
    }

    .frame-bildkacheln .row > div > .frame header {
        padding: 5px 20px;
    }

    /* .frame-style-3column .row:has(.frame-flipbox_multicontent) .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] {
        aspect-ratio: 4/3;
    } */

    .tx_cn-multicontent.frame-style-3column .tx_cn-columns:has(.frame-flipbox_multicontent) {
        max-width: 620px;
        margin: 0 auto;
        float: none;
    }

    .frame-style-3column .row:has(.frame-flipbox_multicontent) > div {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .frame-style-3column .row:has(.frame-flipbox_multicontent) > div > div,
    .frame-style-3column .tx_cn-columns[data-cols="3"] .row:has(.frame-flipbox_multicontent) > div:nth-child(2n+0) > div,
    .frame-style-3column .tx_cn-columns[data-cols="3"] .row:has(.frame-flipbox_multicontent) > div:nth-child(3n+0) > div {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .frame-style-3column .tx_cn-columns[data-cols="3"] .row .frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext {
        width: 100%;
        margin: 0;
        padding: 15px 0 calc(15px - 0.6em);
        font-size: 18px;
        line-height: 1.4em;
    }

    .frame-style-3column .tx_cn-columns[data-cols="3"] .row .frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child .ce-bodytext h4 {
        display: none;
    }

    .frame-style-3column .frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child > .frame > .rahmen {
        margin: 30px 5%;
    }

    .frame-style-3column .row:has(.frame-flipbox_multicontent) + .row {
        margin-top: 0;
    }

    .frame-style-3column .frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext::after {
        display: none;
    }

    .frame-style-3column .row:has(.frame-flipbox_multicontent) .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] {
        aspect-ratio: unset;
    }

    .frame-style-3column .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] .row {
        position: static;
        width: 100%;
        height: 100%;
        transition: none;
        transform-style: unset;
    }
    
    .frame-style-3column .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"]:hover .row {
        transform: none;
        transition: none;
    }
    
    .frame-style-3column .frame-flipbox_multicontent.frame-style-2column .row > .col-100 {
        backface-visibility: unset;
        position: static;
    }
    
    .frame-style-3column .frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child {
        transform: none;
    }

    .frame-style-3column .frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child > .frame {
        aspect-ratio: unset;
    }
}

@media (max-width: 1070px) {
    #oben .login.portal.innav .frame-portalbox {
        position: static;
    }

    #oben .login.portal.act {
        background: var(--accessiblegradientrtl);
    }

    .headerslider .ce-bodytext, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext {
        position: relative;
        float: none;
        clear: both;
        width: 100%;
        max-width: 100%;
        min-height: 130px;
        padding: 40px 0;
        margin: 0 auto;
        top: 0;
        left: unset;
        right: unset;
        bottom: unset;
        text-align: center;
    }

    .headerslider .ce-bodytext ul, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext ul {
        float: none;
        width: auto;
        display: inline-block;
        margin: 0 auto;
        text-align: left;
    }

    .headerslider .frame::before {
        display: none;
    }

    .headerslider .ce-bodytext h3 {
        display: inline-block;
    }

    .headerslider .ce-bodytext h1, 
    .headerslider .ce-bodytext h3 {
        margin: 0 5% 20px;
        width: 90%;
    }

    .page1 .headerslider {
        background: var(--bgblau);
    }

    #header.sub .headerslider .ce-bodytext {
        margin-left: auto;
        margin-right: auto;
        padding: 40px 0;
        width: 100%;
        max-width: 100%;
        bottom: unset;
        top: 0;
    }

    .headerslider .frame-layout-6 .ce-bodytext, 
    .headerslider .ce-bodytext {
        left: auto;
        right: auto;
        min-height: 130px;
    }

    .headerslider .frame blockquote, 
    .headerslider .frame-layout-6 blockquote {
        left: auto;
        top: auto;
        right: 2%;
        bottom: 0px;
    }

    .headerslider .frame-layout-1 blockquote {
        display: none;
    }

    .frame-layout-20 .ce-textpic.ce-left .ce-gallery, 
    .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery.ce-border {
        max-width: 120px;
        margin-right: 20px;
    }

    #inhaltsbereich .frame-ablauficons .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery.ce-border {
        max-width: 130px;
        margin-right: 40px;
    }

    .frame-layout-20 .ce-textpic.ce-left.ce-respgallery .ce-gallery, 
    .ce-textpic.ce-left.ce-intext.ce-respgallery .ce-gallery.ce-border {
        display: none;
    }

    .page607 .ce-textpic.ce-left.ce-intext.ce-respgallery {
        display: flex;
        flex-direction: column-reverse;
    }

    .page607 .ce-textpic.ce-left.ce-intext.ce-respgallery .ce-gallery.ce-border {
        display: block;
        width: 100%;
        max-width: unset !important;
    }

    .page607 .ce-textpic.ce-left.ce-intext.ce-respgallery .ce-gallery.ce-border[data-ce-images="2"] .ce-row {
        float: left;
        clear: none;
        margin: 0 10px 10px 0;
    }

    .frame-pervorteilbox .tx_cn-columns .row > div > div, 
    .frame-pervorteilbox .tx_cn-columns[data-cols="3"] .row > div > div, 
    .frame-pervorteilbox .tx_cn-columns[data-cols="3"] .row > div:nth-child(2n+0) > div, 
    .frame-pervorteilbox .tx_cn-columns[data-cols="3"] .row > div:nth-child(3n+0) > div, 
    .frame-pervorteilbox .tx_cn-columns[data-cols="2"] .row > div:nth-child(even) > div {
        width: 100%;
        margin: 0;
    }

    .frame-pervorteilbox.frame-layout-1 .frame .ce-bodytext {
        padding-bottom: 0 !important;
        margin-bottom: 40px;
    }

    .klicker_more_auf {
        margin: -10px 0 40px 0;
    }

    .frame-pervorteilbox.tx_cn-multicontent .tx_cn-columns .row:not(.owl-carousel) > div {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 40px 0;
    }

    .frame-pervorteilbox .tx_cn-columns {
        margin: 0 auto;
        float: none;
    }

    body:not(.page1) .frame-pervorteilbox .tx_cn-columns {
        max-width: 500px;
    }

    .page287 .frame-pervorteilbox .tx_cn-columns {
        max-width: 100%;
        margin: 0;
        float: left;
        clear: both;
    }

    .frame-pervorteilbox.tx_cn-multicontent .tx_cn-columns .row.equalize, 
    .frame-pervorteilbox.tx_cn-multicontent .tx_cn-columns .row.equalize > div {
        height: auto !important;
    }

    .frame-zwischenheaderwelle::after {
        background-size: 130% auto;
        padding-bottom: 11%;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-bodytext {
        top: -30px;
    }

    .page349 .frame-pervorteilbox .tx_cn-columns .row + .row {
        margin: 0;
    }

    .frame-pervorteilbox.tx_cn-multicontent .tx_cn-columns .row > div {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 40px 0;
    }

    .frame-pervorteilbox.frame-layout-1 .tx_cn-columns[data-cols="1"] .owl-carousel .klicker_more_auf {
        margin-bottom: 0;
    }

    .geschaeftsbericht #inhaltsbereich > .frame-type-cn_multicontent .tx_cn-columns[data-cols="3"] .row {
        margin: 0;
    }

    .geschaeftsbericht #inhaltsbereich > .frame-type-cn_multicontent .tx_cn-columns[data-cols="3"] .row > div {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 30px 0;
    }

    .geschaeftsbericht #inhaltsbereich > .frame-type-cn_multicontent .tx_cn-columns[data-cols="3"] .row:last-child > div:last-child {
        margin: 0;
    }

    .geschaeftsbericht #inhaltsbereich > .frame-type-cn_multicontent .tx_cn-columns[data-cols="3"] .row > div > div {
        width: 100%;
        float: left;
        clear: both;
        margin-left: 0;
        margin-right: 0;
    }

    .geschaeftsbericht #inhaltsbereich > .frame-type-cn_multicontent .tx_cn-columns[data-cols="3"] {
        max-width: 600px;
        float: none;
        margin: 0 auto;
    }

    .headerslider .ce-bodytext img,
    .headerslider.owl-carousel .owl-item .ce-bodytext img {
        max-height: 150px;
    }
}

@media (max-width: 1060px) {
    h1, 
    h2, 
    .frame-blauerbalken.frame-type-shortcut h2, 
    #inhaltsbereich > .frame-filterkachelboxen .cn_multicontent_teaser h2,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed {
        font-size: 34px;
        line-height: 1.1em;
    }

    h1 strong, 
    h2 strong, 
    .frame-blauerbalken.frame-type-shortcut h2 strong,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed strong {
        font-weight: 700;
        font-size: 36px;
        line-height: 1.1em;
    }

    h3,
    .frame-auszeichnungen header > strong,
    p.wieh3 {
        font-size: 34px;
    }

    h3 > a.more_ge::after {
        height: 44px !important;
    }

    #header.sub .headerslider .ce-bodytext h1, 
    #header.sub .headerslider .ce-bodytext h1 strong, 
    #header.sub .headerslider .ce-bodytext h3, 
    #header.sub .headerslider .ce-bodytext h3 strong, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h1,
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h1 strong, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h3, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h3 strong {
        font-size: 28px;
    }

    .magazin {
        margin-top: -22%;
    }
 
    .magazin .ce-gallery {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 !important;
    }
 
    .magazin .ce-gallery .image {
        display: block;
    }
 
    .magazin .ce-gallery .image img {
        max-width: 100%;
        height: auto;
    }

    .news-latest-container.owl-carousel .owl-nav {
        width: 30%;
        position: absolute;
        right: 0;
        bottom: -30px;
        display: block;
        text-align: right;
    }

    .frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-next, 
    .frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-prev, 
    .frame-contentslider .owl-carousel .owl-nav .owl-prev, 
    .frame-contentslider .owl-carousel .owl-nav .owl-next, 
    .frame-geheimtippslider .owl-carousel .owl-nav .owl-prev, 
    .frame-geheimtippslider .owl-carousel .owl-nav .owl-next, 
    .news-latest-container.owl-carousel .owl-nav .owl-prev, 
    .news-latest-container.owl-carousel .owl-nav .owl-next, 
    .frame-themensliderfoerderung .owl-carousel .owl-nav .owl-prev, 
    .frame-themensliderfoerderung .owl-carousel .owl-nav .owl-next, 
    .frame-pervorteilbox .owl-carousel .owl-nav .owl-prev, 
    .frame-pervorteilbox .owl-carousel .owl-nav .owl-next {
        background: url(../images/pfeil-links.svg) center center no-repeat var(--gruen);
        background-size: auto;
        background-size: auto 15px;
        width: 35px;
        height: 25px;
        border-radius: 10px 0 0 10px;
        display: inline-block;
        opacity: 0.8;
        transition: all 0.3s ease;
    }

    .frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-next, 
    .frame-contentslider .owl-carousel .owl-nav .owl-next, 
    .frame-geheimtippslider .owl-carousel .owl-nav .owl-next, 
    .news-latest-container.owl-carousel .owl-nav .owl-next, 
    .frame-themensliderfoerderung .owl-carousel .owl-nav .owl-next, 
    .frame-pervorteilbox .owl-carousel .owl-nav .owl-next {
        background: url(../images/pfeil-rechts.svg) center center no-repeat var(--gruen);
        background-size: auto;
        background-size: auto 15px;
        border-radius: 0 10px 10px 0;
        margin-left: 3px;
    }

    .frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-next span, 
    .frame-sliderfoerderprojekte .owl-carousel .owl-nav button.owl-prev span, 
    .frame-contentslider .owl-carousel .owl-nav .owl-prev span, 
    .frame-contentslider .owl-carousel .owl-nav .owl-next span, 
    .frame-geheimtippslider .owl-carousel .owl-nav .owl-prev span, 
    .frame-geheimtippslider .owl-carousel .owl-nav .owl-next span, 
    .news-latest-container.owl-carousel .owl-nav .owl-prev span, 
    .news-latest-container.owl-carousel .owl-nav .owl-next span, 
    .frame-themensliderfoerderung .owl-carousel .owl-nav .owl-prev span, 
    .frame-themensliderfoerderung .owl-carousel .owl-nav .owl-next span, 
    .frame-pervorteilbox .owl-carousel .owl-nav .owl-prev span, 
    .frame-pervorteilbox .owl-carousel .owl-nav .owl-next span {
        display: none;
    }

    .news-list-container .article,
    .news-list2-container .article {
        width: 46% !important;
        margin: 0 0 40px 0 !important;
        padding-left: 0;
        padding-right: 0;
    }

    .news-list-container .article:nth-child(2n+1),
    .news-list2-container .article:nth-child(2n+1) {
        margin-right: 4% !important;
    }

    .frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div:nth-child(2) >::before,
	.frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div:nth-child(2) >::after {
		display: none;
	}

    .frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div {
        width: 100%;
        margin: 0;
        float: left;
        clear: both;
    }

    .frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div >::before {
        left: 0;
    }

    .tx_cn-multicontent.frame-gruenekacheleingerueckt .tx_cn-columns {
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable tr {
        background: var(--fastweiss);
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable:has(th) tr {
        background: none;
        margin-left: 0;
    }

    .frame-kacheln .contenttable:has(th)[style="width:90%"] {
        width: 100% !important;
    }
    
    .frame-kacheln .contenttable td:last-child {
        width: calc(100% - 150px);
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable:has(th) td:last-child {
        margin: 0;
        width: calc(100% - 150px);
        padding: 10px 0 0 0;
    }

    .news-latest-container .article {
        width: 100% !important;
        margin: 0 0 40px 0 !important;
        padding-left: 0;
        padding-right: 0;
    }

    .news-latest-container .article:nth-child(2n+1) {
        margin-right: 4% !important;
    }

    .blogdetail .newsdetailcontent .frame-default .ce-textpic.ce-left.ce-intext .ce-gallery,
    .blogdetail .newsdetailcontent .frame-default .ce-textpic.ce-right.ce-intext .ce-gallery {
        max-width: 45%;
    }
}

@media (max-width: 1050px) {
    .frame-textboxmitbild .tx_cn-columns .row > div {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 50px 0;
    }

    .frame-textboxmitbild .tx_cn-columns .row > div:nth-child(odd) > div, 
    .frame-textboxmitbild .tx_cn-columns .row > div:nth-child(even) > div, 
    .frame-textboxmitbild .tx_cn-columns .row > div > div {
        width: 100%;
        margin: 0;
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen {
        width: 87%;
    }

    .frame-multicontent-kontaktspalte.tx_cn-multicontent .tx_cn-columns .row > div:not(.col-100) {
        width: 100% !important;
        float: left;
        clear: both;
        margin-bottom: 20px;
    }

    .frame-multicontent-kontaktspalte.tx_cn-multicontent .tx_cn-columns .row > div > div, 
    .frame-multicontent-kontaktspalte.tx_cn-multicontent .tx_cn-columns .row > div:nth-child(2n) > div, 
    .frame-multicontent-kontaktspalte.tx_cn-multicontent .tx_cn-columns .row > div:nth-child(2n+1) > div {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
        margin-bottom: 0px;
    }

    .frame-ablauficons.frame-layout-1 .ce-border, 
    .page211 .frame-ablauficons.frame-layout-1 .ce-border, 
    .frame-ablauficons.frame-layout-3 .ce-border, 
    .page260 .frame-ablauficons.frame-layout-1 .ce-border {
        min-height: 160px;
    }

    .umzug .frame-ablauficons .ce-border .ce-row::before, 
    .posteeg .frame-ablauficons .ce-border .ce-row::before, 
    .frame-ablauficons .ce-border .ce-row::before,
    .frame-ablauficons.frame-layout-23 .ce-border .ce-row::before {
        left: 75px;
    }

    .frame-ablauficons .ce-gallery img {
        width: 80px !important;
        height: auto !important;
    }
}

@media (max-width: 1020px) {
    /* -- Tarifrechner im Header -- */
    .headertarifrechner .formfelder {
        margin: 0 3%;
        max-width: unset;
        float: left;
    }

    .lp .headertarifrechner .tarifrechner_container:not(.heizstrom) .schritte {
        margin: 30px 4% 25px;
    }
    /* ---------------------------- */

    * {
        -webkit-text-size-adjust: none;
    }

    #inhaltsbereich.sub > .frame-type-login .tx-felogin-pi1 {
        padding: 20px;
        border-radius: 20px;
    }

    .page277 #inhaltsbereich {
        padding-bottom: 80px;
    }

    .powermail_fieldwrap.powermail_fieldwrap_type_input {
        margin: 8px 0;
    }

    .powermail_label, 
    .powermail_field, 
    .powermail_form_69.layout1 .powermail_label,
    .powermail_form_69.layout1 .powermail_field {
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-flipbox > .rahmen > .frame, 
    .umzug .frame-flipbox > .rahmen > .frame, 
    .umzug .frame-flipbox > .rahmen > .frame:nth-child(3n+2), 
    .umzug .frame-flipbox > .rahmen > .frame:nth-child(even), 
    .frame-flipbox.frame-layout-1 > .rahmen > .frame, 
    .frame-flipbox.frame-layout-2 > .rahmen > .frame {
        width: 80%;
        float: left;
        clear: both;
        margin: 0 10% 30px 10% !important;
        display: block;
    }

    .frame-flipbox > .rahmen > .frame header::after {
        display: none;
    }

    .frame-flipbox > .rahmen > .frame header {
        width: 80%;
        margin: -20px 0 0;
    }

    .frame-flipbox > .rahmen > .frame .ce-bodytext {
        height: auto !important;
    }

    .front, .back {
        backface-visibility: unset;
        position: static;
    }

    .back {
        transform: none;
        transition: none;
        opacity: 1;
        float: left;
        clear: both;
        display: block;
        margin-top: -20px;
        padding-top: 40px !important;
    }

    .frame-flipbox > .rahmen > .frame:hover .image img {
        transform: none;
    }

    .frame-interaktivekarte .tx_cn-columns .row .col-25, 
    .lp .frame-interaktivekarte .tx_cn-columns .row > div {
        width: 50% !important;
        margin: 15px 0;
    }

    .lp .frame-interaktivekarte .tx_cn-columns .row > div {
        clear: left;
        float: left;
        margin: 15px 0;
        width: 100% !important;
    }

    .frame-interaktivekarte .ce-gallery .ce-row:first-child {
        margin-top: 0;
    }
    
    .frame-bildaussen .ce-gallery {
        width: 100%;
    }

    .frame-kuendigungsformular .powermail_fieldwrap_type_textarea.layout2 .powermail_field {
        width: 100%;
    }

    #inhaltsbereich > .frame-zwischenheaderwelle + .frame-space-before-minus20 {
        margin-top: 0px !important;
    }

    #inhaltsbereich > .frame-inhaltsverzeichnis > .rahmen {
        width: 96%;
        padding: 20px 2%;
    }

    #inhaltsbereich.sub > .frame-inhaltsverzeichnis.fixedmenu {
        max-width: 105px;
    }

    .frame-inhaltsverzeichnis.fixedmenu h3, 
    .frame-inhaltsverzeichnis.fixedmenu h4, 
    .frame-inhaltsverzeichnis.fixedmenu header strong {
        font-size: 22px;
        background-size: 15px 15px;
    }

    .frame-inhaltsverzeichnis.fixedmenu h3[data-toggled="on"], 
    .frame-inhaltsverzeichnis.fixedmenu h4[data-toggled="on"] {
        background-size: 15px 12px;
    }

    .page349 .news-latest-container {
        width: calc(100% - 112px);
    }

    .page287 .headerslider .ce-bodytext h1 strong {
        height: 65px;
        background-size: 150px auto;
        margin-top: 15px;
    }    

    .news.news-single .news-img-wrap.owl-carousel {
        margin: 40px 0 30px 30px;
    } 

    .frame-bodytextmaxwidth.frame-layout-11 .ce-left.ce-intext,
    .frame-bodytextmaxwidth.frame-layout-11 .ce-right.ce-intext,
    .frame-bodytextmaxwidth.frame-layout-11 .rahmen,
    .frame-bodytextmaxwidth.frame-layout-11 .rahmen {
        min-height: unset;
    }

    .frame-type-shortcut > .rahmen > .frame-layout-11 + .frame-type-cn_multicontent.frame-space-before-minus20 {
        margin-top: 10px !important;
    }

    .frame-bodytextmaxwidth.frame-layout-11 .ce-left.ce-intext .ce-bodytext,
    .frame-bodytextmaxwidth.frame-layout-11 .ce-right.ce-intext .ce-bodytext {
        float: left;
        clear: both;
        max-width: 100% !important;
        overflow: visible;
    }

    .frame-bodytextmaxwidth.frame-layout-11 .ce-left.ce-intext .ce-bodytext h3,
    .frame-bodytextmaxwidth.frame-layout-11 .ce-right.ce-intext .ce-bodytext h3 {
        margin: -100px 0 40px 110px;
    }

    .frame-bodytextmaxwidth.frame-layout-11 .ce-right.ce-intext .ce-bodytext .text-right {
        text-align: left !important;
    }

    .frame-bodytextmaxwidth.frame-layout-11 .ce-right.ce-intext .ce-gallery,
    .frame-bodytextmaxwidth.frame-layout-11 .ce-left.ce-intext .ce-gallery {
        margin: 0 !important;
        max-width: 90px !important;
        float: left;
    }

    .frame-bodytextmaxwidth.frame-layout-11::before {
        top: -30px;
        left: 10px !important;
        right: auto !important;
        width: 130px;
        height: 130px;
    }

    .frame-bodytextmaxwidth.frame-layout-11::after {
        display: none;
    }

    .blogdetail .newsdetailcontent > .frame-grauewelle .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery,
    .blogdetail .newsdetailcontent > .frame-grauewelle .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
        margin: 0;
        max-width: unset;
        float: none;
        clear: both;
    }

    .blogdetail .newsdetailcontent > .frame-grauewelle .ce-textpic.ce-right.ce-intext.ce-nowrap {
        display: flex;
        flex-direction: column-reverse;
    }

    .blogdetail .newsdetailcontent > .frame-grauewelle .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {
        margin: 0 0 20px 0;
    }

    .frame-iconaccordion.frame-style-1column[data-toggled="on"] .tx_cn-columns > .row > .col-100 .frame-heizstromlink {
        width: 100%;
        max-width: unset;
        margin: -20px 0 0;
        float: left;
        clear: both;
    }

    .lp #inhaltsbereich.sub > .frame-privatkundenrechner.frame-layout-10 + .frame-heizstromlink {
        margin-top: -40px;
    }

    .lp .frame-privatkundenrechner.frame-layout-10 + .frame-heizstromlink > .rahmen {
        max-width: unset !important;
        float: left;
        clear: both;
        width: 100%;
    }

    .tarifrechner_container > .frame-wechselhinweis-vor-produktkacheln {
        top: calc(100% + 35px);
        left: 0;
    }

    #formTarifrechner:has(.frame-wechselhinweis-vor-produktkacheln) + .tarife_ergebnis {
        margin-top: 100px;
    }

    .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] {
        aspect-ratio: 4/3;
    }

    .tariftyp_strom::after, 
    .tariftyp_gas::after, 
    .tariftyp_heizstrom::after,
    .rechner-heizstromlink span.heizstrom-vorauswahl::after {
        display: none;
    }

    .page1 .auswahl_tariftyp .tab_tariftyp, 
    .page1 .rechner-heizstromlink a, 
    .auswahl_tariftyp .tab_tariftyp, 
    .rechner-heizstromlink a, 
    .rechner-heizstromlink span.heizstrom-vorauswahl, 
    .page1 .rechner-heizstromlink span.heizstrom-vorauswahl {
        padding: 10px 20px;
    }

    .frame-datensatz_rechner_kompakt .frame-privatkundenrechner .tarifrechner_container {
        max-width: 765px;
    }

    .frame-datensatz_rechner_kompakt .tarifrechner_container .formfelder {
        max-width: unset;
    }

    .frame-datensatz_rechner_kompakt .tarifrechner_container .formfelder #feld_ort,
    .frame-datensatz_rechner_kompakt .tarifrechner_container .formfelder .feld_privat,
    .frame-datensatz_rechner_kompakt .tarifrechner_container .formfelder .feld_gewerbe,
    .frame-datensatz_rechner_kompakt .tarifrechner_container .formfelder .feld_verbrauch {
        max-width: 260px;
        float: none;
        clear: both;
        margin: 10px auto !important;
    }

    .frame-datensatz_rechner_kompakt .tarifrechner_container .formfelder .ce-bodytext {
        margin: 30px 0 0 0;
    }
}

@media (max-width: 999px) {
    #hsagChatbot:not(.open) {
        right: 10px !important;
    }

    #hsagChatbot:has(.speechBubbles) {
        right: 50px !important;
    }
}

@media (max-width: 999px) and (max-height: 720px) {
    #hsagChatbot:not(.open) {
        right: 50px !important;
    }
}

@media (max-width: 991px) {
    .page349 .news-latest-container {
        width: 100%;
    }
}

@media (max-width: 990px) {
    #header.sub .headerslider .ce-bodytext, 
    .page1 #header .headerslider .ce-bodytext, 
    .headerslider .ce-bodytext, 
    .page282 #header.sub .headerslider .ce-bodytext {
        padding: 30px 0;
    }
}

@media (max-width: 980px) {
    .frame-blauerbalken.frame-type-shortcut.anzahl4 > .rahmen > .frame-type-textmedia, 
    .frame-blauerbalken.frame-type-shortcut.anzahl4 > .rahmen > .frame-type-textmedia:nth-child(2n+0), 
    .frame-blauerbalken.frame-type-shortcut > .rahmen > .frame-type-textmedia {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 20px 0;
    }

    .blaetterpdf {
        height: 500px;
    }
}

@media (max-width: 960px) {
    .frame-style-3column:not(.frame-layout-40) .tx_cn-multicontent .tx_cn-columns[data-cols="3"] .row > div, 
    .tx_cn-multicontent .tx_cn-columns[data-cols="4"] .row > div, 
    .tx_cn-multicontent .tx_cn-columns[data-cols="5"] .row > div {
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-style-3column:not(.frame-layout-40) .tx_cn-multicontent .tx_cn-columns[data-cols="3"] .row > div > div, 
    .tx_cn-multicontent .tx_cn-columns[data-cols="4"] .row > div > div, 
    .tx_cn-multicontent .tx_cn-columns[data-cols="5"] .row > div > div {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .frame-style-3column:not(.frame-layout-40) .tx_cn-multicontent .tx_cn-columns[data-cols="3"] .row.equalize, 
    .frame-style-3column:not(.frame-layout-40) .tx_cn-multicontent .tx_cn-columns[data-cols="3"] .row.equalize > div, 
    .tx_cn-multicontent .tx_cn-columns[data-cols="4"] .row.equalize, 
    .tx_cn-multicontent .tx_cn-columns[data-cols="4"] .row.equalize > div, 
    .tx_cn-multicontent .tx_cn-columns[data-cols="5"] .row.equalize, 
    .tx_cn-multicontent .tx_cn-columns[data-cols="5"] .row.equalize > div {
        height: auto !important;
    }

    .frame-multicontentboxen .row > div > div > .rahmen {
        float: left;
        clear: both;
        width: 90%;
    }

    .frame-interaktivekarte .tx_cn-columns .row .col-25, 
    .lp .frame-interaktivekarte .tx_cn-columns .row > div {
        width: 50% !important;
        clear: none !important;
    }

    .frame-geschaeftskundennaviinhalt .tx_cn-multicontent .tx_cn-columns[data-cols="3"] .row > div {
        width: 33.33%;
        float: left;
        clear: none;
    }

    #inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-20 {
        margin-top: 30px;
        float: left;
        clear: none;
    }

    #inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-20 + div.col-20 {
        float: right;
    }

    #inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns[data-cols="3"] .row > div:nth-child(2n+0) > div,
    #inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns[data-cols="3"] .row > div > div {
        margin: 0;
        width: 100%;
    }

    .ui-accordion-header {
        width: 92%;
        padding: 15px 6% 15px 2%;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-gallery::after {
        background-size: 140%;
    }

    .frame-themensliderfoerderung .tx_cn-columns .row {
        display: block;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .frame-themensliderfoerderung .tx_cn-columns .row .col-100 {
        width: 100%;
        max-width: 500px;
        float: none !important;
        margin: 0 auto 20px;
        display: inline-block;
        vertical-align: top;
    }

    #inhaltsbereich > .frame-nahwaermekarte .contenttable,
    #inhaltsbereich > .frame-nahwaermekarte .contenttable .link-download {
        /* -- NEU: 2024-07-17 -- */
        /*font-size: 15px;*/
        font-size: 13px;
    }

    /* -- NEU: 2024-07-17 -- */
    #inhaltsbereich > .frame-nahwaermekarte .contenttable td:first-child {
        width: 220px;
    }

    .ui-accordion-content .frame-nahwaermekarte .contenttable td:first-child {
        /*width: 100px;*/
        width: 135px;
    }
    /*
    .ui-accordion-content .frame-nahwaermekarte .contenttable td:nth-child(2) {
        width: 80px;
    }

    .ui-accordion-content .frame-nahwaermekarte .contenttable td:last-child {
        width: auto;
    }*/

    .ui-accordion-content .frame-nahwaermekarte .contenttable {
        min-width: 700px;
    }

    .ui-accordion-content .frame-nahwaermekarte .resptable_waerme {
        width: 100%;
        overflow-y: scroll;
    }

    .page349 #c4006.frame-grauewelle.frame-type-cn_multicontent .row > div .ce-textpic img {
        width: auto !important;
        height: 60px !important;
    }

    .page1 .frame-grauewelle.frame-type-cn_multicontent .row > div .ce-textpic {
        display: flex;
        align-items: center;
    }

    .page1 .frame-grauewelle.frame-type-cn_multicontent .row > div .ce-gallery {
        margin: 0 20px 10px 0;
        min-width: 90px;
    }

    .page1 .frame-grauewelle.frame-type-cn_multicontent .row > div .ce-bodytext {
        margin: 0 !important;
        max-width: 100% !important;
    }

    .tx_cn-multicontent .tx_cn-columns[data-cols="3"] .row.equalize > div, 
    .tx_cn-multicontent .tx_cn-columns[data-cols="4"] .row.equalize > div {
        margin-bottom: 20px;
    }

    /* -- NEU: 2024-01-02 --*/
    .page381 .frame-grauewelle .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+2) > div {
        margin-left: 0;
    }

    /* -- NEU: 2024-01-25 -- */
    .frame-bildkacheln.tx_cn-multicontent .tx_cn-columns[data-cols="3"] .row > div {
        max-width: 500px;
        float: none !important;
        margin: 0 auto 20px;
        display: inline-block;
        vertical-align: top;
    }

    .frame-bildkacheln.tx_cn-multicontent .tx_cn-columns[data-cols="3"] .row {
        text-align: center;
    }

    .frame-bildkacheln.tx_cn-multicontent .tx_cn-columns[data-cols="3"] .row header {
        text-align: left;
    }

    .frame-bildkacheln.tx_cn-multicontent .tx_cn-columns .row + .row {
        margin-top: 0;
    }

    #c7290 .ce-textpic.ce-right.ce-above .ce-gallery {
        width: 100%;
    }

    #c7290 .ce-textpic.ce-right.ce-above .ce-row {
        text-align: center;
    }

    #c7290 .ce-textpic.ce-right.ce-above .ce-column {
        display: inline-block;
        vertical-align: top;
        float: none;
    }
    
    .frame-bildkacheln.frame-layout-22 .tx_cn-columns .row > .col-33 {
        display: inline-block;
        vertical-align: top;
        width: 100% !important; 
        max-width: 500px !important;
        margin: 0 auto 20px !important;
    }
    
    #inhaltsbereich.sub .frame-bildkacheln.frame-layout-22 .tx_cn-columns[data-cols="1"] > .row > .col-33:nth-child(5n+1),
    #inhaltsbereich.sub .frame-bildkacheln.frame-layout-22 .tx_cn-columns[data-cols="1"] > .row > .col-33:nth-child(5n+2) {
        width: 100%; 
        margin-left: auto;
    }
    
    #inhaltsbereich.sub .frame-bildkacheln.frame-layout-22 .tx_cn-columns[data-cols="1"] > .row > .col-33:nth-child(5n+2) {
        margin-left: auto;
        margin-right: auto
    }
    
    .frame-bildkacheln.frame-layout-22 .tx_cn-columns[data-cols="1"] .row > div > div {
        width: 100% !important;
        margin: 0 !important;
    }

    .tx_cn-multicontent .tx_cn-columns .row > .col-50:has(.frame-flipbox_multicontent) {
        width: 100% !important;
        float: left;
        clear: both;
        margin-bottom: 30px;
    }

    .tx_cn-columns[data-cols="2"] .row > .col-50:has(.frame-flipbox_multicontent):nth-child(odd) > div,
    .tx_cn-columns[data-cols="2"] .row > .col-50:has(.frame-flipbox_multicontent):nth-child(even) > div,
    .tx_cn-columns[data-cols="2"] .row > .col-50:has(.frame-flipbox_multicontent) > div {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .tx_cn-multicontent .tx_cn-columns:has(.frame-flipbox_multicontent) {
        max-width: 620px;
        margin: 0 auto;
        float: none;
    }

    .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"],
    .frame-style-3column .row:has(.frame-flipbox_multicontent) .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] {
        aspect-ratio: unset;
    }

    .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] .row {
        position: static;
        width: 100%;
        height: 100%;
        transition: none;
        transform-style: unset;
    }
    
    .frame-flipbox_multicontent.frame-style-2column .tx_cn-columns[data-cols="2"]:hover .row {
        transform: none;
        transition: none;
    }
    
    .frame-flipbox_multicontent.frame-style-2column .row > .col-100 {
        backface-visibility: unset;
        position: static;
    }
    
    .frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child {
        transform: none;
    }

    .frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child > .frame {
        aspect-ratio: unset;
    }

    .frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext {
        width: 104%;
        margin: 0 -2%;
        padding: 15px 0 calc(15px - 0.6em);
        font-size: 16px;
        line-height: 1.4em;
    }

    .frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext::after {
        display: none;
    }

    .frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext p {
        max-width: 380px;
    }

    .frame-flipbox_multicontent.frame-style-2column a.more_ge {
        padding: 10px 40px 10px 15px;
    }

    .frame-flipbox_multicontent.frame-style-2column a.more_ge::after {
        right: 15px;
    }

    .frame-flipbox_multicontent.frame-style-2column a.more_ge::before {
        display: none;
    }

    .frame-flipbox_multicontent.frame-style-2column a.more_ge:hover::before {
        animation: none;
    }
}

/* -- NEU: 2024-07-17 -- */
@media (max-width: 930px) {
    #inhaltsbereich > .frame-nahwaermekarte .contenttable tr td:first-child::before, 
    .ui-accordion-content .frame-nahwaermekarte .contenttable tr td:first-child::before {
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 900px) {
    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .ce-bodytext {
        width: calc(100% - 165px);
        max-width: none;
    }

    #inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen {
        width: 90%;
        margin: 0 5%;
    }

    .frame-sliderfoerderprojekte::before {
        top: -240px;
    }

    .frame-sliderfoerderprojekte::after {
        top: -215px;
    }

    #inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .ce-gallery {
        width: calc(100% - 10px);
        float: left;
        clear: both;
        border-radius: 50px;
        border-right: 5px solid var(--gruen);
        border-left: 5px solid var(--gruen);
        max-width: none;
    }

    #inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .aussenrahmen {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    #inhaltsbereich > .frame-sliderfoerderprojekte > .rahmen .frame-bildaussen .ce-left .ce-bodytext {
        width: 100%;
        max-width: none;
        margin: 20px 0;
    }

    .frame-sliderfoerderprojekte .owl-carousel .owl-nav {
        position: static;
        text-align: right;
        margin-top: -20px;
    }

    .frame-kacheln .contenttable td:first-child {
        width: 110px;
    }

    .frame-kacheln .contenttable td:last-child {
        width: calc(100% - 130px);
    }

    .ce-bodytext .contenttable {
        font-size: 15px;
        line-height: 1.4em;
    }

    .frame-berechnung .contenttable td {
        padding: 10px 20px;
    }

    .frame-berechnung .contenttable td.text-center {
        padding: 10px;
    }

    .frame-spielergebnistabellestoerer h4, .frame-spielergebnistabellestoerer h4 b, .frame-spielergebnistabellestoerer h4 strong {
        font-size: 18px;
    }

    .frame-style-3column.frame-layout-40 .tx_cn-columns .row .col-33 {
        width: 100%;
        margin-bottom: 20px;
    }

    .frame-style-3column.frame-layout-40 .tx_cn-columns[data-cols="3"] .row > div:nth-child(3n+0) > div,
    .frame-style-3column.frame-layout-40 .tx_cn-columns[data-cols="3"] .row > div:nth-child(2n+0) > div {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    #c9640 {
        margin: 0 0 30px 70px !important;
        width: calc(100% - 70px) !important;
    }

    .frame-style-3column.frame-layout-40 .tx_cn-columns[data-cols="3"] .row > div > div .ce-bodytext {
        max-width: 600px;
    }
    
    .footerinhalt .frame-type-menu_subpages ul {
        width: 96%;
        column-count: 1;
	}
}

@media (max-width: 850px) {
    .tx_cn-multicontent:not(.frame-layout-40) .tx_cn-columns .row > div:not(.col-100) {
        width: 100% !important;
        float: left;
        clear: both;
        margin-bottom: 20px;
    }

    .frame-kacheln.frame-style-2column .tx_cn-columns .row > div:not(.col-100) {
        margin-bottom: 0;
    }

    .tx_cn-multicontent:not(.frame-layout-40) .tx_cn-columns .row + .row {
        margin-top: 0;
    }

    .frame-type-cn_multicontent.frame-style-2column.frame-layout-8 .row > div {
        float: left;
        margin-bottom: 0;
    }

    .frame-type-cn_multicontent.frame-style-2column.frame-layout-8 .cn_multicontent_teaser {
        margin-bottom: 0;
    }

    .frame-gruenekacheleingerueckt.tx_cn-multicontent .tx_cn-columns .row > div {
        margin-bottom: 0 !important;
    }

    .tx_cn-multicontent .tx_cn-columns .row > div > div, 
    .tx_cn-multicontent .tx_cn-columns .row > div:nth-child(2n) > div, 
    .tx_cn-multicontent .tx_cn-columns .row > div:nth-child(2n+1) > div {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .tx_cn-multicontent .tx_cn-columns .row > div > div {
        margin-bottom: 0 !important;
    }

    .frame-multicontentboxen .row.row.equalize {
        margin-bottom: 0;
    }

    .tx_cn-multicontent .tx_cn-columns .row.equalize, 
    .tx_cn-multicontent .tx_cn-columns .row.equalize > div {
        height: auto !important;
    }

    #inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 {
        margin-bottom: 0;
        width: 100% !important;
        height: auto !important;
    }

    #inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns[data-cols="3"] .row > div {
        height: auto !important;
    }

    #inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-60 .tx_cn-columns[data-cols="3"] .row > div > div {
        width: 100% !important;
        margin: 0 !important;
    }

    .frame-geschaeftskundennaviinhalt .tx_cn-multicontent .tx_cn-columns[data-cols="3"] .row > div {
        margin: 10px 0;
    }

    #inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-20 {
        margin-top: 20px;
    }

    .powermail_fieldset {
        width: 100%;
        float: left;
        clear: both;
    }

    #inhaltsbereich > .frame-notdienst > .rahmen {
        padding-left: 2%;
        padding-right: 2%;
        width: 96%;
    }

    .tx_cn-multicontent.frame-interaktivekarte .tx_cn-columns .row > .col-25:not(.col-100), 
    .lp .tx_cn-multicontent.frame-interaktivekarte .tx_cn-columns .row > div:not(.col-100) {
        width: 50% !important;
        clear: none !important;
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable td:first-child {
        background: var(--gruen);
        padding: 10px 20px !important;
        border-radius: 30px !important;
        margin: 0 !important;
        width: 80px !important;
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable img {
        width: 80px !important;
        height: auto !important;
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable td:last-child {
        margin: 0px 30px 0px 10px;
        width: calc(100% - 40px);
    }

    .frame-kuendigungsformular .powermail_confirmation .nachfragen {
        float: none;
        margin: 0 0 20px 0;
        max-width: 245px;
    }

    .frame-kuendigungsformular .powermail_confirmation .nachfragen::after {
		display: none;
	}

    #inhaltsbereich > .frame-nahwaermekarte .contenttable,
    #inhaltsbereich > .frame-nahwaermekarte .contenttable .link-download {
        font-size: 13px;
    }

    #inhaltsbereich > .frame-nahwaermekarte .contenttable td:last-child {
        width: 235px;
        text-align: right;
    }


    .frame-berechnung .contenttable td, 
    .frame-berechnung .contenttable td.text-center {
        font-size: 14px;
    }

    .frame-berechnung .contenttable td {
        padding: 10px;
        min-width: 40px;
    }

    .frame-berechnung .contenttable td.text-center {
        padding: 5px;
    }

    #inhaltsbereich.sub .frame-downloadbox .rahmen .ce-bodytext {
        max-width: 90%;
        margin: 0 5%;
    }

    .page116 #inhaltsbereich.sub > .frame-downloadbox ul li,
    #inhaltsbereich.sub > .frame-downloadbox.frame-layout-1 ul li,
    #inhaltsbereich.sub > .frame-downloadbox + .frame-downloadbox ul li {
        width: 100%;
        margin: 0 0 5px;
    }

    .frame-grauebox .row > div > .frame-space-after-15 .ce-textpic.ce-right {
        float: left;
        clear: both;
        width: 100%;
        text-align: center;
    }

    .frame-grauebox .row > div > .frame-space-after-15 .ce-textpic.ce-right .ce-gallery {
        float: none;
        display: inline-block;
        margin-top: 10px;
    }

    .tx_cn-multicontent .frame-ablauficons {
        margin-left: 0px !important;
    }

    /* -- NEU: 2024-01-25 -- */
    .tx_cn-multicontent.frame-textboxmitbild .tx_cn-columns .row > div {
        margin: 0 0 50px 0 !important;
    }

    #inhaltsbereich .frame-auszeichnungen .ce-gallery img {
        height: 80px !important;
        width: auto !important;
    }

    #inhaltsbereich .frame-auszeichnungen .ce-gallery .ce-column {
        margin-right: 15px;
    }

    .frame-heizstromlink a.unformatiert {
        margin: 15px 0 0 0;
    }

    .frame-iconaccordion.frame-style-1column[data-toggled="on"] .tx_cn-columns > .row > .col-100 .frame-heizstromlink a.unformatiert {
        margin: 0;
        top: 0;
    }

    .lp #inhaltsbereich.sub > .frame-privatkundenrechner.frame-layout-10 #formTarifrechner + .tarife_ergebnis {
        margin-top: 30px;
    }

    .lp #inhaltsbereich.sub > .frame-privatkundenrechner.frame-layout-10 + .frame-heizstromlink {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .frame-bildaussen.frame-layout-2 .ce-right .ce-gallery img {
        margin-top: 0;
    }
}

@media (max-width: 800px) {
    #header {
        margin-top: 83px;
    }

    #header.sub .headerslider .ce-bodytext, 
    .page1 #header .headerslider .ce-bodytext, 
    .headerslider .ce-bodytext, 
    .page282 #header.sub .headerslider .ce-bodytext {
        padding: 20px 0;
    }

    .headerslider .ce-bodytext h5 {
        margin: 0 0 -15px 0;
    }
    
    .headerslider .ce-bodytext h5 img {
        max-height: 60px;
    }

    .logo {
        width: 150px;
    }

    .logo .ce-gallery {
        margin: 15px 0 0 0;
    }

    .logo img {
        width: 100%;
        height: auto;
    }

    .mob_button {
        top: 18px;
        width: 50px;
        height: 50px;
    }

    .mobnavi {
        margin-top: 15px !important;
        float: left;
        clear: both
    }

    #oben .login.portal {
		position: fixed;
		top: 15px;
		right: 80px;
	}

    .lp .slidein {
        top: 100px;
    }

    .ce-bodytext ul.ohne-symbol-ul + ul.ohne-symbol-ul, 
    .ce-bodytext ul.blatt-ul + ul.blatt-ul, 
    .ce-bodytext ul.floating-ul + ul.floating-ul {
        margin-left: 0;
        margin-top: -15px;
        float: left;
        clear: both;
    }

    .ce-bodytext ul.haken-ul + ul.haken-ul {
        margin-left: 10px;
        margin-top: 0;
        float: left;
        clear: both;
    }

    .footerinhalt {
        position: relative;
    }

    .footerinhalt .tx_cn-columns .row .col-66 {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .footerinhalt .tx_cn-columns .row .col-66 > div {
        width: 100%;
        margin:  0 !important;
        float: left;
        clear: both;
    }

    #footer ul {
        width: 100%;
    }

    .footerinhalt .col-33 {
        position: absolute;
        top: -58px;
        right: 0;
        width: auto !important;
        float: right !important;
    }

    .frame-layout-11::before {
        top: 0;
        left: -30px;
        width: 250px;
        height: 250px;
    }

    .frame-layout-11::after {
        top: 30px;
        left: 20px;
        width: 250px;
        height: 250px;
    }

    #inhaltsbereich > .frame-grauewelle, 
    #inhaltsbereich > .frame-nahwaermekarte {
        background-size: 150% auto;
    }

    .frame-h5kreis h5 {
        font-size: 60px;
    }

    .frame-h5kreis h5 + * {
        top: 0;
        width: calc(100% - 55px);
    }

    .frame-h5kreis h5.text-justify::after {
        opacity: 0.4;
        left: 35px;
    }

    .blogdetail .newsdetailcontent .frame-default .ce-textpic.ce-left.ce-intext .ce-gallery,
    .blogdetail .newsdetailcontent .frame-default .ce-textpic.ce-right.ce-intext .ce-gallery {
        max-width: unset;
        float: left;
        clear: both;
        width: 100%;
        margin: 20px 0;
    }

    .blogdetail .newsdetailcontent .frame-default .ce-textpic.ce-left.ce-intext .ce-gallery .ce-column,
    .blogdetail .newsdetailcontent .frame-default .ce-textpic.ce-right.ce-intext .ce-gallery .ce-column {
        width: 100%;
        text-align: center;
    }

    .blogdetail .newsdetailcontent .frame-default .ce-textpic.ce-left.ce-intext .ce-gallery figure,
    .blogdetail .newsdetailcontent .frame-default .ce-textpic.ce-right.ce-intext .ce-gallery figure {
        display: inline-block;
    }

    .blogdetail .newsdetailcontent .ce-textpic.ce-left.ce-intext .ce-bodytext,
    .blogdetail .newsdetailcontent .ce-textpic.ce-right.ce-intext .ce-bodytext {
        float: left;
        clear: both;
        width: 100%;
    }

    .frame-zahlenueberschrift + .frame-zahlenueberschrift .rahmen::before {
        display: none;
    }

    .frame-hausanschluss-zeitstrahl .col-100 .ce-bodytext {
        width: 44%;
        margin: 0 6% 0 0;
    }

    .frame-hausanschluss-zeitstrahl .col-100 header {
        width: 44%;
    }

    .frame-hausanschluss-zeitstrahl .col-100 header::after {
        left: -13.5%;
    }

    .frame-datensatz_rechner_kompakt .tarifrechner_container .formfelder .ce-bodytext ul.haken-ul {
        column-count: 1;
    }
}

@media (max-width: 799px) {
    .frame-pervorteilbox.tx_cn-multicontent .tx_cn-columns .row:not(.owl-carousel) > div {
        margin: 0;
    }

    .frame-pervorteilbox.frame-layout-1 .tx_cn-columns[data-cols="1"] {
        max-width: 500px;
        width: calc(100% - 45px);
    }

    .frame-pervorteilbox.tx_cn-multicontent .tx_cn-columns .row > div {
        margin: 0;
    }

    .frame-pervorteilbox.frame-layout-1 .tx_cn-columns[data-cols="1"] .owl-carousel .owl-nav .owl-prev, 
    .frame-pervorteilbox.frame-layout-1 .tx_cn-columns[data-cols="1"] .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 25%;
        left: -35px;
        height: 40px;
        background-size: auto 18px;
    }

    .frame-pervorteilbox.frame-layout-1 .tx_cn-columns[data-cols="1"] .owl-carousel .owl-nav .owl-next {
        left: auto;
        right: -35px;
    }
}

@media (max-width: 767px) {
    .headerslider .ce-bodytext img,
    .headerslider.owl-carousel .owl-item .ce-bodytext img {
        max-height: 100px;
    }
}

@media (max-width: 760px) {
    #header.sub .headerslider .ce-bodytext h3, 
    #header.sub .headerslider .ce-bodytext h3 strong, 
    .page1 #header.sub .headerslider .ce-bodytext h3, 
    .page1 #header.sub .headerslider .ce-bodytext h3 strong, 
    .page282 #header.sub .headerslider .ce-bodytext h3, 
    .page282 #header.sub .headerslider .ce-bodytext h3 strong {
        font-size: 32px;
    }

    #inhaltsbereich .frame-default.frame-type-menu_sitemap_pages > .rahmen > ul > li {
        display: block;
        width: 100%;
        margin: 20px 0;
        float: left;
        clear: both;
    }

    #inhaltsbereich .frame-sitemapgeschaeftskunden.frame-type-menu_sitemap_pages ul {
        display: block;
        width: 100%;
        float: left;
        clear: both;
    }

    #inhaltsbereich > .frame-nahwaermekarte .contenttable td:first-child,
    .ui-accordion-content .frame-nahwaermekarte .contenttable td:first-child {
        width: 125px;
    }

    .lp hr.ce-div {
        display: none;
    }

    .frame-bildkacheln .row > div > .frame header {
        padding: 5px 10px;
    }

    #inhaltsbereich > .frame-zwischenheaderwelle + .frame {
        margin-top: 20px;
    }

    .page44 #inhaltsbereich.sub > .frame-downloadbox ul li a {
        width: auto;
        display: block;
    }
}

@media (max-width: 750px) {
    #kuendigunghinweisumzug {
        left: 5%;
        margin-left: 0;
        width: calc(90% - 40px);
        padding: 40px 20px 20px;
    }

    .frame-spielergebnistabellebox .frame-default.frame-type-list h3 {
        max-width: 270px;
    }
}

@media (max-width: 700px) {
    #inhaltsbereich.sub > .frame-space-before-100, 
    #inhaltsbereich.sub > .frame-spacebefore-80, 
    #inhaltsbereich.sub > .frame-space-before-60 {
        margin-top: 40px !important;
    }

    h1, 
    h2, 
    .frame-blauerbalken.frame-type-shortcut h2, 
    #inhaltsbereich > .frame-filterkachelboxen .cn_multicontent_teaser h2,
    .frame-blauerbalken.frame-type-shortcut h2 strong,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed {
        font-size: 32px;
        line-height: 1.1em;
    }

    h1 strong, 
    h2 strong,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed strong {
        font-size: 34px;
    }

    h1 {
        padding-bottom: 15px;
    }

    h3, 
    .frame-blauerbalken.frame-type-shortcut h3,
    .frame-auszeichnungen header > strong,
    p.wieh3 {
        font-size: 30px;
    }

    h3 > a.more_ge::after {
        height: 40px !important;
    }

    .page1 .frame-warnung.resp {
        width: 80%;
        margin: 30px 5% 0;
        padding-left: 5%;
        padding-right: 5%;
    }

    .tx-indexedsearch-form {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .tx-indexedsearch-form label {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .tx-indexedsearch-searchbox-sword {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .tx-indexedsearch-search-submit {
        float: left;
        clear: both;
        margin: 10px 0 0 0;
    }

    #inhaltsbereich.sub > .frame-type-login fieldset label, 
    #inhaltsbereich.sub > .frame-type-login fieldset label + input {
        width: 98%;
        float: left;
        clear: both;
        margin: 3px 0 0 0;
    }

    .news-list-container .article,
    .news-list2-container .article {
        width: 100% !important;
        float: left;
        clear: both;
        margin: 0 0 40px 0 !important;
        padding-left: 0;
        padding-right: 0;
        height: auto !important;
    }

    .news-list-container .article:nth-child(2n+1), 
    .news-list2-container .article:nth-child(2n+1) {
        margin-right: 0 !important;
    }

    .frame-layout-20 .ce-textpic.ce-left .ce-gallery, 
    .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery.ce-border {
        max-width: 80px;
    }

    .page607  .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery.ce-border {
        max-width: 120px;
    }

    .frame-interaktivekarte .ce-gallery .ce-row:first-child {
        margin-top: 50px;
    }

    .frame-bildaussen {
        margin-bottom: 20px;
    }

    .frame-bildaussen > .rahmen::before,
    .frame-bildaussen > .rahmen::after {
        width: 300px;
        height: 300px;
    }

    .frame-bildaussen .ce-gallery {
        margin-bottom: 30px;
    }

    /* .frame-bildaussen.frame-layout-1 > .rahmen::before {
        top: 280px;
    }

    .frame-bildaussen.frame-layout-1 > .rahmen::after {
        top: 230px;
    } */

    .frame-sliderfoerderprojekte::before, 
    .frame-sliderfoerderprojekte::after {
        width: 250px;
        height: 250px;
    }

    .frame-sliderfoerderprojekte::before {
        left: 10%;
    }

    .frame-sliderfoerderprojekte::after {
        left: 12%;
    }

    #inhaltsbereich > .frame-nahwaermekarte .contenttable,
    #inhaltsbereich > .frame-nahwaermekarte .contenttable .link-download,
    .ui-accordion-content .frame-nahwaermekarte .contenttable,
    .ui-accordion-content .frame-nahwaermekarte .contenttable .link-download {
        font-size: 12px;
    }

    .frame-berechnung .contenttable {
        margin: 20px auto 30px;
        max-width: 90%;
    }

    .frame-berechnung .contenttable tr, 
    .frame-berechnung .contenttable td, 
    .frame-berechnung .contenttable td.text-center {
        display: block;
    }

    .frame-berechnung .contenttable td {
        min-height: 2.2em;
    }

    .frame-berechnung .contenttable td.text-center::before {
        top: -5px;
        bottom: -5px;
        left: 95px;
        right: 95px;
    }

    .frame-berechnung .contenttable td.text-center::after {
        -webkit-transform: none;
        transform: none;
        top: -20px;
        left: -20px;
    }

    #inhaltsbereich.sub > .frame-inhaltsverzeichnis {
        margin: 0;
    }

    .news-latest-container .article {
        width: 100% !important;
        float: left !important;
        clear: both !important;
        margin: 0 0 40px 0 !important;
        padding-left: 0;
        padding-right: 0;
        height: auto !important;
    }

    .news-latest-container .article:nth-child(2n+1) {
        margin-right: 0 !important;
    }

    /* -- NEU: 2024-01-25 -- */
    #inhaltsbereich.sub > .frame-space-after-100, 
    #inhaltsbereich.sub > .frame-space-after-80, 
    #inhaltsbereich.sub > .frame-space-after-60 {
        margin-bottom: 40px !important;
    }

    .lightbox {
        padding-bottom: 40px;
    }

    .lightbox .ce-textpic {
        overflow: visible;
    }

    .lightbox .ce-right .ce-gallery {
        float: left;
        clear: both;
        width: 100%;
        margin: -20px 0 20px 0;
    }

    .lightbox .ce-right .ce-gallery .ce-row {
        text-align: center;
    }

    .lightbox .ce-right .ce-gallery .ce-column {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .lightbox .ce-right .ce-gallery img {
        max-width: 70px;
        height: auto;
    }

    .lightbox .ce-right .ce-bodytext {
        float: left;
        clear: both;
        width: 100%;
        font-size: 14px;
    }

    .lightbox .ce-right .ce-bodytext h2 br {
        display: none;
    }

    .news.news-single {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .news.news-single .newsdetailcontent {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .news.news-single .news-text-wrap {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .news.news-single .news-img-wrap {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 40px 0;
    }
   
    .news.news-single .news-img-wrap.owl-carousel {
        margin: 20px 0;
    }

    .news.news-single .news-backlink-wrap {
        width: 100%;
        float: left;
        clear: both;
        margin: 20px 0 0 0;
    }
}

@media (max-width: 655px) {
    #inhaltsbereich > .frame-nahwaermekarte .contenttable td:first-child,
    .ui-accordion-content .frame-nahwaermekarte .contenttable td:first-child {
        width: 95px;
    }
    /* -- NEU: 2024-07-17 -- */
    /*#inhaltsbereich > .frame-nahwaermekarte .contenttable td:nth-child(2),
    .ui-accordion-content .frame-nahwaermekarte .contenttable td:nth-child(2) {
        width: 70px;
    }*/

    #inhaltsbereich > .frame-nahwaermekarte .contenttable td:last-child {
        width: 205px;
    }

    .ui-accordion-content .frame-nahwaermekarte .contenttable td:last-child {
       /* -- NEU: 2024-07-17 -- */
        /*width: 205px;*/
        width: auto; 
    }

    /* -- NEU: 2024-07-17 -- */
    .ui-accordion-content .frame-nahwaermekarte .contenttable td:first-child {
        width: 100px;
    }

    #inhaltsbereich > .frame-nahwaermekarte .contenttable,
    .ui-accordion-content .frame-nahwaermekarte .contenttable {
        min-width: 510px;
    }

    #inhaltsbereich > .frame-nahwaermekarte .resptable_waerme,
    .ui-accordion-content .frame-nahwaermekarte .resptable_waerme {
        width: 100%;
        overflow-y: scroll;
    }

    .ui-accordion-content .frame-nahwaermekarte .contenttable tr td:first-child::before {
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 650px) {
    #oben {
        width: 92%;
        padding: 0 4%;
    }

    .mob_button {
        right: 4%;
    }

    .magazin {
        display: none;
    }

    .totop {
        right: 4%;
    }
    
    #oben .login.portal {
        right: 90px;
    }

    .frame-layout-8::before, 
    .frame-layout-8::after {
        width: 250px;
        height: 250px;
        background-color: var(--helleblase);
        border-radius: 100%;
        top: 50px;
        left: 20px;
    }

    .frame-layout-8::after {
        top: 100px;
        left: 20%;
        z-index: 0;
    }

    .frame-bildslider .owl-carousel, 
    .frame-bildsliderautoplay .owl-carousel {
        width: 80%;
        padding: 0 10%;
    }

    .frame-bildslider .owl-carousel .owl-nav button.owl-prev, 
    .frame-bildslider .owl-carousel .owl-nav button.owl-next,
    .frame-bildsliderautoplay .owl-carousel .owl-nav button.owl-prev, 
    .frame-bildsliderautoplay .owl-carousel .owl-nav button.owl-next {
        margin-top: -20px;
        width: 15px;
        height: 40px;
        background-size: 100% auto !important;
    }

    .blogdetail .frame-bildslider .owl-carousel .owl-nav button.owl-prev, 
    .blogdetail .frame-bildslider .owl-carousel .owl-nav button.owl-next,
    .blogdetail .frame-bildsliderautoplay .owl-carousel .owl-nav button.owl-prev, 
    .blogdetail .frame-bildsliderautoplay .owl-carousel .owl-nav button.owl-next {
        background-size: auto 100% !important;
    }

    #inhaltsbereich.sub .frame-geschaeftskundennaviinhalt .row.equalize > div.col-20 {
        margin: 20px 0 0 0;
        width: 100% !important;
        height: auto !important;
        float: left;
        clear: both;
    }

    .frame-bildkacheln h3, 
    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen h3, 
    .frame-blauerbalken.frame-type-shortcut h3, 
    #inhaltsbereich.sub > .frame-blauerbalken.frame-type-menu_categorized_content h3 {
        font-size: 24px;
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen {
        width: 85%;
    }

    .frame-captionbox .ce-center .ce-gallery[data-ce-columns="2"] .ce-inner .ce-column {
        width: 100%;
        margin: 0 0 20px 0;
        float: left;
    }

    .frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] > .row > div > div {
        width: 100%;
        margin: 0;
    }

    .frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] {
        max-width: 100%;
        margin: 0;
    }

    .frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] .row > div >::before, 
    .frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] .row > div >::after {
        width: 250px;
        height: 250px;
    }

    .frame-fluffigeblase.frame-layout-1 .tx_cn-columns[data-cols="2"] .row > div >::after {
        right: auto;
        left: 50px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .image {
        border-radius: 15px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .image img {
        width: 50px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .ce-bodytext {
        width: calc(100% - 135px);
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable td:first-child {
        border-radius: 15px !important;
        width: 50px !important;
        display: inline-block;
        height: 50px;
        vertical-align: top;
        margin: -10px 0 0 -20px !important;
        padding: 10px !important;
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable img {
        width: 50px !important;
        height: auto !important;
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable tr {
        border-radius: 15px;
        display: block;
        margin-left: 20px;
        min-height: 5em;
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable:has(th) tr {
        display: flex;
        border-radius: 30px;
        min-height: 110px;
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable td:last-child {
        margin: 0px 30px 0px 10px;
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 105px);
        padding: 10px 0px 10px 10px;
    }

    #inhaltsbereich.sub > .frame-zielinhalt, 
    .frame-zielinhalt::before {
        padding-top: 25%;
    }

    .umzug #inhaltsbereich.sub > .frame-zielinhalt, 
    .posteeg #inhaltsbereich.sub > .frame-zielinhalt {
        padding-top: 80px;
    }

    .umzug .frame-zielinhalt .ce-bodytext h2, 
    .posteeg .frame-zielinhalt .ce-bodytext h2 {
        padding-top: 0px;
    }

    .frame-zielinhalt .ce-bodytext h2 strong em {
        font-size: 90px;
        left: 10px;
        top: -40px;
    }

    .frame-hintergrundwelle .ce-bodytext .contenttable td {
        display: block;
        padding: 5px 0 0 0;
    }

    .frame-zwischenheaderwelle + .frame-zielinhalt .ce-bodytext h2 {
        padding-top: 0;
    }

    #inhaltsbereich > .frame-zwischenheaderwelle + .frame-zielinhalt {
        top: 0 !important;
        margin-bottom: 0 !important;
    }

    #inhaltsbereich .frame-auszeichnungen .ce-gallery img {
        height: 100px !important;
        width: auto !important;
    }

    #inhaltsbereich .frame-auszeichnungen .ce-gallery .ce-column {
        float: left;
        clear: both;
        width: 100%;
        margin: 0 0 10px 0;
        text-align: center;
    }

    #inhaltsbereich .frame-auszeichnungen .ce-gallery figure {
        display: inline-block;
    }
}

/* -- NEU: 2024-07-17 -- */
@media (max-width: 630px) {
    .ui-accordion-content .frame-nahwaermekarte .contenttable td:last-child a {
        width: 25%;
    }

    #inhaltsbereich > .frame-nahwaermekarte .contenttable td:first-child {
        width: 93px;
    }

    /* -- Tarifrechner im Header -- */
    .headertarifrechner #formTarifrechner {
        margin-top: -40px;
    }
    
    .headertarifrechner .frame-privatkundenrechner .tarifrechner_container {
        width: 92%;
    }

    .headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder {
        position: relative;
        width: 90%;
        max-width: 380px;
        margin: 0 auto;
        float: none;
    }

    .headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_ort {
        width: calc(100% - 190px) !important;
        margin: 0;
    }

    .headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_ort .gewaehlterort {
        width: 100% !important;
    }

    .headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_verbrauch {
        position: absolute;
        top: 0;
        right: 0;
        width: 180px !important;
    }

    .headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_privat label {
        padding-left: 0;
        width: 100%;
    }

    .headertarifrechner .frame-privatkundenrechner .tarifrechner_container .formfelder > div.feld_privat {
        width: 100% !important;
        margin: 15px 0 0 0;
        float: left;
        clear: both;
    }

    .headertarifrechner .frame-privatkundenrechner .feld_privat .auswahl_privat {
        padding-left: 0;
        text-align: center;
    }

    .headertarifrechner .frame-privatkundenrechner .feld_privat .auswahl_privat::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 6px;
        width: 100%;
        height: 43px;
        background: var(--weisstrans01);
        z-index: 0;
    }

    .headertarifrechner .frame-privatkundenrechner .jahnstromvorteile {
        padding-bottom: 50px;
    }

    .headertarifrechner .frame-privatkundenrechner .tarifrechner_container .feld_submit {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 75%;
        max-width: 310px;
    }
    /* ---------------------------- */
}

@media (max-width: 600px) {
    h1, 
    .page188 h4 {
        padding-bottom: 10px;
    }

    h1, 
    h2, 
    .frame-blauerbalken.frame-type-shortcut h2, 
    #inhaltsbereich > .frame-zentrierterinhalt h2, 
    #inhaltsbereich > .frame-filterkachelboxen .cn_multicontent_teaser h2, 
    .page188 h4, 
    .frame-blauerbalken.frame-type-shortcut h2 strong,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed {
        font-size: 28px;
        line-height: 1.1em;
    }

    h1 strong, 
    h2 strong, 
    .page188 h4 strong,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed strong {
        font-size: 30px;
    }

    .headerslider .ce-bodytext h3, 
    .headerslider .ce-bodytext h3 strong, 
    #header.sub .headerslider .ce-bodytext h3, 
    #header.sub .headerslider .ce-bodytext h3 strong, 
    .page282 #header.sub .headerslider .ce-bodytext h3, 
    .page282 #header.sub .headerslider .ce-bodytext h3 strong
    .headerslider .ce-bodytext h5, 
    .headerslider .ce-bodytext h5 strong, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h3,
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h3 strong, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h5.page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h5 strong,
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h5 strong {
        font-size: 30px;
    }

    .headerslider .ce-bodytext h5 img {
        max-height: 55px;
    }

    .frame-hintergrundwelle h3 {
        float: left;
        clear: both;
        width: 100%;
        margin: 20px 0 30px;
    }

    h4,
    p.condensed,
    .frame-h5kreis h5 + h4,
    .frame-h5kreis p.condensed,
    .frame-geheimtippslider header > strong,
    .frame-flipbox header > strong,
    .frame-blauerbalken header > strong {
        font-size: 18px;
        line-height: 1.2em;
    }

    .frame-zielinhalt .ce-bodytext h4, 
    .frame-zielinhalt .ce-bodytext h4 strong {
        font-size: 22px;
        line-height: 22px;
    }

    #oben ul.qnavi li {
        width: 48%;
        margin: 0 2% 10px 0 !important;
        display: block;
        float: left;
    }
    
    #oben ul.qnavi li:nth-child(even) {
        margin: 0 0 10px 2% !important;
    }

    #oben ul.qnavi .geschaeftskundenlink {
        width: 100% !important;
        margin: 5px 0 0 0 !important;
    }

    #oben ul.qnavi .geschaeftskundenlink a {
        width: calc(100% - 24px);
    }

	#oben .login.portal.innav {
		width: 100% !important;
        left: 0;
        transform: none;
        position: static;
	}

	.innav .frame-portalbox {
		width: calc(100% - 40px) !important;
	}
    
    .ppbutton {
		width: calc(100% - 20px) !important;
        background-color: var(--tuerkis);
        float: left;
        clear: both;
        position: static;
        transform: none;
	}

    .headerslider .frame-layout-6 .ce-bodytext, 
    .headerslider .ce-bodytext {
        min-height: 118px;
    }

    .headerslider .ce-bodytext, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext {
        font-size: 18px;
    }

    .headerslider .ce-bodytext p a.more_ge {
        font-size: 16px;
    }

	.headerslider .frame-layout-6 .ce-bodytext, 
    .headerslider .ce-bodytext {
		min-height: 118px;
	}

	.page1 .headerslider .frame blockquote, 
    .headerslider .frame-layout-6 blockquote, 
    #header.sub .headerslider .frame blockquote {
		bottom: 125px;
	}

    #inhaltsbereich > .frame-notdienst > .rahmen {
        padding-left: 5%;
        padding-right: 5%;
        width: 80%;
        max-width: none;
    }

    .frame-servicebild .ce-gallery {
        margin: 0 5% -30px 0;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-gallery::after {
        background-size: 150%;
    }

    .frame-stoerer a {
        width: 140px;
        height: 110px;
        font-size: 18px;
    }

    .frame-ablauficons .ce-left .ce-border {
        margin-right: 20px;
    }

    #inhaltsbereich.sub > .frame-downloadbox ul li,
    .ui-accordion-content > .frame-downloadbox ul li {
        display: block;
        width: 100%;
        margin: 0 0 15px 0 !important;
    }

    .frame-downloadbox ul li a.link-download,
    .frame-downloadbox ul li a {
        display: block !important;
    }


    .frame-downloadbox ul li a.link-download,
    #inhaltsbereich .frame-downloadbox .link-external-blank {
        display: block !important;
    }

    .geschaeftsbericht #inhaltsbereich > .frame-type-cn_multicontent .tx_cn-columns[data-cols="3"] .row > div > div .ce-textpic.ce-left.ce-intext .ce-gallery + .ce-bodytext {
        float: left;
        clear: both;
        width: 100%;
    }

    #inhaltsbereich .frame-style-3column.frame-layout-40 .tx_cn-columns .row .col-33 .ce-textpic.ce-left.ce-intext .ce-bodytext {
        width: 100%;
        float: left;
        clear: both;
    }

    #inhaltsbereich .frame-style-3column.frame-layout-40 .tx_cn-columns .row .col-33 .ce-textpic.ce-left.ce-intext .ce-gallery {
        max-width: unset;
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 20px 0;
    }

    #inhaltsbereich .frame-style-3column.frame-layout-40 .ce-textpic.ce-left.ce-intext img {
        width: 60px;
        height: 60px;
        max-width: 60px;
        max-height: 60px;
        object-fit: contain;
    }

    #c9640 {
        margin: 0 0 30px 0 !important;
        width: 100% !important;
    }

    .page1 .auswahl_tariftyp .tab_tariftyp, 
    .page1 .rechner-heizstromlink a, 
    .auswahl_tariftyp .tab_tariftyp, 
    .rechner-heizstromlink a, 
    .rechner-heizstromlink span.heizstrom-vorauswahl, 
    .page1 .rechner-heizstromlink span.heizstrom-vorauswahl {
        padding: 10px;
    }
}

@media (max-width: 550px) {
    .frame-portalbox {
        top: 62px;
    }

	#oben .login.portal.act {
		height: 62px;
	}
    
    #oben .login.portal.act.innav {
		height: auto;
	}
      
    .ui-accordion-header {
        width: 90%;
    }

    #inhaltsbereich > .frame-notdienst h3 {
        font-size: 22px;
        line-height: 1.2em;
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen .ce-gallery {
        max-width: 150px;
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen h3 {
        width: calc(100% - 125px);
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen {
        width: 84%;
    }

    .frame-bildaussen > .rahmen::before,
    .frame-bildaussen > .rahmen::after {
        width: 200px;
        height: 200px;
    }

    .frame-bildaussen > .rahmen::before,
    .frame-bildaussen.frame-layout-1 > .rahmen::before {
        top: 220px;
    }

    .frame-bildaussen > .rahmen::after,
    .frame-bildaussen.frame-layout-1 > .rahmen::after {
        top: 200px;
    }

    .frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div >::before {
        left: 0;
        width: 250px;
        height: 250px;
    }

    .frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div >::after {
        width: 250px;
        height: 250px;
    }

    .frame-kuendigungsformular .powermail_confirmation table tr td {
        width: 48%;
        hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        font-size: 14px;
    }

    .frame-pervorteilbox.frame-layout-1 .tx_cn-columns[data-cols="1"] .owl-carousel .owl-nav .owl-prev, 
    .frame-pervorteilbox.frame-layout-1 .tx_cn-columns[data-cols="1"] .owl-carousel .owl-nav .owl-next {
        top: calc(0.25 * 100vw - 15px);
    }
}

@media (max-width: 540px) {
    h1, 
    h2, 
    .frame-blauerbalken.frame-type-shortcut h2, 
    #inhaltsbereich > .frame-filterkachelboxen .cn_multicontent_teaser h2,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed {
        font-size: 26px;
        line-height: 1.1em;
    }

    h1 strong, 
    h2 strong, 
    .frame-blauerbalken.frame-type-shortcut h2 strong,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed strong {
        font-size: 28px;
        line-height: 1.1em;
    }

    h3,
    .frame-blauerbalken.frame-type-shortcut h3,
    .frame-auszeichnungen header > strong,
    p.wieh3 {
        font-size: 28px;
    }

    .headerslider .ce-bodytext h3, 
    .headerslider .ce-bodytext h3 strong, 
    .headerslider .ce-bodytext h5, 
    .headerslider .ce-bodytext h5 strong,
    #header.sub .headerslider .ce-bodytext h3, 
    #header.sub .headerslider .ce-bodytext h3 strong, 
    .page282 #header.sub .headerslider .ce-bodytext h3, 
    .page282 #header.sub .headerslider .ce-bodytext h3 strong {
        font-size: 24px;
    }

    h3 > a.more_ge::after {
        height: 33px !important;
    }

    .frame .ce-bodytext a {
        word-wrap: break-word;
    }

    .frame-bodytextmaxwidth.frame-layout-11 .ce-right.ce-intext .ce-gallery,
    .frame-bodytextmaxwidth.frame-layout-11 .ce-left.ce-intext .ce-gallery {
        max-width: 70px !important;
    }

    .frame-bodytextmaxwidth.frame-layout-11 .ce-left.ce-intext .ce-bodytext h3, 
    .frame-bodytextmaxwidth.frame-layout-11 .ce-right.ce-intext .ce-bodytext h3 {
        margin: -65px 0 20px 90px;
    }
}

@media (max-width: 500px) {
    #oben .login.portal {
        right: 75px;
    }

    .frame-flipbox > .rahmen > .frame, 
    .umzug .frame-flipbox > .rahmen > .frame, 
    .umzug .frame-flipbox > .rahmen > .frame:nth-child(3n+2), 
    .umzug .frame-flipbox > .rahmen > .frame:nth-child(even), 
    .frame-flipbox.frame-layout-1 > .rahmen > .frame, 
    .frame-flipbox.frame-layout-2 > .rahmen > .frame {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 10px 0 !important;
        display: block;
    }

    .frame-themensliderfoerderung .owl-carousel .owl-nav, 
    .frame-pervorteilbox .owl-carousel .owl-nav {
        max-width: none !important;
        margin: 0 0 40px 0 !important;
        float: left !important;
    }
    
    .frame-pervorteilbox.frame-layout-1 .tx_cn-columns[data-cols="1"] .owl-carousel .owl-nav {
        margin-bottom: 0 !important;
    }

    .frame-stoerer a {
        width: 130px;
        height: 105px;
        padding-top: 25px;
    }

    .frame-zwischenheaderwelle + .frame-zielinhalt + .frame .ce-bodytext .contenttable tr {
        display: block;
        margin: 15px 0 0 0;
    }

    .frame-zwischenheaderwelle + .frame-zielinhalt + .frame .ce-bodytext .contenttable td {
        display: inline;
        padding: 0;
    }

    .frame-zwischenheaderwelle + .frame-zielinhalt + .frame .ce-bodytext .contenttable td > img {
        float: right;
        margin: 0 0 5px 10px;
    }

    .powermail_fieldset_102 .powermail_fieldwrap_type_submit {
        position:static;
        bottom:0;
        margin:20px 0 0 0;
    }
    
    .powermail_fieldset_102 .powermail_fieldwrap_type_submit .powermail_submit {
        padding:12px 15px 12px 15px;
    }

    .powermail_fieldset_102 .powermail_fieldwrap_type_submit .powermail_field::before,
    .powermail_fieldset_102 .powermail_fieldwrap_type_submit .powermail_field::after {
        display:none;
    }

    .page607  .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery.ce-border {
        max-width: 90px;
    }

    #formTarifrechner:has(.frame-wechselhinweis-vor-produktkacheln) + .tarife_ergebnis {
        margin-top: 110px;
    }
}

@media (max-width: 480px) {
    /* -- Tarifrechner im Header -- */
    .headertarifrechner .tarifrechner_container:not(.heizstrom) .schritte p.lpheadline {
        font-size: 22px !important;
    }

    .headertarifrechner .frame-privatkundenrechner .jahnstromvorteile ul li {
        font-size: 16px;
        line-height: 1.2em;
    }

    .headertarifrechner .frame-privatkundenrechner .tarifrechner_container {
        border-radius: 0 40px 0 40px;
    }

    .headertarifrechner .frame-privatkundenrechner .jahnstromvorteile {
        border-radius: 0 0 0 40px;
        padding: 20px 4% 50px 2%;
    }

    .lp .headertarifrechner .tarifrechner_container:not(.heizstrom) .schritte {
        margin: 25px 4% 20px;
    }
    /* ---------------------------- */

    .page1 #inhaltsbereich > .frame {
        margin-top: 50px;
    }

    .frame-heizstromlink a.unformatiert {
        margin: -50px 0 0 0;
        text-align: left;
    }

    .lp .frame-privatkundenrechner.frame-layout-10 + .frame-heizstromlink > .rahmen a.unformatiert {
        margin: 15px 0 0 0;
        text-align: left;
    }

    .fancyiframe > .lightbox {
        font-size: 14px;
        line-height: 1.2em;
    }

    .frame-portalbox {
        right: -70px !important;
        width: calc(100vw - 50px) !important;
    }

    .mobnavvisible + .mobnavi + .topnavi .frame-portalbox {
        right: -75px;
        top: 65px;
        width: calc(100% - 40px) !important;
        padding: 0 20px 20px;
    }

    .frame-kontaktbanner .ce-gallery .ce-row {
        padding: 20px;
        max-width: 80px;
    }

    #footer > .frame-type-textmedia {
		float: left;
		clear: both;
		width: 100%;
		margin: -30px 0 30px 0;
	}

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen {
        width: 83%;
    }

    .frame-interaktivekarte .tx_cn-columns .row .col-25,
    .tx_cn-multicontent.frame-interaktivekarte .tx_cn-columns .row > .col-25:not(.col-100), 
    .lp .tx_cn-multicontent.frame-interaktivekarte .tx_cn-columns .row > div:not(.col-100) {
        width: 100% !important;
        float: left;
        clear: both;
    }
    
    .frame-interaktivekarte .ce-gallery .ce-row:first-child {
        margin-top: 30px;
    }

    #inhaltsbereich > .frame-inhaltsverzeichnis > .rahmen {
        width: 84%;
        padding: 20px 3%;
    }

    #inhaltsbereich.sub > .frame-zielinhalt, 
    .frame-zielinhalt::before {
        padding-top: 30%;
    }

    .frame-zielinhalt .ce-bodytext h2 strong em {
        font-size: 70px;
        top: -25px;
    }

    .page1 .frame-grauewelle.frame-type-cn_multicontent .row > div .ce-gallery {
        margin: 0 10px 10px 0;
        min-width: 65px;
    }

    .frame-fluffigeblase.frame-space-after-70 {
        margin-bottom: 0px !important;
    }

    .frame-zeitstrahl .col-100 h4 {
        font-size: 18px;
    }

    .frame-kacheln .contenttable:has(th) tr {
        min-height: 110px;
    }

    .frame-kacheln .contenttable th {
        width: 100px;
    }

    .frame-kacheln .contenttable tr th img {
        max-width: 50px !important;
        height: auto !important;
    }
}

@media (max-width: 450px) {
    h1, 
    h2, 
    .frame-blauerbalken.frame-type-shortcut h2, 
    .page188 h4,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed {
        font-size: 24px;
        line-height: 1.1em;
    }

    h1 strong, 
    h2 strong, 
    .page188 h4 strong, 
    .frame-blauerbalken.frame-type-shortcut h2 strong,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed strong {
        font-size: 26px;
        line-height: 1.1em;
    }

    #header.sub .headerslider .ce-bodytext h1, 
    #header.sub .headerslider .ce-bodytext h1 strong, 
    #header.sub .headerslider .ce-bodytext h3, 
    #header.sub .headerslider .ce-bodytext h3 strong, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h1,
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h1 strong, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h3, 
    .page264 .frame-ausblenden > .rahmen > .frame-default.frame-type-textmedia .ce-bodytext h3 strong,
    h3,
    .frame-blauerbalken.frame-type-shortcut h3,
    .frame-auszeichnungen header > strong,
    p.wieh3 {
        font-size: 24px;
    }

    #header.sub .headerslider .ce-bodytext {
        font-size: 18px;
    }

    .frame-hintergrundwelle h3 {
        margin: 30px 0;
    }

    .frame-type-cn_multicontent.frame-layout-8 .tx_cn-columns h3,
    .frame-type-cn_multicontent.frame-layout-8 .tx_cn-columns p.condensed {
        font-size: 22px;
        line-height: 1.4em;
    }

    a.buttonlink.ankerlink.scroll {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 60px);
        margin-left: 0;
        margin-right: 0;
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen .ce-gallery {
        max-width: 120px;
        right: -20px;
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen h3, 
    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen p:nth-of-type(1), 
    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen p:nth-of-type(2) {
        width: calc(100% - 125px);
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen p:nth-of-type(3) {
        width: 100%;
    }

    #inhaltsbereich .frame-hintergrundwelle .ce-gallery::after {
        background-size: 165%;
    }

    #inhaltsbereich > .frame-kacheln.frame-type-shortcut {
        margin-top: 40px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame {
        margin-bottom: 40px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .ce-gallery {
        margin-top: -30px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .image {
        padding: 10px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .ce-bodytext {
        width: calc(100% - 115px);
    }

    .page287 .headerslider .ce-bodytext h1 strong {
        height: 55px;
        background-size: 125px auto;
    }
    
    .frame-bodytextmaxwidth.frame-layout-11 .ce-right.ce-intext .ce-gallery,
    .frame-bodytextmaxwidth.frame-layout-11 .ce-left.ce-intext .ce-gallery {
        max-width: 50px !important;
    }

    .frame-bodytextmaxwidth.frame-layout-11 .ce-left.ce-intext .ce-bodytext h3,
    .frame-bodytextmaxwidth.frame-layout-11 .ce-right.ce-intext .ce-bodytext h3 {
        margin: -45px 0 20px 60px;
    }

    .frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext,
    .frame-style-3column .tx_cn-columns[data-cols="3"] .row .frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext {
        width: calc(100% - 10px);
        margin: 0;
        padding: 15px 5px calc(15px - 0.6em);
    }

    .frame-style-3column .tx_cn-columns[data-cols="3"] .row .frame-flipbox_multicontent.frame-style-2column .row > .col-100:first-child .ce-bodytext {
        font-size: 16px;
        line-height: 1.4em;
    }

    .frame-type-cn_multicontent .ui-accordion-header-icon,
    .frame-type-cn_multicontent .ui-accordion-header:hover .ui-accordion-header-icon,
    .frame-type-cn_multicontent .ui-accordion-header.ui-state-active .ui-accordion-header-icon, 
    .frame-type-cn_multicontent .ui-accordion-header.ui-state-active:hover .ui-accordion-header-icon {
        right: 1%;
        background-size: 16px auto;
    }
}

@media (max-width: 430px) {
    .frame-bildaussen.frame-layout-1 > .rahmen::before {
        top: 180px;
    }

    .frame-bildaussen.frame-layout-1 > .rahmen::after {
        top: 160px;
    }
    
    .page1 .auswahl_tariftyp .tab_tariftyp, 
    .page1 .rechner-heizstromlink a, 
    .auswahl_tariftyp .tab_tariftyp, 
    .rechner-heizstromlink a, 
    .rechner-heizstromlink span.heizstrom-vorauswahl, 
    .page1 .rechner-heizstromlink span.heizstrom-vorauswahl {
        padding: 5px 10px;
    }
}

@media (max-width: 400px) {
    #oben .mob1 {
        width: 100%;
        margin: 5px 0 15px;
    }

    #oben .mob2 > li > a {
        padding: 10px;
    }

    .ui-accordion-header {
        width: 88%;
        padding: 15px 10% 15px 2%;
    }

    .frame-layout-20 .ce-textpic.ce-left .ce-gallery + .ce-bodytext, 
    .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery.ce-border + .ce-bodytext {
        width: 100%;
        float: left;
        clear: both;
    }

    .page607  .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery.ce-border {
        margin: 0 0 20px 0;
        max-width: 130px;
    }

    #inhaltsbereich > .frame.frame-fluffigeblase:not(#c3020) {
        margin-top: 0 !important;
    }

    body:not(.page8) .frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div >::before, 
    body:not(.page8) .frame-fluffigeblase .tx_cn-columns[data-cols="2"] .row > div >::after {
        display: none;
    }

    .page8 .frame-type-div.frame-space-before-40.frame-space-after-60 {
        margin: -60px 0 0 0 !important;
    }

    .page8 #inhaltsbereich.sub > .frame-type-list.frame-space-after-60 {
        margin: 0 0 -20px 0 !important;
    }

    .page8 #inhaltsbereich > .frame-contentslider.frame-grauerbalken_neu {
        margin: 20px 0 0 0 !important;
    }

    #inhaltsbereich > .frame-kacheln.frame-type-shortcut {
        margin-top: 20px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame {
        margin-bottom: 10px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .ce-textpic {
        position: relative;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .ce-gallery {
        margin: 0 0 -25px 0px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .image {
        padding: 5px;
    }

    .frame-kacheln.frame-type-shortcut > .rahmen > .frame .ce-bodytext {
        box-shadow: none;
        width: calc(100% - 60px);
        padding: 35px 20px 0px 20px;
        border-radius: 0 30px 30px 30px;
        margin-left: 20px;
    }

    .ce-bodytext .contenttable {
        font-size: 14px;
        line-height: 1.4em;
    }

    .frame-gruenekacheleingerueckt .frame-kacheln .contenttable td:first-child {
        padding: 7px !important;
    }

    .frame-kuendigungsformular .powermail_confirmation h3 {
        font-size: 26px;
    }

    .frame-kuendigungsformular .powermail_confirmation .btn-group .btn {
        float: left;
        clear: both;
        margin: 0 0 20px 0;
    }

    .umzug .frame-ablauficons .ce-border .ce-row::before, 
    .posteeg .frame-ablauficons .ce-border .ce-row::before,
	.frame-ablauficons .ce-border .ce-row::before {
		display: none;
	}

    .frame-layout-21 .ce-textpic.ce-left.ce-intext .ce-gallery.ce-border {
        display: none;
    }

    .frame-ablauficons.frame-layout-1 .ce-border, 
    .page211 .frame-ablauficons.frame-layout-1 .ce-border, 
    .frame-ablauficons.frame-layout-3 .ce-border, 
    .page260 .frame-ablauficons.frame-layout-1 .ce-border {
        min-height: 0;
    }

    #inhaltsbereich > .frame-layout-2 .frame-ablauficons,
	.neueproduktdetailseite .frame-layout-2 .frame-ablauficons {
		counter-increment: chartnum;
	}

    #inhaltsbereich > .frame-layout-2 .frame-ablauficons .ce-border .ce-row::after, 
    .neueproduktdetailseite .frame-layout-2 .frame-ablauficons .ce-border .ce-row::after {
        content: counter(chartnum);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 75px;
        color: rgba(150,184,44,0.15);
    }

    /* -- natur.regio- und Jahn Strom-Unterseite: Bild neben H1 -- */
    .page293 .frame-default .ce-border .ce-row:first-child,
    .page287 .frame-default .ce-border .ce-row:first-child {
        display: none;
    }

    #inhaltsbereich > .frame-layout-2 .frame-ablauficons {
        float: left;
        width: 100%;
    }

    #inhaltsbereich > .frame-layout-2 .frame-ablauficons > .rahmen .ce-textpic {
        margin-right: 0;
    }

    #inhaltsbereich > .frame-layout-2 .frame-ablauficons > .rahmen .ce-bodytext {
        background: none;
        padding: 20px 0px 5px;
        box-shadow: none;
        left: 0px;
        position: relative;
        z-index: 1;
        top: 0px;
        width: 100% !important;
        text-align: center;
    }
}

@media (max-width: 380px) {
    #oben .login.portal .ce-gallery img {
		width: 30px !important;
	}

    #oben .login.portal.innav {
        line-height: 50px;
    }

	#oben .login.portal {
		top: 18px;
		width: 50px !important;
		height: 50px;
	}

	.mob_button {
		right: 5%;
	}

	.mob_button span {
		left: 5px;
		width: 40px;
	}

    .frame-zwischenheaderwelle::after {
        bottom: -1px;
    }

    .frame-hausanschluss-zeitstrahl {
        font-size: 14px;
    }
    
    .frame-hausanschluss-zeitstrahl .col-100 h4 {
        font-size: 16px;
        margin: 10px 0;
    }
}

@media (max-width: 360px) {
    h1, 
    h2, 
    h3, 
    .frame-blauerbalken.frame-type-shortcut h2, 
    .frame-blauerbalken.frame-type-shortcut h3, 
    #inhaltsbereich > .frame-zentrierterinhalt h2, 
    #inhaltsbereich.sub .frame-downloadbox h3, 
    #inhaltsbereich.sub .frame-downloadbox header strong, 
    #inhaltsbereich > .frame-filterkachelboxen .cn_multicontent_teaser h2, 
    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen h3, 
    .frame-blauerbalken.frame-type-shortcut h3, 
    #inhaltsbereich.sub > .frame-blauerbalken.frame-type-menu_categorized_content h3,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed,
    .frame-auszeichnungen header > strong,
    p.wieh3 {
        font-size: 22px;
        line-height: 1.1em;
    }

    h1 strong, 
    h2 strong, 
    .page188 h4 strong,
    #inhaltsbereich > .frame-contentslider.frame-type-shortcut.frame-grauerbalken_neu > .rahmen .ce-bodytext p.condensed strong {
        font-size: 24px;
    }

    #inhaltsbereich > .frame-notdienst h3 {
        font-size: 20px;
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen .ce-gallery {
        max-width: 100px;
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen h3, 
    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen p:nth-of-type(1) {
        width: calc(100% - 85px);
    }

    .frame-textboxmitbild .tx_cn-columns > div > div .frame-type-textmedia > .rahmen p:nth-of-type(2) {
        width: 100%;
    }
}

@media (max-width: 350px) {
    a.more_ge, 
    #inhaltsbereich .link-internal, 
    a.buttonlink.ankerlink,
    #inhaltsbereich a.more_ge[href^="tel:"] {
        padding: 10px 50px 10px 15px;
    }

    a.more_ge::before, 
    #inhaltsbereich .link-internal::before, 
    a.buttonlink.ankerlink::before, 
    #inhaltsbereich a.more_ge[href^="tel:"]::before {
        right: 20px;
    }

    a.more_ge::after, 
    #inhaltsbereich .link-internal::after, 
    a.buttonlink.ankerlink::after, 
    #inhaltsbereich a.more_ge[href^="tel:"]::after {
        right: 15px;
    }

    @keyframes blink_more_ge {
        0% {
            right: 19px;
        }
        25% {
            right: 15px;
        }
        50% {
            right: 11px;
        }
        75% {
            right: 7px;
        }
        100% {
            right: 3px;
        }
    }

    .frame-ablauficons a.more_ge, 
    #inhaltsbereich .frame-ablauficons .link-internal, 
    .frame-ablauficons a.buttonlink.ankerlink,
    #inhaltsbereich .frame-ablauficons a.more_ge[href^="tel:"] {
        padding: 10px 50px 10px 10px;
        background-color: var(--gruen) !important;
    }

    #inhaltsbereich .link-internal, 
    #inhaltsbereich .link-external-blank, 
    .frame-blauerbalken.frame-type-shortcut a, 
    .frame-downloadbox ul li a {
        font-size: 16px !important;
    }

    .ui-accordion-header {
        width: 86%;
        padding: 15px 10% 15px 4%;
    }

    .headerslider .owl-next {
        left: auto;
        right: 5px;
    }
    
    .frame-flipbox_multicontent.frame-style-2column .row > .col-100:last-child .ce-bodytext h4 {
        font-size: 1.25em;
        line-height: 1.2em;
    }
}

@media (max-height: 800px) {
    .slidein {
        position: absolute;
    }

    .lp .slidein {
        position: fixed;
    }
}