/* Anpassung Kopfbild Flexslider */
@media screen and (min-width: 1px) and (max-width: 1920px) {
    .frame-kopfbild .flexslider ul li img {
        /*width: 120% !important;*/
        /*margin-left: -10%;*/
    }
    .frame-kopfbild .headerbild,
    .frame-kopfbild .headerbild .bild {
        height: 100%;
        width:auto !important;
    }
    .frame-kopfbild .headerbild .bild img {
        min-height: 100%;
        min-width: 100%;
        width: auto !important;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
@media screen and (max-width: 1600px) {
    .logo {
        width: 230px;
        height: 90px;
        margin-top: 10px;
    }
    .logo a.homelink {
        display: inline-block;
        width: 170px;
        height: 80px;
        margin-left: 20px;
        margin-top: 10px;
        padding: 0;
        background-image: url(/fileadmin/template/images/swn-logo-claim.svg);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: auto;
    }
    .headercontent {
        width: 550px;
        height: 40px;
        margin-top: 40px;
    }
    .headercontent p {
        margin-top: 0.6em;
    }
    .headercontent p a {
        display: inline-block;
        color: #fff;
        font-weight: bold;
        font-style: italic;
        text-decoration: none;
        padding-left: 5px;
        padding-right: 10px;
        border-left: 1px solid #fff;
    }
    .headercontent p a:last-child {
        position: absolute;
        margin: 0px;
        top: 0px;
        right: 0px;
        line-height: 40px;
        display: block;
        height: 40px;
        padding-right: 10px;
        padding-left: 50px;
        border-left: 1px solid transparent;
        border-radius: 90px 0px 0px 90px;
        background-image: url(/fileadmin/template/images/icon-stoerung.png);
        background-repeat: no-repeat;
        background-size: auto 20px;
        background-position: 20px center;
        background-color: #941981;
    }
.frame-kopfbild .headerbild {
 position:relative;
width:1360px !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
/* Wetter Daten */
.wetterdaten,
.wetterdatensmall {
top:100px !important;
font-size:0.7em !important;
padding-top:0.3em !important;
padding-bottom:0.3em !important;
width:170px !important;
}
/* Suche in Seite mit Kopfslider Seitenlayout 1 */
    .suche {
width:80% !important;
}
.headersearch {
margin-top:-10% !important;
}
.tx-indexedsearch-autocomplete {
position:absolute !important;
top:0px;
width:150%;
margin-left:-25%;
position: relative;
float:left;
margin-top:0px;
padding-top:0.5%;
padding-bottom:2%;
}
.headersearch .tx-indexedsearch-autocomplete {
margin-top:100px;
padding-top:10px;
}
#c4320 .tx-indexedsearch-autocomplete {
display:none;
}
.footer ,
.footer .footercontent {
width:100%;
margin-left:0;
}
/* *************
Seitenabschnitte Breiten
************* */
.multicolumnLayout8,
.multicolumnLayout9,
.multicolumnLayout10,
.multicolumnLayout11,
.multicolumnLayout12,
.multicolumnLayout13,
.multicolumnLayout14,
.multicolumnLayout15,
.multicolumnLayout16,
.multicolumnLayout18,
.footer {
width:101% !important;
padding-left:5%;
padding-right:5%;
margin-left:-5.5%  !important;
}
.frame-layout-1,
.frame-layout-1-content .contentcolumn {
left: 2.5%;
-webkit-transform: translateX(-0%);
-ms-transform: translateX(-0%);
transform: translateX(-0%);
margin-left:auto !important;
margin-right:auto !important;
width:95%;
}
.frame-newsbox {
margin-left:2%;
}
/*************
Kontakte in 3 Spaltencontainern 
***************/
.multicolumnLayout4 .frame-kontaktfunkt,
.multicolumnLayout4 .frame-kontaktdaten {
position:relative;
float:left;
width:100%;
text-align:center;
}
.multicolumnLayout4 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext .ce-bodytext {
float:left;
width:100%;
}
.multicolumnLayout4 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext .ce-gallery {
width:200px;
margin-left:50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/*********
Produkt Boxen-Button
*********/
.frame-themenbutton h2 {
font-size:2.4em;
}
.frame-themenbutton .ce-textpic.ce-left.ce-intext .ce-bodytext h2 {
font-size:1.8em;
margin-top:0.5em;
}
/**********
News slider 
**********/
.frame-newsbox .slick-slider {
width:96% !important;
margin-left:0% !important;
}
/*******
Standard Slick Slider 
********/
.frame-default .slick-slider {
width:85%;
margin-left:7.5%
}
}
@media screen and (max-width: 1025px) {
    body {
        font-size: 1em;
        line-height: 1.3em;
    }
h1 {
font-size: 2.8em;
}
h2 {
font-size: 2.4em;
margin-bottom:15px;
}
    h3{
font-size: 1.6em;
}
    h4 {
font-size:1.2em;
}
    /* Space */
    .frame-space-before-extra-small,
    .frame-space-before-small,
    .frame-space-before-medium,
    .frame-space-before-large,
    .frame-space-before-extra-large {
        margin-top: 2.5em !important;
    }
    .frame-space-after-extra-small,
    .frame-space-after-small,
    .frame-space-after-medium,
    .frame-space-after-large,
    .frame-space-after-extra-large {
        float: left;
        clear: left;
        width: 100%;
        margin-bottom: 2.5em !important;
    }
.headercontent {
        width: 530px;
        height: 40px;
        margin-top: 40px;
    }
/* Schattenbox als Button */
.frame-themenbutton {
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
}
.frame-themenbutton h2 {
font-size:2em;
margin-bottom:10px;
}
/* Produktbutton und Tarifboxen 
2963 = Waerme positiv Hinweise
4268 = Gastarife
*/
#c26 .column,
#c184 .column {
width:47%;
float:left;
}
#c2963 .column,
#c4268 .column {
width:42%;
float:left;
}
#c2963 .frame-textbox {
#width:100%;
}
#c2963 .frame-textbox .ce-gallery,
#c4268 .frame-textbox .ce-gallery {
margin-left:calc(-10% + 2px);
width:122%;
}
#c26 .column1, #c26 .column2,
#c184 .column1, #c184 .column2,
#c2963 .column1, #c2963 .column2,
#c4268 .column1, #c2963 .column2 {
margin-bottom: 20px;
}
#c2963 .column3,
#c4268 .column3 {
float:none;
margin-left:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateX(-50%);
}
/***** Text udn Bild ueberlappend ****/
.frame-bildtext .ce-textpic.ce-left.ce-intext.ce-nowrap,
.frame-textbild .ce-textpic.ce-right.ce-intext.ce-nowrap{
padding-bottom:20px;
}
.frame-bildtext .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
position:relative;
float:left;
width: auto;
left:50%;
margin-left:0%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateX(-50%);
margin-bottom:-15%;
}
.frame-textbild .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
position:relative;
float:left;
width: auto;
left: calc(50% - 30px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateX(-50%);
margin-bottom:-15%;
}
.frame-bildtext .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery figure {
width:auto;
margin-left:2%;
}
.frame-textbild .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery figure {
width:auto;
right:-2% !important;
}
.frame-bildtext .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext {
position:relative;
text-align:center !important;
width:90%;
left:3%;
-webkit-transform: translateY(-0%);
-ms-transform: translateY(-0%);
transform: translateY(-0%);
}
.frame-textbild .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {
position:relative;
text-align:center !important;
width:90%;
left:3%;
-webkit-transform: translateY(-0%);
-ms-transform: translateY(-0%);
transform: translateY(-0%);
}
.frame-textbild .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext .text-right,
.frame-textbild .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext .ce-headline-right {
text-align:center !important;
}
.multicolumnContainer.frame-textbildspalten .column, 
.multicolumnContainer.frame-bildtextspalten .column {
margin:0px;
}
.multicolumnContainer.frame-textbildspalten .column2,
.multicolumnContainer.frame-bildtextspalten .column1 {
width:722px !important;
}
.multicolumnContainer.frame-bildtextspalten .column1 {
margin-left:50% !important;
left:0px !important;
padding-bottom:2em;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.multicolumnContainer.frame-bildtextspalten .column1 .datenlegende,
.multicolumnContainer.frame-textbildspalten .column2 .datenlegende {
padding-bottom:2em;
}
.multicolumnContainer.frame-bildtextspalten .column2 {
position:relative !important;
width:96% !important;
text-align:center;
top:-3em;
-webkit-transform: translateY(-0%);
-ms-transform: translateY(-0%);
transform: translateY(-0%);
}
.multicolumnContainer.frame-textbildspalten .column1 {
position:relative !important;
float:left !important;
width:96% !important;
text-align:center;
top:1em;
-webkit-transform: translateY(-0%);
-ms-transform: translateY(-0%);
transform: translateY(-0%);
left:0%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.multicolumnContainer.frame-textbildspalten,
.multicolumnContainer.frame-textbildspalten .column {
transform: scaleY(-1);
}
.multicolumnContainer.frame-textbildspalten .column2 {
width:100% !important;
}
.multicolumnContainer.frame-textbildspalten .column2 #placeholder_pegel,
.multicolumnContainer.frame-textbildspalten .column2 .datenlegende {
width: 100%;
max-width: 100%;
}
/* Textbox mit Schatten */
.frame-textbox.frame-type-textpic header,
.frame-textbox.frame-type-text header,
.frame-textbox.frame-type-list header,
    .multicolumnLayout1.frame-textbox > header {
font-size:0.9em !important;
}
/* Abschnitt mit Hintergrundbild */
.multicolumnLayout10 .multicolumnContainer .column {
float:right;
width:70% !important;
margin-right:5%;
}
.multicolumnLayout10 {
background-position:center;
}
.frame-kopfbild .multicolumnLayout10 {
background-position:0px center;
}
/* Suche */
.suche {
position: relative;
z-index: 1;
float: left;
right: 0px;
margin-bottom: 20px;
width: 100%;
}
#c4320 .tx-indexedsearch-info-sword {
float:left;
width:100%;
}
/* eigene Suchvorschläge und Ergebnisliste auf 4 begrenzen */

#c4345 ul li,
.tx-indexedsearch-autocomplete ul li,
#c4345 ul.contentList li,
#c4437 ul.contentList li{
display:none;
}
#c4345 ul li:nth-of-type(1),
.tx-indexedsearch-autocomplete ul li:nth-of-type(1),
#c4345 ul.contentList li:nth-of-type(1),
#c4437 ul.contentList li:nth-of-type(1),
#c4345 ul li:nth-of-type(2),
.tx-indexedsearch-autocomplete ul li:nth-of-type(2),
#c4345 ul.contentList li:nth-of-type(2),
#c4437 ul.contentList li:nth-of-type(2),
#c4345 ul li:nth-of-type(3),
.tx-indexedsearch-autocomplete ul li:nth-of-type(3),
#c4345 ul.contentList li:nth-of-type(3),
#c4437 ul.contentList li:nth-of-type(3),
#c4345 ul li:nth-of-type(4),
.tx-indexedsearch-autocomplete ul li:nth-of-type(4),
#c4345 ul.contentList li:nth-of-type(4),
#c4437 ul.contentList li:nth-of-type(4){
display:inline-block;;
}
#content .myclass:last-child,
#content.myclass {
padding-bottom: 0px !important;
}
.section-state1 .section-content {
padding-left: 5% !important;
padding-right: 5% !important;
width: 90% !important;
}
#wrapper {
width: 100%;
padding-top: 0px !important;
overflow: hidden;
    }
.frame-layout-1,
.frame-layout-1-content .contentcolumn
.frame-layout-2,
.frame-layout-2-content .contentcolumn,
.frame-layout-3,
.frame-layout-3-content .contentcolumn {
left: 0%;
-webkit-transform: translateX(-0%);
-ms-transform: translateX(-0%);
transform: translateX(-0%);
margin-left:auto !important;
margin-right:auto !important;
max-width:100%;
width:100%;
}

/* image float */
    .ce-gallery[data-ce-columns='1'] .ce-row {
        float: left;
        height: auto;
        margin-right: 10px;
        margin-left: 0px;
    }
    .ce-gallery[data-ce-columns='1'] .ce-row .ce-column {
        float: left;
    }

    /* Anpassung Kopfbild Flexslider */
    .frame-kopfbild .flexslider .caption-wrapper {
        position: absolute;
        z-index: 1000;
        margin-left: 0%;
        width: 96%;
        text-align: center;
        padding: 5% 5% 2% 2%;
    }
    .frame-kopfbild .flexslider .zitat {
        font-size: 2.5em;
    }
    .frame-kopfbild .flexslider .caption-title {
        font-size: 1em !important;
    }
    .frame-kopfbild .flexslider ul li img {
        width: 150% !important;
        margin-left: -25%;
        margin-bottom: -10%;
        margin-top: -10%;
    }
    .frame-kopfbild .flexslider .flex-control-nav {
        position: absolute;
        width: 94%;
        bottom: 1%;
    }
/************
Newsslider Newsbox 
*************/
.frame-newsbox .slick-slider {
#width:98%;
height:auto !important;
margin-left:0%;
}
#.frame-newsbox .slick-prev.slick-arrow {
height:100%;
background-color:#fff;
}
#.frame-newsbox .slick-next.slick-arrow {
left:67%;
width:100px;
text-align:left;
height:100%;
background-color:#fff;
}
/*******
Standard Slick Slider 
********/
.frame-default .slick-slider {
width:90%;
margin-left:5%
}
/* Anpassungen Newsbox */
.frame-newsbox .slick-slider .card {
height:auto !important;
padding-bottom:4em;
}
.frame-newsbox .news-list-view .card {
width: calc(31% - 20px) !important;
height:370px !important;
}
/********
Boxen 1/4 Breite ohne Spaltencontainer
*********/
    .frame-linkbox {
width:24%;
}
}
@media screen and (max-width: 1000px) {
/* nur mobil anzeigen */
.frame-layout-5,
.frame-layout-5-content {
display:inline-block;
}
/* nur Desktop zeigen */
.frame-layout-6,
.frame-layout-6-content {
display:none;
}
/* Suche in Seite mit Kopfslider Seitenlayout 1 */
    .suche {
width:80%;
}
.headersearch {
margin-top:-11%;
}
.headersearch .tx-indexedsearch-autocomplete {
margin-top:100px;
padding-top:10px;
}
/******
Suche ausblenden
******/
    .suche, .headersearch {
display:none;
}
/* Suche nur auf Suchseite einblenden */
#c4320 .suche {
display:block;
}
#c4320 .tx-indexedsearch-autocomplete {
margin-top:100px;
}
}
/* bildschirme bis 900px */
@media screen and (min-width: 1px) and (max-width: 900px) {
    body {
        #line-height: 1.2em;
    }
   html {
 scroll-padding-top:80px;
  }
h1 {
margin-bottom:10px;
}
    h2 {
margin-bottom:10px;
}
    h4 {
font-size:1.1em;
}
/***********
Abstand nach oben Seiten ohne Kopfslider
************/
    .headerpic {
margin-top:39px;
}
    .headercontent {
        width: 320px;
        height: 40px;
        margin-top: 40px;
    }
    .logo {
        box-shadow: 0px 0px 10px #ccc;
    }

    .multicolumnContainer .column {
        float: left;
        clear: left;
        width: 100% !important;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .multicolumnContainer .column1 {
margin-top:0px;
}
/******
Suche ausblenden
******/
    .suche, .headersearch {
display:none;
}
/* Suche nur auf Suchseite einblenden und Vorschläge ausblenden */
#c4320 .suche {
display:block;
}
#c4320 .tx-indexedsearch-autocomplete {
display:none;;
}
    /* Space */
    .frame-space-before-extra-small,

    .frame-space-before-small,
    .frame-space-before-medium,
    .frame-space-before-large,
    .frame-space-before-extra-large {
        margin-top: 1em !important;
    }
    .frame-space-after-extra-small,
    .frame-space-after-small,
    .frame-space-after-medium,
    .frame-space-after-large,
    .frame-space-after-extra-large {
        float: left;
        clear: left;
        width: 100%;
        margin-bottom: 1em !important;
    }
    .footer p {
        text-align: center !important;
    }
    .footer .ce-textpic,
    .footer .ce-textpic .ce-gallery,
    .footer .ce-textpic .ce-column,
    .footer .ce-textpic .ce-row,
    .footer .ce-textpic .ce-bodytext {
        width: 100%;
        text-align: center;
    }
    .footer .ce-textpic figure {
        float: none;
        margin: 0 auto;
    }
    .tx-powermail .powermail_fieldset {
        width: 95% !important;
        float: left;
        clear: left;
        margin-left: 2%;
        margin-right: 2%;
    }

    /* Bild Text Ausrichtung allgemein */
    .ce-bodytext {
        float: left;
        clear: left;
        width: 100%;
    }
    .ce-gallery[data-ce-columns='1'] .ce-row {
        width: 100%;
    }
    #.ce-gallery {
        float: left !important;
        clear: left !important;
        width: auto !important;
        display: inline-block !important;
    }
    .ce-row {
        margin-bottom: 0px;
        width: 100%;
    }
    .ce-gallery figure {
        width: 100% !important;
        margin-bottom: 10px;
    }
    figure img {
        float: none;
        margin: 0 auto;
        max-width: 100% !important;
        height: auto !important;
    }
    figcaption {
        width: 100% !important;
        white-space: normal !important;
        overflow: visible;
        text-overflow: clip;
        padding-bottom: 0px;
    }
    /* Anpassung Kopfbild Flexslider */
    .frame-kopfbild .flexslider .caption-wrapper {
        top: 0%;
    }
    .frame-kopfbild .flexslider .caption-content {
        width: 94%;
    }
    .frame-kopfbild .flexslider .caption-body h1,
    .frame-kopfbild .flexslider .caption-content p {
        margin: 0px !important;
        padding: 0px;
        line-height: 1.2em;
    }
    .frame-kopfbild .flexslider .flex-control-nav {
        position: absolute;
        width: 98%;
        bottom: 0%;
    }
    .frame-kopfbild .flexslider p a {
        margin-top: 0%;
        padding: 0.4em 0em 0.4em 0em;
        border: 1px solid;
    }
/* Newsslider */
.frame-newsbox .slick-slider {
width:95%;
margin-left:0%;
}
#.frame-newsbox .slick-prev.slick-arrow {
height:100%;
background-color:#fff;
}
#.frame-newsbox .slick-next.slick-arrow {
left:100%;
width:auto;
text-align:left;
height:100%;
background-color:#fff;
}
/* Anpassungen News Liste */
    .frame-newsbox .news-list-view .card {
        width: calc(47.5% - 20px) !important;
        height: 380px !important;
    }

    /** Header Startseite **/
    .frame-kopfbild .frame-kopfbild {
        height: 100vh;
        min-height: 500px;
    }
    .frame-kopfbild .headerbild,
    .frame-kopfbild .headerbild .bild {
        height: 100%;
    }
    .frame-kopfbild .headerbild .bild img {
        min-height: 100%;
        min-width: 100%;
        width: auto;
        height: auto;
        margin: 0;

        padding: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        float: none;
    }
    .frame-kopfbild .headerbild .frame-tarifelinks,
    .frame-kopfbild .headerbild .frame-tariferechts,
    .frame-kopfbild .contentraw .frame-tarifelinks,
    .frame-kopfbild .contentraw .frame-tariferechts {
        top: 64px !important;
        top: 10vh !important;
        left: 50% !important;
        transform: translateX(-50%) scale(0.8) !important;
        width: 110% !important;
        max-width: 430px !important;
        padding: 0% 5% !important;
    }
    /* Tarifrechner */
    #aov_sprung_maske #content .button {
        #width: 100%;
        min-width: 1px;
        max-width: 85%;
    }
    #aov_sprung_maske .close_wrapper {
        right: 4%;
    }
    #aov_sprung_maske h1 {
        font-size: clamp(1em, 14vw, 3.2em) !important;
        word-break: break-word;
    }
    #aov_sprung_maske .head {
        position: relative;
    }
    #.multicolumnContainer {
        width: 80% !important;
        width: calc(100% - 40px) !important;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #.multicolumnLayout10[style*='background-image'] {
        padding-left: 0px;
        padding-right: 0px;
        width: 100% !important;
    }
    .frame-layout-1,
    .frame-layout-1-content .contentcolumn,
    .frame-slideraktiv .multicolumnLayout3 .column {
        left: 0px !important;
        top: 0px !important;
        position: relative;
        transform: unset !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-shadow: unset !important;
        width: 100%;
        max-width: 100%;
    }
    .frame-slideraktiv .multicolumnLayout3 .column {
        width: calc(100% - 40px) !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer {
        padding-bottom: 60px;
        padding-bottom: calc(6% + 40px);
    }
#c26 .column1, #c26 .column2, #c26 .column3, #c26 .column4,
#c184 .column1, #c184 .column2, #c184 .column3, #c184 .column4 {
margin-bottom: 20px;
}
#c26 .frame-themenbutton .ce-textpic.ce-center.ce-above h2,
#c184 .frame-themenbutton .ce-textpic h2 {
font-size: 2.4em !important;
}
#c184 .frame-themenbutton .ce-textpic h2 {
position:absolute;
top:20px;
left:90px;
width:75%;
}
#c184 .frame-themenbutton .ce-textpic .ce-gallery,
#c184 .frame-themenbutton .ce-textpic .ce-column,
#c184 .frame-themenbutton .ce-textpic figure {
position:relative;
width:auto !important;
float:left !important;
}
#c2963 .frame-textbox .ce-gallery,
#c4268 .frame-textbox .ce-gallery {
margin-left:calc(-10% + 2px);
width:119%;
}
.frame-bildtext .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery figure,
.frame-textbild .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery figure {
width:96% !important;
position:relative;

}
/*************
Kontakte in 2 Spaltencontainern 
***************/
.multicolumnLayout3 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext .ce-gallery {
margin-left:0%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.multicolumnLayout3 .frame-kontaktdaten .ce-bodytext {
        float: none;
        clear: none;
        width: auto !important;
    }
/*************
Kontakte in 3 Spaltencontainern 
***************/
.multicolumnLayout4 .frame-kontaktfunkt,
.multicolumnLayout4 .frame-kontaktdaten {
position:relative;
float:left;
width:100%;
text-align:left;
}
.multicolumnLayout4 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext .ce-bodytext {
        float: none;
        clear: none;
        width: auto !important;
}
.multicolumnLayout4 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext .ce-gallery {
margin-left:0%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
    .ce-gallery[data-ce-columns='1'] .ce-row {
        width: 100%;
    }
    #.ce-gallery {
        float: left !important;
        clear: left !important;
        width: auto !important;
        display: inline-block !important;
    }
    .ce-row {
        margin-bottom: 0px;
        width: 100%;
    }
    .ce-gallery figure {
        width: 100% !important;
        margin-bottom: 10px;
    }



    figure img {
        float: none;
        margin: 0 auto;
        max-width: 100% !important;
        height: auto !important;
    }
    figcaption {
        width: 100% !important;
        white-space: normal !important;
        overflow: visible;
        text-overflow: clip;
        padding-bottom: 0px;
    }
.frame-kontaktfunkt:after {
position:absolute;
display:block;
content:' ';
width:100%;
height:2px;
bottom:-10px;
#margin-top:20px !important;
background-color:#ddd;
}
/********
Boxen 1/4 Breite ohne Spaltencontainer
*********/
    .frame-linkbox {
width:41%;
}
    .frame-linkbox p {
text-align:center;
}
/*** Bild und Text ueberlappend ***/
.multicolumnContainer.frame-textbildspalten .column2,
.multicolumnContainer.frame-bildtextspalten .column1,
.multicolumnContainer.frame-textbildspalten .column2 #placeholder_pegel,
.multicolumnContainer.frame-textbildspalten .column2 .datenlegende,
.multicolumnContainer.frame-bildtextspalten .column1 #placeholder_pegel,
.multicolumnContainer.frame-bildtextspalten .column1 .datenlegende {
width:100% !important;
max-width:100%;
}
.multicolumnContainer.frame-bildtextspalten .column1 .datenlegende {
margin-top:-1px;
}
}
@media screen and (min-width: 1px) and (max-width: 640px) {
    body {
        font-size: 1em !important;
        line-height: 1.4em;
    }
.ce-textpic .ce-gallery,
.ce-textpic .ce-column {
}
.ce-textpic figure {

}
.frame-textbutton a {
margin-left:0em;
margin-right:0.8em;
}
    .powermail_fieldwrap {
        width: 100% !important;
        float: left;
        clear: left;
        margin-bottom: 0px !important;
    }
    .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field {
        float: left;
        margin-bottom: 3%;
    }
    /* Anpassung Kopfbild Flexslider */

    .frame-kopfbild .flexslider .caption-text {
        width: 90%;
    }
    .frame-kopfbild .flexslider .caption-content {
        font-size: 0.8em;
    }
    .frame-kopfbild .flexslider .slides img {
        width: 170% !important;
    }
    /* anpassungen Parallax */
    .section-state7 .parallax {
        padding-top: 15%;
        padding-bottom: 15%;
    }
/* Newsslider */
.frame-newsbox .slick-slider {
width:98%;
margin-left:0%;
}
.frame-newsbox .slick-prev.slick-arrow {
height:auto;
}
.frame-newsbox .slick-next.slick-arrow {
left:99%;
width:auto;
text-align:left;
}
    /* News anpassungen */
    .news-single .article .news-img-wrap {
        float: left;
        width: 100%;
        margin: 0.5em 25px 20px 0px;
    }
    /* Anpassungen News Liste */
    .frame-newsbox .news-list-view .card {
        width: calc(97% - 20px) !important;
        height: auto !important;
        padding-bottom: 4em;
    }
/* Abschnitt mit Hintergrundbild */
.multicolumnLayout10 .multicolumnContainer .column {
float:left;
width:85% !important;
margin-right:0%;
}
/********
Boxen 1/4 Breite ohne Spaltencontainer
*********/
    .frame-linkbox {
width:91%;
}
    .frame-linkbox p {
text-align:center;
}
/* Tabellen mobil darstellung */
  .frame-responsivetable {
position:relative;
float:left;
width:100% !important;
overflow-x:scroll !important;
  }  
.frame-responsivetable table{ 
display: block; 
width:690px !important;  
overflow: hidden !important; 
padding-bottom:25px;
margin-bottom:10px;
    background-image: url(/fileadmin/template/images/tableslide.png);
    background-repeat: no-repeat;
    background-position: center bottom;
background-size:auto auto;
    background-attachment: scroll;
} 

  .frame-responsivetable table td {
padding-left:5px;
padding-right:5px;
}  
.frame-responsivetable table:before { 
display: block; 
content:'';
width:690px !important;  
overflow: hidden !important; 
height:25px;
margin-bottom:5px;
    background-image: url(/fileadmin/template/images/tableslide.png);
    background-repeat: no-repeat;
    background-position: center bottom;
background-size:auto auto;
    background-attachment: scroll;
}
}

/* bildschirme bis 480px */
@media screen and (min-width: 1px) and (max-width: 480px) {
    h1 {
font-size:2.3em;
overflow-wrap: break-word; 
word-wrap: break-word; 
hyphens: auto;
}
    h2 {
font-size:2.1em;
overflow-wrap: break-word; 
word-wrap: break-word; 
hyphens: auto;
}
    h3 {
font-size:1.4em;
overflow-wrap: break-word; 
word-wrap: break-word; 
hyphens: auto;
}
    h4 {
font-size:1em;
overflow-wrap: break-word; 
word-wrap: break-word; 
hyphens: auto;
} 
.frame-kopfbild .flexslider .caption-wrapper {
top: -30px !important;
margin-top: 3% !important;
}
.frame-kopfbild .frame-tarifelinks,
.frame-kopfbild .contentraw .frame-tarifelinks  {
    left: 0% !important;
}
.frame-kopfbild .frame-tariferechts,
.frame-kopfbild .contentraw .frame-tariferechts {
    right: 5% !important;
}
#aov_sprung_maske #content .button{
    min-width: 6em !important;
    font-size: 0.95em;
    line-height: 1.2em;
    padding: 0.5em 0.8em 0.6em 0.8em !important;
}
    #aov_sprung_maske .headline {
font-size:0.8em;
padding-bottom:0.5em;
}
.frame-sliderboxen {
transform: scale(0.9);
}
.frame-bildtext .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery figure,
.frame-textbild .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery figure {
width:auto;
margin-left:2%;
}
/*************
Kontakte in 3 Spaltencontainern 
***************/
.multicolumnLayout3 .frame-kontaktfunkt,
.multicolumnLayout3 .frame-kontaktdaten,
.multicolumnLayout4 .frame-kontaktfunkt,
.multicolumnLayout4 .frame-kontaktdaten {
position:relative;
float:left;
width:100%;
text-align:center !important;
}
.multicolumnLayout3 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext,
.multicolumnLayout4 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext {
width:100% !important;
}
.multicolumnLayout3 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext .ce-bodytext,
.multicolumnLayout4 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext .ce-bodytext {
float:left !important;
width:100% !important;
margin-left:50% !important;
left:0px !important;
text-align:center !important;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.multicolumnLayout3 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext .ce-gallery,
.multicolumnLayout4 .frame-kontaktdaten .ce-textpic.ce-left.ce-intext .ce-gallery {
width:100% !important;
margin-left:25% !important;
#left:0px !important;
#-webkit-transform: translateX(-50%);
#-ms-transform: translateX(-50%);
#transform: translateX(-50%);
}
}
/* bildschirme bis 370px */
@media screen and (max-width: 374px) {
}