/* FAQ ordered List Fix*/
.dsmid_523703 .dsarticle_1 {
    margin:0 5% 0 5%;
    width:89%;
}

.dsmid_523703 .dsarticle_1 ol{
    margin:0 0 0 0em;
    width:90%;
}

.dsmid_523703 .dsarticle_1 ol li{
    margin:0 0 0.75em 0;
    padding:0 0 0 0.5em!important;
    text-indent:-1em!important;
}






/* Störer PArtner werden  */
.partnerwerden{
    background:#9B8FEC;
    margin:1em 9% 1em 9%;
    padding:2em 5% 2em 220px;
    color:#fff;
    min-height:80px;
    border-radius:1.5em;
    position:relative;
}


.partnerwerden:before{
  position: absolute;
  content: "\f4c6";
  font-family: 'Font Awesome 6 Pro';
  left: 3%;
  top:0.5em;
  font-size: 8em;
  font-weight: 100;
}


.partnerwerden:after{
  position: absolute;
  content: "\e682";
    content:"\f6a3";
  font-family: 'Font Awesome 6 Pro';
  right: 3%;
  top:0.5em;
  font-size: 9em;
  font-weight: 100;
  rotate:0deg;
    color:rgba(255,255,255,0.1);
}


.partnerwerden h4{
   font-size:2.1em;
    line-height:1.1em;
    margin:0.25em 0% 0.4em 0%;
    color:#fff;
    font-weight:100;
}

.partnerwerden a{
   font-size:1em;
    margin:0 0% 0 0%;
    float:left;
    width:100%;
    display:block;
    color:#fff!important;
    position:relative;
}

.partnerwerden a:after{

  position:relative;
  content: "\f061";
  font-family: 'Font Awesome 6 Pro';
  left: 2%;
  top:0.1em;
  font-size: 1.5em;
  font-weight: 400;
}

@media (max-width:1200px) {
    .partnerwerden{
    background:#9B8FEC;
    margin:1em 9% 1em 9%;
    padding:1.5em 5% 2em 200px;
    color:#fff;
    min-height:80px;
    border-radius:1.5em;
    position:relative;
}
.partnerwerden h4{
   font-size:2.1em;
    line-height:1.1em;
    margin:0.25em 0% 0.2em 0%;
    color:#fff;
    font-weight:100;
}

.partnerwerden:before{
  position: absolute;
  content: "\f4c6";
  font-family: 'Font Awesome 6 Pro';
  left: 3%;
  top:0.65em;
  font-size: 7em;
  font-weight: 100;
}

}


@media (max-width:767px) {
    .partnerwerden{
    background:#9B8FEC;
    margin:1em 5% 1em 5%;
    padding:1.5em 5% 2em 140px;
    color:#fff;
    min-height:80px;
    border-radius:1.5em;
    position:relative;
    font-size:80%
}
.partnerwerden h4{
   font-size:1.8em;
    line-height:1.1em;
    margin:0.25em 0% 0.2em 0%;
    color:#fff;
    font-weight:100;
}

.partnerwerden:before{
  position: absolute;
  content: "\f4c6";
  font-family: 'Font Awesome 6 Pro';
  left: 3%;
  top:0.65em;
  font-size: 7em;
  font-weight: 100;
}

}




#PM1509 .ShowNoMore1509 {
    display: none;
}

/* Suche in der Metanavigation im Header   */

#dssiteheader button.showsuche {
    position: absolute;
    right: 22%;
    top:0.2em;
    color:#483E86;
    background:none;
    border:none;
}

#dssiteheader button.showsuche .fa-search {
    font-size: 1.9em;
}


#SucheForm {
    width: 100%;
    height: 542px;
    padding: 150px 0% 2em 0%;
    /*schwarz background: rgba(0, 0, 0, 0.85);*/
    /*violett background: rgba(72,62,134,0.9);*/
    background:rgba(114,211,243,0.95);
    float: left;
    position: relative;
    z-index: 12500!important;
    top: -108px;
    margin:0 0 -750px 0;
    background-image:url(/mm/\\mm001/Familienapp_Hessen_Logo_weiss_75.png);
    background-repeat:no-repeat;
    background-position:90% 90%;
    background-size:400px;
}

#SucheForm h2 {
    width: 100%;
    float: left;
    margin: 0 2% 4.5em 0;
    padding: 0 0 0 0;
    font-size: 260%;

    line-height: 100%;
    text-align: left;

    color: #fff;
    color: #483E86;
    position:relative;

}

#SucheForm h2:after {
    content:'Finden Sie schnell relevante Inhalte auf der Webseite, indem Sie Stichwörter oder Phrasen eingeben. Die Suche erfasst alle verfügbaren Texte und zeigt die besten Treffer an.';
    position:absolute;
    left:0;
    top:4em;
    font-weight:normal;
    line-height:1.3em;
    font-size:50%
}



form#searchform {
    display:block;
    margin: auto;
    padding: 0 9% 0 9%;
    width: 82%;
    height: auto;
    _text-align: center;
}

input#search {
    background: white;
    margin: 0 0 0 0;
    padding: 0 1% 0 2%;
    color: #483E86;
    font-weight:400;
    font-size: 150%;

    line-height: 100%;
    height: 52px;

    width: 77%;
    float: left;
    opacity:1;
    border-radius: 15px 0 0 15px;

    border: none;
}

input#suche_button {
    background: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 20%;
    height: 52px;
    font-size: 150%;

    line-height: 100%;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0 15px 15px 0;
    background-color: #E51C1F;

    border: none;
    color: #fff;
}


#SucheForm button#suche_schliesser {
    position: absolute;
    right: 21.6%;
    top:1.5em;
    color:#fff;
    color: #483E86;
    background:none;
    border:none;
}

#SucheForm #suche_schliesser .fa-times,
#SucheForm #suche_schliesser .fa-times-circle {
    font-size:2.5em;
    font-size:3em;
    font-weight:600;
}


@media (max-width:767px) {

#dssiteheader button.showsuche {
    right: 30%;
    top:0.2em;
}


#SucheForm button#suche_schliesser {
    position: absolute;
    right: 29%;
    top:1.6em;
    color:#fff;
    color: #483E86;
    background:none;
    border:none;
}

 #SucheForm {
    width: 100%;
    height: 516px;
    padding: 150px 0% 2em 0%;
    /*schwarz background: rgba(0, 0, 0, 0.85);*/
    /*violett background: rgba(72,62,134,0.9);*/
    background:rgba(114,211,243,0.95);
    float: left;
    position: relative;
    z-index: 12500!important;
    top: -108px;
    margin:0 0 -750px 0;
    background-image:url(/mm/\\mm001/Familienapp_Hessen_Logo_weiss_75.png);
    background-repeat:no-repeat;
    background-position:90% 90%;
    background-size:250px;
}

#SucheForm h2 {
    width: 100%;
    float: left;
    margin: 0 2% 3.5em 0;
    padding: 0 0 0 0;
    font-size: 240%;

    line-height: 100%;
    text-align: left;

    color: #fff;
    color: #483E86;
    position:relative;

}


#SucheForm h2:after {
    line-height:1.3em;
    font-size:40%;
    top:em;
}


input#search {
    background: white;
    margin: 0 0 0.5em 0;
    padding: 0 1% 0 4%;
    font-size: 125%;
    height: 52px;
    width: 95%;
    border-radius: 15px  15px;
}

input#suche_button {
    width: 100%;
    height: 52px;
    font-size: 125%;
    border-radius: 15px 15px ;
}


}

@media (max-width:480px) {



#SucheForm #suche_schliesser .fa-times,
#SucheForm #suche_schliesser .fa-times-circle {
    font-size:2.5em;
    font-size:3em;
    font-weight:600;
}



 #SucheForm {

    height: 400px;
    padding: 100px 0% 2em 0%;
    /*schwarz background: rgba(0, 0, 0, 0.85);*/
    /*violett background: rgba(72,62,134,0.9);*/
    background:rgba(114,211,243,0.95);
    float: left;
    position: relative;
    z-index: 12500!important;
    top: -80px;
    margin:0 0 -750px 0;
    background-image:url(/mm/\\mm001/Familienapp_Hessen_Logo_weiss_75.png);
    background-repeat:no-repeat;
    background-position:90% 90%;
    background-size:200px;
}



#SucheForm h2:after {
    line-height:1.3em;
    font-size:36% ;
    top:4em;
}


input#search {
    background: white;
    margin: 0 0 0.5em 0;
    padding: 0 1% 0 4%;
    font-size: 125%;
    height: 52px;
    width: 95%;
    border-radius: 15px  15px;
}

input#suche_button {
    width: 100%;
    height: 52px;
    font-size: 125%;
    border-radius: 15px 15px ;
}


}



/*  Appisda */




#appisda {
    /*background-image: url('../img/App-BG.jpg');*/
    background-image: url('../img/Website_App-img.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    position: relative;
    height: 850px;
    display: inline-block;
    color: #fff;
}

#appisda .contentContainer {
    width: 60.5%;
    position: absolute;
    right: 0;
}

#appisda .buttonContainer {
    left: auto;
    right: 0;
    position: relative;
    width: 100%;
    max-width: 690px;
    text-align: right;
    margin: 2rem 0 2rem 0;
}

#appisda h4 {
    position: relative;
    width: 100%;
    color: #fff;
    line-height: 1.75rem;
    font-size: 1.5rem;
}

#appisda span {
    position: relative;
    width: 100%;
    color: #fff;
    line-height: 1.75rem;
}

.appButton {
    position: relative;
    box-shadow: 1px 1px 28px rgba(1, 1, 1, .3);
    border-radius: 2rem;
    width: 100%;
    margin: 1rem;
    display: inline-block;
    max-width: 364px;
}

@media (max-width:888px) {
    #appisda .contentContainer {
        width: 80%;
        position: absolute;
        right: auto;
        padding: 3rem;
        right: 0;
        left: 0;
        margin: auto;
    }
    #appisda .buttonContainer {
        position: relative;
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 2rem 0 2rem 0;
    }
}

@media (max-width:1200px) {
    #appisda {
        background-size: cover;
    }
}

@media (max-width:1199px) {
    a#jumpUp {
        display: none !important;
    }
}

@media (min-width:1200px) {
    a#jumpUp {
        position: fixed;
        right: 45px;
        bottom: 25px;
        z-index: 99;
    }
    a#jumpUp i {
        padding: 0.5rem 0.75rem;
        background-color: #72D3F3;
    }
}

#dsarticleheader h1.dstitle_4,
#dsarticleheader h2.dstitle_4:first-of-type {
    font-weight: 700;
    margin: 0 0 1em 0;
    padding: 0 0 0.6em 0;
    color: #FF4D52;
    font-size: 2.5em;
    line-height: 1em;
    text-align: center;
    /*background-image: url(/img/h1_trenner.png);*/
    background-repeat: no-repeat;
    background-position: center bottom;
}


/**** APP START ENDE***/

@font-face {
    font-family: 'Kameron';
    font-weight: 400;
    font-style: normal;
    src: url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-regular.eot');
    src: url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-regular.eot?#iefix') format('embedded-opentype'), local('Kameron'), local('Kameron-regular'), url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-regular.woff2') format('woff2'), url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-regular.woff') format('woff'), url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-regular.ttf') format('truetype'), url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-regular.svg#Kameron') format('svg');
}

@font-face {
    font-family: 'Kameron';
    font-weight: 700;
    font-style: normal;
    src: url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-700.eot');
    src: url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-700.eot?#iefix') format('embedded-opentype'), local('Kameron Bold'), local('Kameron-700'), url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-700.woff2') format('woff2'), url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-700.woff') format('woff'), url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-700.ttf') format('truetype'), url('//cdn.hessen-agentur.de/fonts/kameron/Kameron-700.svg#Kameron') format('svg');
}


/* New Font */


/* Weihnachtszeit */

#dsarticle_5083829 .dsnowrap_image {
    width: 100% !important;
}

#dsarticle_5083829 .dsarticle_content {
    position: relative;
}

@media (max-width: 630px) {
    .white-box-with-black-border {
        width: 90%;
        position: relative;
        display: inline-block;
    }
}

@media (min-width: 631px) {
    .white-box-with-black-border {
        width: 60%;
        position: absolute;
        right: 0;
        margin-top: 50px;
    }
}

@media (min-width: 900px) {
    .white-box-with-black-border {
        width: 70%;
    }
}

@media (min-width: 1080px) {
    #dsarticle_5083829 .dsnowrap_image {
        width: 80%;
    }
    .white-box-with-black-border {
        width: 43%;
    }
}

@media (min-width: 1080px) and (max-width: 1279px) {
    #dsarticle_5083829 .dsnowrap_image {
        width: 80% !important;
    }
}

@media (min-width: 1280px) {
    #dsarticle_5083829 .dsnowrap_image {
        width: 100% !important;
    }
}


/* youtube-Video   */

#videogalerie {
    height: 675px;
    overflow: hidden;
    margin: 0 0 -20px 0;
}

#youtubedisclaimer {
    background: white;
    padding: 30px 5% 30px 5%;
    margin: 0 0 -260px 0;
    width: 90%;
    opacity: 0.85;
    position: relative;
    top: 60px;
    height: 260px;
    display: none;
    z-index: 600;
}

#youtubedisclaimer div:first-of-type {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 1.25em;
    text-align: center;
    line-height: 1.5em;
    color: #FF4D52;
    font-weight: bold;
}

.video_solo .video_img img {
    width: 100%;
}

.video_textbox.pro75 {
    position: relative;
    top: -399px;
    left: 44.5%;
    width: 130px
}

.video-player-close {
    position: relative;
    top: 90px;
    left: 96%;
    z-index: 700;
    width: 12px;
    height: 18px;
    margin: 0 0 -18px 0;
}

#youtube-2click-button {
    background: #0084FF;
    width: 20%;
    text-align: center;
    padding: 10px 2.5% 10px 2.5%;
    margin: 15px auto 0px auto;
    ;
}

#videoplayer iframe#myFrame {
    height: 674px!important;
    width: 100%;
}


/* Mitgliederbereich  */

.Mitgliederbereich {
    color: #fff;
    background: none;
    padding: 10px 2.5% 10px 2.5%;
    margin: 20px 0 20px 0;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.25em;
}


/** Revslider Startseite   **/

.dsmid_506548 .articleSlideShadow .tp-banner-container {
    position: relative;
    padding: 0;
    top: 0;
    height: 600px;
    float: left;
}

.dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 h2 {
    font-size: 30px!important;
    padding: 0 0 0 0;
    margin: 18px 0 10px 0;
}

.dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 ul li {
    list-style-type: circle!important;
    font-size: 30px!important;
    padding: 0 0 0 0;
    margin: 0 0 0 17px!important;
}

.dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 strong {
    font-size: 30px;
    font-weight: bold;
}

/* Newsletter-Archiv */
.dsmid_523543 .list-group {
    padding: 0;
    margin-top: 3rem;
}

.dsmid_523543 .list-group li.list-group-item {
    background-color: #fff;
    border-radius: 0 !important;
    border-top: 2px solid #483E86;
    color: #483E86 !important;
    position: relative;
    cursor: pointer;
    list-style-type: none;
    max-width: 500px;
}

.dsmid_523543 .list-group li.list-group-item:hover {
    background: #FFC000;
}

.dsmid_523543 .list-group li.list-group-item a {
    font-size: 18px;
    font-weight: 600;
    color: #483E86 !important;
    padding: 20px 0 20px 15px !important;
    display: block;
}

@media (max-width: 575px) {
    .dsmid_523543 .list-group li.list-group-item a {
        font-size: 1em;
    }
    #Newsletter .StatusOne {
        width: 100% !important;
    }
}

/* Widgets Startseite  */

#WidgetAjax5026840 {
    background: none;
    width: 100%;
    height: 560px;
    float: left;
}

.widgetLeft.col-xs-6.blue {
    width: 41.5%;
    float: left;
    margin: 0 0 10px 0;
    padding: 30px 3.5% 30px 5%;
    background: #0084FF;
    color: #fff;
    line-height: 1.35em;
    height: 500px;
}

.widgetLeft.col-xs-6.blue .WidgetBullets {
    width: 38%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 20% 0 20%;
    background: none;
    position: relative;
    top: 28px;
    left: 50px;
    text-align: center;
}

.widgetLeft.col-xs-6.blue .WidgetBullets .dot {
    width: 10%;
    height: 20px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: none;
}

.widgetLeft.col-xs-6.blue .WidgetBullets .dot.active img {
    display: none;
}

.widgetLeft.col-xs-6.blue .WidgetBullets .dot.active {
    width: 10%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: none;
    background-image: url(/img/dot_active.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
}

.WidgetPfeilLeft {
    position: relative;
    left: 0px;
    top: 65px;
    font-size: 0;
    width: 50px;
    height: 50px;
}

.WidgetPfeilRight {
    position: relative;
    top: 12px;
    font-size: 0;
    width: 50px;
    height: 50px;
}

.WidgetPfeilLeft a {
    background-image: url(/img/arrow-left.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px;
    display: block;
    height: 50px;
    width: 50px;
}

.WidgetPfeilRight a:hover {
    background-image: url(/img/arrow-right-hellblau.png);
}

.WidgetPfeilLeft a:hover {
    background-image: url(/img/arrow-left-hellblau.png);
}

.WidgetPfeilRight a {
    background-image: url(/img/arrow-right.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px;
    display: block;
    height: 50px;
    width: 50px;
}

.widgetLeft.col-xs-6.blue h2 {
    margin: 0 0 0.7em 0;
    padding: 0 0 0.75em 0;
    color: #fff;
    font-size: 1.5em;
    /*background-image: url(/img/h2_trenner_weiss.png);*/
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    line-height: 1.3em;
    text-align: center;
}

.widgetLeft.col-xs-6 .verguenstigung_pic {
    padding: 20px 0 20px 0;
    min-height: 120px;
    text-align: center;
}

.widgetLeft.col-xs-6 .verguenstigung_pic img {
    padding: 20px 0 20px 0;
    min-height: 50px;
    max-height: 80px;
    text-align: center;
}

.widgetLeft.col-xs-6 .widgetText {
    padding: 0 0 0 0;
    text-align: left;
    height: 183px;
    overflow: hidden;
}

.widgetRight.col-xs-6 {
    width: 41.5%;
    float: left;
    margin: 0 0 10px 0;
    padding: 30px 5% 30px 3.5%;
    background: #ECEDEE;
    line-height: 1.35em;
    min-height: 480px;
    text-align: center;
    height: 500px;
}

.widgetRight.col-xs-6 h2 {
    margin: 0 0 0.7em 0;
    padding: 0 0 0.75em 0;
    color: #FF4D52;
    font-size: 1.5em;
    /*background-image: url(/img/h1_trenner.png);*/
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    line-height: 1.3em;
    text-align: center;
}

.widgetRight.col-xs-6 img {
    margin: 10px 0 10px 0;
}

.widgetRight.col-xs-6 .widgetteaser {
    margin: 0 0 0 0;
    padding: 1em 0 0.5em 0;
    font-weight: bold;
    background: #ECEDEE;
    line-height: 1.35em;
    text-align: left;
}

.widgetRight.col-xs-6 .widgetText {
    padding: 0 0 0 0;
    text-align: left;
}

.widgetRight a#pua_alle,
.widgetRight a#pua_liste,
.widgetLeft .widgetText a {
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
}

.widgetRight a#pua_alle {
    padding: 0 0 0 20px;
    margin: 1em 0 0 0;
}

.widgetRight a#pua_liste {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
}

.widgetRight .PartnerNumber {
    width: 0 0 0 0;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position: relative;
    left: 260px;
    top: -25px!important;
}


/** Revslider Article   **/

.dsmid_507731 .articleSlideShadow .tp-banner-container {
    width: 1196px;
    position: relative;
    padding: 0;
    top: 0;
    height: 604px;
    float: left;
}

.dsmid_507731 .articleSlideShadow .tp-banner-container {
    width: 1196px;
    position: relative;
    padding: 0;
    top: 0;
    height: 604px!important;
    float: left;
}

.articleSlideShadow .tp-banner-container {
    width: 1196px;
    position: relative;
    padding: 0;
    top: 0px;
    height: 604px;
}

.articleSlideShadow .tp-banner {
    width: 100%;
    position: relative;
}

.articleSlideShadow .tp-banner-fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.articleSlideShadow .tp-banner-container .invest01 {
    font-family: 'Axiforma-Regular', sans-serif;
    background: none;
    font-size: 22px !important;
    color: white;
    font-weight: normal;
    white-space: normal !important;
    line-height: 1.7em !important;
}

.articleSlideShadow .tp-banner-container .invest01 a {
    font-family: 'Axiforma-Regular', sans-serif;
    background: none;
    letter-spacing: 0em;
    font-size: 25px !important;
    color: white;
    font-weight: 800;
    text-transform: uppercase;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#333333)";
    /*IE 8*/
    text-shadow: 0px 0px 3px #333;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#333);
    /*IE 5.5-7*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    /* For IE8 and earlier */
}

.articleSlideShadow .tp-banner-container .invest1,
.articleSlideShadow .tp-banner-container .invest2 {
    font-family: 'Axiforma-Regular', sans-serif;
    background-image: url(/img/dunkelblau_80pc.png);
    letter-spacing: -0.05em;
    font-size: 22px !important;
    color: #fff;
    font-weight: normal;
    white-space: normal !important;
    line-height: 1.7em !important;
}

.articleSlideShadow .tp-banner-container .invest1 {
    padding: 17px 7.5% 5px 7.5% !important;
    height: 50px !important;
    width: 85%!important;
    left: 0px!important;
    top: 535px!important;
    position: absolute;
    z-index: 1000;
    display: block!important;
    text-align: center;
    font-size: 17px!important;
}

.articleSlideShadow .tp-banner-container .invest2 {
    padding: 5px 15px 8px 15px !important;
}

.articleSlideShadow .tp-banner-container .invest1 strong,
.articleSlideShadow .tp-banner-container .invest2 strong {
    font-size: 30px;
    font-weight: bold;
}

.articleSlideShadow .medium_bg_asbestos.invest3 {
    text-align: center;
    font-family: 'Axiforma-Regular', sans-serif;
    background: none !important;
    background-image: url(/img/article_slider_copyright_bg1.png) !important;
    font-size: 1em !important;
    font-weight: 400;
    color: #dFdFdF;
    margin: 0 0 0 0;
    padding: 7px 2% 7px 2% !important;
    width: 96%;
}

.articleSlideShadow .medium_bg_asbestos a {
    font-size: 1.05em !important;
    font-weight: 400;
    color: white;
    margin: 0 2% 0 0;
    padding: 15px 2.8% 14px 20px !important;
    background-image: url(/img/pipe_soft.png);
    background-repeat: no-repeat;
    background-position: right 9px;
}

.articleSlideShadow .medium_bg_asbestos a:hover {
    text-decoration: underline;
}

.articleSlideShadow .tp-banner-container .tp-caption.small_thin_grey.customin.customout.invest2 a {
    padding: 0 0 0 0.7em;
    margin-left: 0.8em;
    color: #FF4D52;
    font-weight: 400;
    background-image: url(/img/link_pfeill_rechts_rot.png);
    background-repeat: no-repeat;
    background-position: left 7px;
    text-decoration: none;
}

.articleSlideShadow .tp-banner-container .tp-caption.small_thin_grey.customin.customout.invest2 a:hover {
    text-decoration: underline;
}

.articleSlideShadow .tp-leftarrow.default {
    background: url("/img/arrow-left.png") no-repeat scroll 0 0 transparent;
    background-size: 35px;
    cursor: pointer;
    height: 55px;
    position: relative;
    width: 55px;
    z-index: 100;
    left: 2.5% !important;
    top: 582px !important;
}

.articleSlideShadow .tp-rightarrow.default {
    background: url("/img/arrow-right.png") no-repeat scroll 0 0 transparent;
    background-size: 35px;
    cursor: pointer;
    height: 55px;
    position: relative;
    width: 55px;
    z-index: 1000;
    left: 94.5% !important;
    top: 582px !important;
}

.articleSlideShadow .tp-leftarrow.default:hover {
    background: url("/img/arrow-left-hellblau.png") no-repeat scroll 0 0 transparent;
    background-size: 35px;
    left: 1.5% !important;
    -webkit-transition: all 1s ease-in-out;
    /* Safari 3.2+, Chrome */
    -moz-transition: all 1s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: all 1s ease-in-out;
    /* Opera 10.5-12.00 */
    transition: all 1s ease-in-out;
    /* Firefox 16+, Opera 12.50+ */
}

.articleSlideShadow .tp-rightarrow.default:hover {
    background: url("/img/arrow-right-hellblau.png") no-repeat scroll 0 0 transparent;
    background-size: 35px;
    left: 95.5% !important;
    -webkit-transition: all 1s ease-in-out;
    /* Safari 3.2+, Chrome */
    -moz-transition: all 1s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: all 1s ease-in-out;
    /* Opera 10.5-12.00 */
    transition: all 1s ease-in-out;
    /* Firefox 16+, Opera 12.50+ */
}

.articleSlideShadow .tp-bullets {
    display: none;
}

.articleSlideShadow ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
}


/** Subnavigation **/

#StartTippsNews {
    width: 100%!important;
    margin: 0 0 6em 0;
}

#SubnaviOuter ul,
#StartTippsNews ul {
    width: 100%!important;
    margin: 0 0 0 0!important;
    padding: 0 0 0 0!important;
    list-style-type: none!important;
}

#SubnaviOuter ul li,
#StartTippsNews ul li {
    margin: 0 0 0 0;
    padding: 0px 0 0px 0;
    /*height:50px;*/
    text-align: center!important;
    border-right: 1px solid #ecedef;
    list-style-type: none!important;
}

#SubnaviOuter ul li:hover,
#StartTippsNews ul li:hover,
#StartTippsNews ul li.active {
    background-color: #FF4D52 !important;
}

#SubnaviOuter ul li:hover a {
    color: #fff !important;
}

#SubnaviOuter ul li a,
#StartTippsNews ul li a {
    margin: 0 0 0 0;
    padding: 15px 5% 10px 5%!important;
    ;
    text-decoration: none;
    color: #fff;
    font-size: 1.3em;
    line-height: 1.6em;
    display: block;
    text-align: center!important;
    /*height:50px;*/
}

#SubnaviOuter nav[data-item='8'] li {
    /*width: calc(99.25% /8);*/
    width: 12.4%;
    float: left;
}

#SubnaviOuter nav[data-item='7'] li {
    /*width: calc(99.5% /7);*/
    width: 14.17%;
    float: left;
}

#SubnaviOuter nav[data-item='6'] li {
    /*width: calc(99.25% /6);*/
    width: 16.54%;
    float: left;
}

#SubnaviOuter nav[data-item='5'] li {
    /*width: calc(99.25% /5);*/
    width: 19.85%;
    float: left;
}

#SubnaviOuter nav[data-item='4'] li {
    /*width: calc(99.25% /4);*/
    width: 24.81%;
    float: left;
}

#SubnaviOuter nav[data-item='3'] li,
#StartTippsNews nav[data-item='3'] li {
    /*width: calc(99.25% /3);*/
    width: 33.08%;
    float: left;
}

#SubnaviOuter nav[data-item='2'] li,
#StartTippsNews nav[data-item='2'] li {
    /*width: calc(99.25% /2);*/
    width: 49.625%;
    float: left;
}

#SubnaviOuter nav[data-item='1'] li {
    width: 100%;
    float: left;
}


/*  Passwort vergessen  */

.dsmid_507736 #SubnaviOuter {
    display: none;
}


/* Startseite */

.startseite-slider {
    background-color: #72D3F3;
    margin-bottom: 0 !important;
}

.startseite-slider .slick-dots {
    bottom: 100px;
    left: 60px;
}

.startseite-slider .slick-dots button {
    width: 0.75rem;
    height: 0.75rem;
    font-size: 14px;
    line-height: 9px;
    border: 2px solid #FF4D52;
    border-radius: 20px;
    padding: 0;
}

.startseite-slider .slick-dots button::before {
    width: 0.75rem;
    height: 0.75rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #FF4D52 !important;
    opacity: 0;
    top: 0;
    left: 0;
    margin-top: 1px;
    margin-left: -1px;
}

.startseite-slider .slick-dots li.slick-active button::before {
    opacity: 1 !important;
}

.startseite-slidecontainer {
    width: fit-content;
    margin: 50px auto;
}

.startseite-slider .slidercontent-slide .left-side {
    display: inline-block;
}

.startseite-slider .slidercontent-slide .left-side img {
    width: 600px;
    height: 600px;
    object-fit: cover;
    border-radius: 30px;
}

.startseite-slider .slidercontent-slide .right-side {
    display: inline-block;
    width: 600px;
    height: 600px;
    vertical-align: top;
    border-radius: 30px;
    background-color: #FFC000;
    margin-left: -5px;
}

.startseite-slide-textcontainer {
    width: 400px;
    margin: 0 auto;
    height: 600px;
    align-content: center;
    color: #483E86;
}

#dscolumn1_1 .startseite-slide-textcontainer h1.slide-headline {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    margin-top: 0;
    width: 100%;
    padding: 0;
}

.startseite-slide-textcontainer .slide-text {
    font-size: 16px;
    line-height: 24px;
}

.startseite-slide-textcontainer .slide-info-button {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    background-color: #FF4D52;
    border: 2px solid #FF4D52;
    padding: 10px 18px 8px 18px;
    border-radius: 50px;
    margin-top: 20px;
    display: block;
    width: fit-content;
}

.app-teaser,
.newsletter-teaser {
    display: flex;
    justify-content: space-between;
    padding: 5% 0 0 15%;
}

.app-teaser {
    color: #fff;
    background-color: #483E86;
}

.newsletter-teaser {
    color: #483E86;
    background-color: #FFC000;
    margin-top: 100px;
}

.app-teaser .left-side,
.newsletter-teaser .left-side {
    width: 35%;
}

.newsletter-btns {
    display: flex;
    justify-content: space-between;
}

.app-teaser .left-side .app-headline,
.newsletter-teaser .left-side .newsletter-headline {
    font-size: 32px;
    line-height: 42px;
}

.app-teaser .left-side .app-text,
.newsletter-teaser .left-side .newsletter-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.app-teaser .left-side .app-info-button,
.StartNewsContainer .news-info-button,
#loginmain .anmelden.passwortsubmit,
#PartnerForm.PartnerFormNew .PartnerFormSubmit input,
.newsletter-teaser .left-side .newsletter-info-button {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    background-color: #FF4D52;
    border: 2px solid #FF4D52;
    padding: 10px 18px 8px 18px;
    border-radius: 50px;
    margin-top: 50px;
    display: block;
    width: fit-content !important;
    height: fit-content;
    text-transform: none;
}
#loginmain .anmelden.passwortsubmit {
    margin: 10px 0;
}

.startseite-slide-textcontainer .slide-info-button:hover,
.app-teaser .left-side .app-info-button:hover,
.StartNewsContainer .news-info-button:hover,
#loginmain .anmelden.passwortsubmit:hover,
#PartnerForm.PartnerFormNew .PartnerFormSubmit input:hover,
.newsletter-teaser .left-side .newsletter-info-button:hover {
    color: #FF4D52;
    background-color: transparent;
}

.leistungskacheln-container {
    background-color: #FFC000;
    padding: 3% 0;
}

.leistungskacheln {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2%;
}

.leistungskacheln .card {
    width: 200px;
    height: 200px;
    background-color: #72D3F3;
    padding: 20px;
    border-radius: 20px;
}

.leistungskacheln .card:hover {
    transform: scale(1.01);
    box-shadow: 0 0 5px gray;
}

.leistungskacheln .card .card-content {
    margin-top: 40px;
}

.leistungskacheln .card .card-content p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #483E86;
    text-align: center;
}

.leistungskacheln .card .card-img {
    margin-bottom: 25px;
}

.leistungskacheln .card .card-img img {
    display: block;
    margin: 0 auto;
    height: 80px;
}

.StartNewsContainer h2 {
    color: #483E86;
    margin-top: 40px;
    font-size: 32px;
    line-height: 42px;
}

.StartNewsContainer .slick-arrow.slick-disabled img {
    opacity: .2;
}

.StartNewsContainer .slick-prev {
    right: 45px;
    left: initial !important;
}

.StartNewsContainer .slick-next {
    right: 0;
}

.StartNewsContainer .slick-prev,
.StartNewsContainer .slick-next {
    top: -40px;
}

.StartNewsContainer .slick-prev::before,
.StartNewsContainer .slick-next::before {
    content: none !important;
}

.news-btn-container {
    height: 100px;
}

.news-info-button {
    float: right;
    margin-top: 0 !important;
}


/* Modul Medien */

.Medien.MedienFrontend {
    position: relative;
}

#head #headImage figcaption,
.Medien.MedienFrontend .MedienHeadline {
    position: absolute;
    color: #fff;
    left: 5%;
    bottom: 20%;
    font-size: 40px;
    line-height: 47px;
    font-weight: 700;
    max-width: 550px;
}


/* Modul Akkordeon */

#dsmain #dscontent #dscolumns [id^='Akkordeon_'] {
    float: left;
    width: 94%;
    padding: 120px 5% 50px 5%;
    background:#fff;
}


.Akkordeon,
.Akkordeon.ohneStrich {
    background: #fff;
    float: left;
    height: auto;
    margin: 32px 0;
    width: 100%;
}

.Akkordeon.mitStrich {
    border-top: 2px solid #c6c6c6;
    padding: 25px 0 0 0;
}

.Akkordeon .accordion-container {
    background-color: #fff !important;
    border-radius: 0 !important;
    border-top: 2px solid #004a93;
    color: #004a93 !important;
    position: relative;
    cursor: pointer;
}

.Akkordeon .accordion-container .ui-accordion-header {
    font-size: 18px;
    font-weight: 600;
    line-height: 44px;
    padding-right:12px;
}
#appinclude .Akkordeon .accordion-container .ui-accordion-header {
    padding-right:15px;
    line-height: 30px;
}
.Akkordeon .accordion-container:last-child {
    border-bottom: 2px solid #004a93;
}

.ui-accordion-header.ui-accordion-header-collapsed:after,
.ui-accordion-header.ui-accordion-header-active:after {
    color: #004a93;
    font-family: FontAwesome;
    font-size: 24px;
    position: absolute;
    right: 0;
    visibility: visible !important;
}

.ui-accordion-header.ui-accordion-header-collapsed:after {
    content: "\f067" !important;
}

.ui-accordion-header.ui-accordion-header-active:after {
    content: "\f068" !important;
}


/* Modul Freie Kacheln */

.freieKachelnImg>img {
    display: none;
    height: 0;
}

.freieKachelnLoop .freieKachelnContainer {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    justify-content: center;
}

.freieKachelnImg,
.freieKachelnContent {
    width: 50%;
}

.freieKachelnImg {
    width: 550px;
    height: 550px;
    object-fit: cover;
}

.freieKachelnContent {
    display: inline-block;
    width: 550px;
    height: 550px;
    vertical-align: top;
    border-radius: 50px;
    background-color: #FFC000;
}

.freieKachelnContent h3 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    margin-top: 0;
}

.freieKachelnContent .freieKachelnTextContainer {
    width: 400px;
    margin: 0 auto;
    height: 600px;
    align-content: center;
    color: #483E86;
}

.freieKachelnContent .freieKachelnText {
    font-size: 16px;
    line-height: 24px;
}

.teaserlink-btn {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300 !important;
    color: #FF4D52 !important;
    background-color: transparent;
    border: 2px solid #FF4D52;
    padding: 10px 18px 8px 18px !important;
    border-radius: 50px;
    margin-top: 20px !important;
    display: block;
    width: fit-content;
    text-decoration: none;
}

.teaserlink-btn:hover {
    color: #fff !important;
    background-color: #FF4D52;
}

.freieKachelnContent .teaserlink-btn {
    color: #fff !important;
    background-color: #FF4D52;
    border: 2px solid #FF4D52;
}

.freieKachelnContent .teaserlink-btn:hover {
    color: #FF4D52 !important;
    background-color: transparent;
}

.freieKachelnLoop .freieKachelnImg figure {
    margin: 0;
}

.freieKachelnLoop:nth-child(2n+0) .freieKachelnImg {
    order: 2;
}


/* Partner */
/*
select#Rubriken option[value="10"] {
    background: #FBF820;
    color: #483E86;
}

select#Rubriken option[value="5"] {
    background: #fbb520;
    color: #fff;
}

select#Rubriken option[value="7"] {
    background: #1192d5;
    color: #fff;
}

select#Rubriken option[value="3"] {
    background: #77bb15;
    color: #fff;
}

select#Rubriken option[value="9"] {
    background: #FF4D52;
    color: #fff;
}

select#Rubriken option[value="6"] {
    background: #d421b9;
    color: #fff;
}
*/

/* ================================================================
 			Foot
 ================================================================   */

#dssitefooter {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: none;
    float: left;
}

#foot_container {
    float: left;
    width: 100;
    margin: 0 0 0 0;
    background: none;
}

#foot_container #footLogos {
    float: left;
    width: 920%;
    padding: 0 0% 0 4%;
    background: #ecedee;
    background: #DFDFDF;
    /*height: 300px;*/
}

#foot_container #footLogos .col-xs-4 {
    float: left;
    width: 50%;
    padding: 0 0 0 0;
    text-align: center;
    height: 110px;
}

#foot_container #footLogos .col-xs-2 {
    float: left;
    width: 14.25%;
    padding: 0 0 0 0;
    text-align: center
}

#foot_container #footLogos div {
    float: left;
    width: 50%;
    padding: 0 0 0 0;
    margin: 20px 0 15px 0;
    background: none;
}

#foot_container #footLogos div#djh img {
    width: 45%;
}

#foot_container #footLogos div#entega img {
    width: 40%;
}

#foot_container #footLogos div#entega {
    margin: 10px 0 0 0;
}

#foot_container #footLogos div#moevenpick {
    margin: 0px 0 0 0;
}

#foot_container #footLogos div#sparkasse {
    margin: 12px 0 0 0;
}

#foot_container #footLogos div#ffh {
    margin: 10px 0 0 0;
    background: none;
    width: 50%;
}

#foot_container #footLogos div#rtl {
    margin: 10px 0 0 0;
    background: none;
    width: 50%;
}


/* ================================================================
		Head
 ================================================================ **/

#dssiteheader {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: none;
}

#dssiteheader #head_container {
    width: 100%;
    height: 107px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: white;
}

.dsmid_523539 #dssiteheader #head_container,
.dsmid_523539 #dscolumns,
.dsmid_523612 #dssiteheader #head_container,
.dsmid_523612 #dscolumns,
.dsmid_523605 #dssiteheader #head_container,
.dsmid_523605 #dscolumns,
.dsmid_523613 #dssiteheader #head_container,
.dsmid_523613 #dsarticleheader .dsarticle_1,
.dsmid_523622 #dssiteheader #head_container,
.dsmid_523622 #dscolumns{
    background: #483E86;
}

.dsmid_523530 #dssiteheader #head_container {
    background: #72D3F3;
}

#dssiteheader #head_container #fLogo {
    width: 40%;
    float: left;
    margin: 28px 0 0 0;
    padding: 0 0 0 9%;
    background: none;
    position: relative;
    z-index: 1006;
}

@media (max-width: 767px) {

    #dssiteheader #head_container #fLogo {
    width: 45%;
    float: left;
    margin: 30px 0 0 0;
    padding: 0 0 0 5.5%;
    background: none;
    position: relative;
    z-index: 1006;
}

}




#dssiteheader #head_container #Hlogo {
    width: auto;
    float: right;
    margin: 15px 2.5% 0 0;
    padding: 5px 0.3% 5px 0.3%;
    background: white;
    text-align: right;
    position: relative;
    z-index: 1100;
}

#dssiteheader #bigHeadBild {
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#dssiteheader #bigHeadBild img {
    width: 100%;
    max-height: 610px;
    object-fit: cover;
}


/* ================================================================
		 allgemein
 ================================================================ ****/

a:active,
a:focus {
    outline: none;
}

p {
    margin: 0 0 1em 0;
}

.dsjump {
    background-image: none!important;
    padding: 0 0 0 0!important;
}

.navbar .btn-navbar {
    display: block;
}

.navbar-inner .container {
    position: relative;
}

@font-face {
    font-family: 'Axiforma-Regular';
    src: url("/fonts/axiforma/Axiforma-Regular.eot");
    src: url("/fonts/axiforma/Axiforma-Regular.eot") format("embedded-opentype"), url("/fonts/axiforma/Axiforma-Regular.woff") format("woff"), url("/fonts/axiforma/Axiforma-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Axiforma-Bold';
    src: url("/fonts/axiforma/Axiforma-Bold.eot");
    src: url("/fonts/axiforma/Axiforma-Bold.eot") format("embedded-opentype"), url("/fonts/axiforma/Axiforma-Bold.woff") format("woff"), url("/fonts/axiforma/Axiforma-Bold.ttf") format("truetype");
}

body {
    background-color: #fff;
    margin: 0;
    font-family: 'Axiforma-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.85em;
    line-height: 1.15em;
    color: #483E86;
    font-size: 16px;
    min-height: 100vh;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

#dssubbody {
    padding: 0 0 0 0;
    background-color: white;
    border-left: 0px solid #AEADAE;
    border-right: 0px solid #AEADAE;
    width: 100%;
}

#ds_header_main_container {
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    background: none;
}

#dsarticlefooter {
    width: 100%;
    float: left;
}

#dsmain {
    width: 100%;
    float: left;
    background: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0!important;
}

#dsarticleheader {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    float: left;
    background: none;
}

#dscolumns {
    width: 100%;
    padding: 0;
    float: left;
    background: white;
}


/*#dsarticlefooter {
  width: 90%;
  padding: 2% 5% 0 5%;
  float: left;
  background: white;
}
*/

#dsarticlefooter {
    width: 100%;
    padding: 0 0 0 0;
    float: left;
    background: white;
}

#dscolumn1_2 {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: none;
}

#dscolumn1_2 {
    width: 48%;
    float: left;
    margin: 0 2% 0 0;
    padding: 0 0 0 0;
    background: none;
}

#dscolumn2_2 {
    width: 48%;
    float: left;
    margin: 0 0 0 2%;
    padding: 0 0 0 0;
    background: none;
}


/* ================================================================
    Artikel 1 Designs
================================================================ */

.dsimage_abovebody_1 {
    text-align: center;
    margin-bottom: 1em;
}


/* Datenschutz Piwik iFrame   */

.dsmid_507777 .dsarticle iFrame {
    border: 2px solid #AFAFAF!important;
    background: white;
    width: 100%!important;
}

.dsarticle_1 a {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
}

.dsarticle_1 a[href^='/mm/'],
.dsarticle_1 a[href^='/mm/mm001/'],
.dsarticle_1 a[href^='/mm/mm002/'] {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/img/download_intern.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.dsarticle_1 .dsimage_1 a {
    background-image: none;
}

#dsarticlebody_5086014 a {
    display: block;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    width: fit-content;
    background-image: none;
}


/** Keine Grafik fuer Links in Listen **/

.dsarticle_1 li>a {
    padding: 0 0 0 0!important;
    background-image: none!important;
}

.dsarticle_1 {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
    width: 100%;
}

h1.dstitle_1 p,
h2.dstitle_1 p {
    margin: 0 0 0 0;
}

.dsarticle_1 h3 {
    font-size: 1.25em;
    padding: 0 0 0 0;
    margin: 0 0 0.5em 0;
    text-decoration: none;
    font-weight: bold;
}

#dsarticleheader .dsarticle_1,
#dsarticleheader .dsarticle_3 {
    float: left;
    width: 82%;
    padding: 40px 9% 30px 9%;
    background: #fff;
}

/** erster Artikel immmer grau - Artikel mit Subnavigation **/

#dsarticleheader>article:nth-child(1) .dsarticle_1 {
    float: left;
    width: 82%;
    padding: 40px 9% 0 9%;
}

#dsarticleheader h1.dstitle_1,
#dsarticleheader h2.dstitle_1:first-of-type {
    font-weight: 700;
    margin: 0 0 1em 0;
    padding: 0 0 0.6em 0;
    color: #FF4D52;
    font-size: 2.5em;
    line-height: 1em;
    /*background-image: url(/img/h1_trenner.png);*/
    background-repeat: no-repeat;
    background-position: center bottom;
    word-break: break-word;
}

#dsarticleheader h2.dstitle_1 {
    font-weight: 700;
    margin: 0 0 20px 0;
    padding: 0 0 1px 0;
    color: #FF4D52;
    font-size: 2em;
    line-height: 1em;
    /*/*background-image: url(/img/h1_trenner.png)!important;*/
    /* background-repeat: no-repeat; */
    background-position: center bottom!important;
}


/***  Ausnahme Startseite ***/

.dsmid_506548 #dsarticleheader>article:nth-child(1) {
    display: none;
}


/***  Ausnahme Familienkarte ***/

.dsmid_506550 #dsarticleheader>article:nth-child(1) {
    display: none;
}


/***  blendet Artikel im Backen wieder ein ***/

.backend #dsarticleheader>article:nth-child(1) {
    display: block;
}

#dsarticleheader .partner_verguenstigung {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
    background-position: left center;
    background-repeat: no-repeat;
}

#dsarticleheader .PartnerNumber {
    margin: 0 0 0 0.5%;
    padding: 1px 0.35% 1px 0.35%;
    background: #0084FF;
    position: relative;
    top: -5px;
    color: #fff;
    font-size: 0.8em;
    -moz-border-radius: 3px;
    /*Firefox*/
    -webkit-border-radius: 3px;
    /*Safari, Chrome*/
    border-radius: 3px;
}


/*
.dsmid_502743 #dsarticleheader .dsarticle_1 {
  float: left;
  width: 93%;
  margin: 0 0 0 0;
  padding: 0% 3.5% 1.5% 3.5% !important;
  background: #F3F6F6;
}
*/

#dsarticleheader .dsarticle_1 .dsbody_1 {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    color: #483E86;
    line-height: 1.35em;
    width: 100%;
}

#dscolumn1_1 .dsarticle_1 ul {
    padding: 0 0 0 0;
    margin: 0 0 0 10%;
}

.dsmid_523628 #dscolumn1_1 .dsarticle_1 ul,
.dsmid_523629 #dscolumn1_1 .dsarticle_1 ul,
.dsmid_523630 #dscolumn1_1 .dsarticle_1 ul {
    margin: 0 0 1.5rem 3%;
}

#dscolumn1_1 .dsarticle_1 ul li {
    padding: 0 0 0 0;
    margin: 0 0 0.3em 0;
    list-style-type: square;
}

#dsarticleheader .dsnowrap_image,
#dsarticleheader .dsarticle_1 .dsnowrap_image_right {
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    width: 50%;
    float: left;
    background: none;
}

#dsarticleheader .dsnowrap_image .dsimage_1,
#dsarticleheader .dsarticle_1 .dsnowrap_image_right .dsimage_1 {
    margin: 0 5% 0 5%;
    padding: 0 0 0 0;
    width: 90%;
    float: left;
    height: 100% !important;
}

#dsarticleheader .dsnowrap_content .dsbody_1 {
    width: 50%;
    float: left;
    /*font-size: 1.3em;*/
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
}

.dsmid_523539 #dscolumn1_1 h1.dstitle_1,
.dsmid_523605 #dscolumn1_1 h1.dstitle_1,
.dsmid_523612 #dscolumn1_1 h1.dstitle_1,
.dsmid_523613 #dsarticleheader h1.dstitle_1,
.dsmid_523622 #dscolumn1_1 h1.dstitle_1{
    color: #fff;
}

#dscolumn1_1 h1,
#dscolumn1_1 h1.dstitle_1,
#dscolumn1_1 h2.dstitle_1,
#dscolumn1_2 h1.dstitle_1,
#dscolumn1_2 h2.dstitle_1 {
    color: #483E86;
    display: block;
    float: left;
    font-size: 40px;
    line-height: 47px;
    /*margin: 0 0 32px;*/
    float: left;
    width: 82%;
    margin: 0.75em 9% 40px 9%;
    font-family: 'Axiforma-Bold', sans-serif;
}
/* Startseite h1 */
#dsarticletitle_5086120 {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}
/*muss erscheinen wenn es mit Tab fokussiert wird*/
#dsarticletitle_5086120:focus {
  position: relative;
    height: auto;
    width: auto;
    overflow: auto;
    clip: initial;
    clip-path: initial;
    display: block;
    white-space: initial;
}
#dsarticleheader h2.dstitle_2 {
    margin: 0 0 0.7em 0;
    padding: 0 0 0.5em 0;
    color: #FF4D52;
    font-size: 1.5em;
    background-image: url(/img/h1_unterstrich.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    display: block;
    line-height: 1.3em
}

#dscolumn1_1 h1.dstitle_1 p,
#dscolumn1_1 h2.dstitle_1 p {
    margin: 0 0 0 0;
}

#dscolumn1_1 .dsarticle_1 h3,
#dscolumn1_2 .dsarticle_1 h3,
#dscolumn2_2 .dsarticle_1 h3 {
    margin: 0 0 0.9em 0;
    padding: 0 0 8px 0;
    color: #483E86;
    font-size: 1.2em;
    background-repeat: no-repeat;
    background-position: left bottom;
    display: block;
}

#dscolumn1_1 .dsteaser_1,
#dsarticleheader .dsteaser_2,
#dsarticleheader article:last-child .dsarticle_1 .dsteaser_1 {
    display: block;
    padding: 0 0 1.5em 0;
    margin: 0 0 0 0;
    font-size: 1.10em;
    color: #483E86;
    font-weight: 600;
    line-height: 1.6em;
}

#dscolumn1_1 .dsbody_1 {
    float: left;
    font-size: 0.95em;
    width: 100%;
}

.dsmid_523628 #dscolumn1_1 .dsbody_1,
.dsmid_523629 #dscolumn1_1 .dsbody_1,
.dsmid_523630 #dscolumn1_1 .dsbody_1 {
    width: 82%;
    margin: 0 9%;

}

#dscolumn1_1 .dsbody_1 .tippFilter {
    width: 84%;
    margin: 0 9%;
}

#dscolumn1_1 .dsbody_1 .tippFilter .news-button {
    color: #FF4D52;
    background-color: transparent;
    font-family: 'Axiforma-Regular', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    border: 2px solid #FF4D52;
    padding: 10px 18px 8px 18px;
    border-radius: 50px;
    display: inline-block;
    width: fit-content !important;
    height: fit-content;
    text-transform: none;
    margin-right:15px;
}

#dscolumn1_1 .dsbody_1 .tippFilter .news-button:nth-child(3) {
    _margin: 1rem 0;
}

#dscolumn1_1 .dsbody_1 .tippFilter .news-button.active,
#dscolumn1_1 .dsbody_1 .tippFilter .news-button:hover {
    color: #fff;
    background-color: #FF4D52;
}

#NewsWidget {
    position: relative;
    display: inline-block;
}

#dscolumn1_1 .dsbody_1 .tippFilter .NewsWidgetOuter {
    width: 90%;
    padding: 0;
    margin: 0 0 0 -1%;
}

#NewsWidget nav {
    position: absolute;
    bottom: -50px;
}

#NewsWidget nav {
    position: absolute;
    bottom: -50px;
    width: 90%;

}

#dscolumn1_1 .dsbody_1 .tippFilter #NewsWidget nav {
    width: 82%;
}

#NewsWidget nav ul {
    display: flex;
    justify-content: space-between;
}

#dscolumn1_1 .dsbody_1 .tippFilter #NewsWidget nav ul {
    margin: 0 !important;
}

#NewsWidget nav ul .loopNr {
    display: flex;
}

#NewsWidget nav ul .loopNr .nrPag {
    margin: 0 5px !important;
}

#NewsWidget nav ul .nrPag {
    display: flex;
}

#NewsWidget nav ul .nrPag li {
    margin-right: .5rem;
}

#NewsWidget nav ul li a {
    font-size: 16px;
    line-height: 24px;
    color: #483E86;
    word-break: break-word;
}

#NewsWidget nav ul li a .page-item.active {
    text-decoration: underline;
}

#NewsWidget nav ul li::marker {
    content: '';
}

#dscolumn2_2 .dsarticle_1 {
    width: 100%;
    border-bottom: 1px solid #e1eded;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}

#dscolumn2_2 article:last-child .dsarticle_1 {
    width: 100%;
    border-bottom: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#dscolumn1_2 div.dstitledesign_content_1 {
    background: none;
    border-top: 1px solid #84a1cb;
    border-bottom: 1px solid #84a1cb;
    margin: 0 0 40px 0;
    padding: 15px 0 15px 0;
    width: 100%;
    text-align: center;
}

#dscolumn1_2 div.dsimage_1 img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#dscolumn1_2 .dsarticle_1,
#dscolumn2_2 .dsarticle_1,
#dsarticlefooter .dsarticle_1 {
    color: #000;
}


/* ================================================================
		Artikel 2 Designs
 ================================================================ */

.dsarticle_2 a[href^='http://'],
.dsarticle_2 a[href^='https://'],
.dsarticle_2 a[href^='dynasite'] {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
    background-position: left center;
    background-repeat: no-repeat;
}

.dsarticle_2 a[href^='/mm/'],
.dsarticle_2 a[href^='/mm/mm001/'],
.dsarticle_2 a[href^='/mm/mm002/'] {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/img/download_intern.png);
    background-position: left center;
    background-repeat: no-repeat;
}


/** Keine Grafik fuer Links in Listen **/

.dsarticle_2 li>a {
    padding: 0 0 0 0!important;
    background-image: none!important;
}

.dsarticle_2 {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
}

#DSXArticle_5081227 .dsarticle_content {
    padding: 0;
}

h1.dstitle_2 p,
h2.dstitle_2 p {
    margin: 0 0 0 0;
}

.dsarticle_2 h3 {
    font-size: 1.2em;
    padding: 0 0 0 0;
    margin: 0 0 0.5em 0;
    text-decoration: none;
    font-weight: bold;
}

#dscolumn2_2 .dsarticle_2,
#dscolumn1_2 .dsarticle_2 {
    background-color: #dde7f1;
    width: 90%;
    float: left;
    padding: 30px 5% 30px 5%;
    margin: 0 0 30px 0;
    color: #000;
}

#dscolumn2_2 .dsarticle_2 ul {
    padding: 0 0 0 0;
    margin: 0 0 1em 2.75%;
}

#dscolumn1_1 h1.dstitle_2,
#dscolumn1_1 h2.dstitle_2 {
    margin: 0 0 1em 0;
    padding: 0 0 8px 0;
    color: #6d6d6d;
    font-size: 1.3em;
    background-image: url(/img/h2_unterstrich_grau.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    display: block;
}

#dscolumn1_1 .dsarticle_2 ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#dscolumn1_1 .dsarticle_2 ul li {
    padding: 0 0 0 25px;
    margin: 0 0 0.3em 0;
    background-image: url(/img/haken.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

#dscolumn1_1 .dsbody_2 {
    /* FF 3.5+*/
    -moz-column-count: 2;
    -moz-column-gap: 25px;
    -moz-column-rule: none;
    /*Saf3, Chrome*/
    -webkit-column-count: 2;
    -webkit-column-gap: 25px;
    -webkit-column-rule: none;
    column-count: 2;
    column-gap: 25px;
    column-rule: none;
}

#dscolumn1_1 .dsarticle_2 .dsbody_2 a {
    padding: 0 0 0 10px;
    margin: 0 0 0 0;
    color: #d81b1e;
    text-decoration: none;
    background-image: url(/img/link_pfeill_rechts_rot.png);
    background-repeat: no-repeat;
    background-position: 0 4.5px;
}

#dscolumn1_1 div.dsimage_2 {
    width: 100%;
    height: auto;
    margin: 0 0 5% 0;
}


/* Sonderfall blaue Ãœberschrift bei Anmeldung  */

.dsmid_506582 #dsarticleheader h3 {}

#dsarticleheader .dsarticle_2 {
    width: 90%;
    float: left;
    padding: 30px 5% 30px 5%;
    margin: 0 0 0 0;
}

#dsarticleheader .dsarticle_2 h3 {
    color: #fff;
}

#dsarticleheader .dsarticle_2>a {
    height: 0;
    overflow: hidden;
    display: block;
}


/*Grusswort*/

#dsarticleheader #dsarticle_5069340 {
    background-repeat: no-repeat, no-repeat;
    background-position: right -3px, 5% bottom;
    background-size: 40%, 35%;
    float: left;
    margin: 0 0 0 0;
    color: #ffffff;
}

#dsarticleheader h2#dsarticletitle_5069340 {
    color: #ffffff!important;
    /*background-image: url(/img/h2_trenner_weiss.png)!important;*/
}

#dsarticlebody_5069340 {
    color: #ffffff!important;
}

#dsarticlebody_5069340 .dsimage_1 {
    margin-left: 30px;
    margin-bottom: 10px;
}

img#i5069340 {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 150px;
    position: relative;
    margin: 0 auto;
    display: block;
}

@media (max-width: 767px) {
    img#i5069340 {
        width: 150px!important;
        height: 150px!important;
    }
}

@media (max-width: 480px) {
    #dsarticlebody_5069340 .dsimage_1 {
        width: 100%;
        text-align: center;
        margin: 0px auto 20px auto
    }

.EventMetaleft {

    font-size:90%!important;
}

}


/* Ausnahme Leistungen -->Verguenstungen, Startseite Jetzt kostenlos anmelden    */

#dsarticleheader #dsarticle_5069340 {
    background-repeat: no-repeat, no-repeat;
    background-position: right -3px, 5% bottom;
    background-size: 40%, 35%;
    float: left;
    margin: 5rem 0 0 0;
}

#dsarticleheader #dsarticle_5026838,
#dsarticleheader #dsarticle_5026941,
#dsarticleheader #dsarticle_5069063 {
    /*  background-image: url(/img/hand_mit_karte.png), url(/img/loewe_artikel_bg.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right -3px, 5% bottom; */
    background-size: 40%, 35%;
    float: left;
    margin: 0 0 0 0;
}

#dsarticleheader .dsarticle_2 ul {
    padding: 0 0 0 0;
    margin: 0 0 1em 2.75%;
}

#dsarticleheader h2.dstitle_2 {
    margin: 0 0 0.7em 0;
    padding: 0 0 0.75em 0;
    color: #fff;
    font-size: 1.5em;
    /*background-image: url(/img/h2_trenner_weiss.png);*/
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    line-height: 1.3em;
    text-align: center;
}

#dsarticleheader .dsarticle_2 ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#dsarticleheader .dsarticle_2 ul li {
    padding: 0 0 0 25px;
    margin: 0 0 0.3em 0;
    background-image: url(/img/li_pfeilweiss.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
    list-style-type: none;
}

#dsarticleheader .dsbody_2 {
    color: #fff;
}

#dsarticleheader div.dsimage_2 {
    width: 100%;
    height: auto;
    margin: 0 0 5% 0;
}

#dsarticleheader div.dsimage_2 {
    margin-left: 0 !important;
}

#dsarticleheader div.dsimage_2 img {
    object-fit: contain;
}


/** Grusswort Gruettner **/

.dsarticle_2 .unterschrift_bez {
    margin: 20px 0 0 0;
    display: block;
}


/* ================================================================
		Artikel 3 Designs
 ================================================================ */

.dsarticle_3 {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
}

h1.dstitle_3 p,
h2.dstitle_3 p {
    margin: 0 0 0 0;
}

.dsarticle_3 h3 {
    font-size: 1.2em;
    padding: 0 0 0 0;
    margin: 0 0 0.5em 0;
    text-decoration: none;
    font-weight: bold;
}

.dsarticle_3 a {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
}

.dsarticle_3 .dsbody_3 a[href^='/mm/'],
.dsarticle_3 .dsbody_3 a[href^='/mm/mm001/'],
.dsarticle_3 .dsbody_3 a[href^='/mm/mm002/'],
.dsarticle_3 .dslinklist_0 {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/img/download_intern.png);
    background-position: left center;
    background-repeat: no-repeat;
}


/** Keine Grafik fuer Links in Listen **/

.dsarticle_3 li>a {
    padding: 0 0 0 0!important;
    ;
    background-image: none!important;
}

.dsarticle_3 ul.dslinklist_0 {
    float: right;
    text-align: left;
    padding: 0 0 0 0;
    margin: 45px 0 0 0;
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
    list-style-type: none!important;
    position: relative;
    right: -49%;
    width: 49%;
}

.dsarticle_3 ul.dslinklist_0 li {
    clear: both;
}

.dsarticle_3 .dslinklist_title_0 {
    float: right;
    text-align: left;
    padding: 0 0 7px 0;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #0084FF;
    background-image: url(/img/pfeilldunkelblau_unten.png);
    background-position: right top;
    background-repeat: no-repeat;
    font-weight: bold;
    width: 49%;
}

.dsarticle_3 .dslinklist_title_0:hover {
    cursor: pointer
}

#dsarticleheader .dsarticle_3 [id^='dsarticletitle_'] {
    color: #FF4D52;
    display: block;
    float: left;
    font-size: 40px;
    line-height: 47px;
    margin: 32px 0;
    width: 90%;
    padding: 0;
}


/** alternierend Artikel grau-weiss **/

#dsarticleheader h2.dstitle_3,
#dsarticlefooter h3.dstitle_3 {
    font-weight: 700;
    margin: 0 0 0.7em 0;
    padding: 0 0 0.8em 0;
    color: #FF4D52;
    font-size: 1.7em;
    line-height: 1.35em;
    text-align: center;
    /*/*background-image: url(/img/h1_trenner.png)!important;*/
    background-repeat: no-repeat;
    background-position: center bottom!important;
}

#dsarticleheader .dsarticle_3 .dsbody_3,
#dsarticlefooter .dsarticle_3 .dsbody_3 {
    text-align: left;
    float: left;
    padding: 20px 0 0 0;
    margin: 0 0 0 0;
    width: 100%;
    /* FF 3.5+*/
    /* -moz-column-count: 2;
    -moz-column-gap: 20px;
    -moz-column-rule: none;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -webkit-column-rule: none;
    column-count: 2;
    column-gap: 20px;
    column-rule: none; */
}

#dsarticleheader .dsarticle_3 .dsbody_3 ul {
    padding-left: 1rem;
}

#dsarticleheader .dsteaser_3,
#dsarticleheader article:last-child .dsarticle_3 .dsteaser_3 {
    display: inline-block;
    margin: 0 0 0 0;
    font-size: 1.10em;
    color: #483E86;
    font-weight: 600;
    line-height: 1.6em;
}

#dsarticleheader div.dsbody_3.dsbody2nd.dsclearafter>div:nth-child(1),
#dsarticlefooter div.dsbody_3.dsbody2nd.dsclearafter>div:nth-child(1) {
    background: none;
    border-top: 1px solid #84a1cb!important;
    border-bottom: 1px solid #84a1cb!important;
    margin: 0 0 40px 0;
    padding: 20px 0 20px 0;
    width: 100%;
    text-align: center;
}

#dsarticleheader div.dsimage_3 img,
#dsarticlefooter div.dsimage_3 img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    max-width: 350px;
}


/* ================================================================
	Artikel 4 Designs Design
 ================================================================ */

#dscolumn1_1 .dsarticle_4 {
    float: left;
    padding: 0 0 0 0;
    margin: 0 5% 30px 0;
    font-weight: 400;
    line-height: 1.35em;
    width: 45%;
}

#dscolumn1_1 .dsimage_4 {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 -15px;
    font-weight: 400;
    line-height: 1.35em;
    width: 235px;
}

#dscolumn1_1 .dsteaser_4 {
    display: block;
    padding: 0 0 1.5em 0;
    margin: 0 0 0 0;
    font-size: 1.10em;
    color: #483E86;
    font-weight: 600;
    line-height: 1.6em;
}

#dscolumn1_1 .dsbody_4 {
    font-size: 0.95em;
    /* FF 3.5+*/
    padding: 0 0 0 0;
    background: #F3F6F6;
    overflow: hidden;
    background: -moz-linear-gradient(90deg, #e8f4f4 0%, #f3f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(0%, #e8f4f4), color-stop(100%, #f3f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #e8f4f4 0%, #f3f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #e8f4f4 0%, #f3f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #e8f4f4 0%, #f3f6f6 100%);
    /* IE10+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e8f4f4', endColorstr='#f3f6f6', GradientType='0');
    /* for IE */
    background: linear-gradient(0deg, #e8f4f4 0%, #f3f6f6 100%);
    /* W3C */
}

#dscolumn1_1 .dsbody_4 strong {
    font-size: 0.95em;
    padding: 0 0 0 0;
    letter-spacing: 0;
}

#dscolumn1_1 .dsarticle_4 ul {
    padding: 0 0 0 0;
    margin: 0 0 0 5%;
}

#dscolumn1_1 .dsarticle_4 ul li {
    padding: 0 0 0 0;
    margin: 0 0 0.3em 0;
    list-style-type: square;
}

#dscolumn1_1 .dsarticle_4 a,
#dscolumn1_1 .dsarticle_4 .dsteaser_1 a {
    padding: 0 0 0 8px;
    margin: 0 0 0 0;
    color: #d81b1e;
    text-decoration: none;
    background-image: url(/img/link_pfeill_rechts_rot.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

#dscolumn1_1 h1.dstitle_4,
#dscolumn1_1 h2.dstitle_4 {
    margin: 0 0 0.7em 0;
    padding: 0 0 0.5em 0;
    color: #483E86;
    font-size: 1.5em;

    display: block;
}

#dscolumn1_1 h1.dstitle_4 p,
#dscolumn1_1 h2.dstitle_4 p {
    margin: 0 0 0 0;
}

#dscolumn1_1 .dsarticle_4 h3 {
    margin: 0 0 0 0;
    padding: 0.6em 0 5px 0;
    color: #483E86;
    font-size: 1.1em;
    display: block;
    font-weight: 600;
}


/* ================================================================
dssitefooter
=================================================================== */

#dssitefooter {
    width: 100.01%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: none;
}

#foot_container {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background: none;
}

#foot_container #footLogos {
    width: 94%;
    float: left;
    padding: 0 3% 0 3%;
    margin: 0 0 0 0;
}

#foot_container #footTeaser {
    width: 93%;
    float: left;
    padding: 0 3.5% 20px 3.5%;
    margin: 0 0 0 0;
    background: #FF4D52;
    color: #fff;
}

#foot_container .col-xs-4 {
    width: 33.3%;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#foot_container .col-xs-6 {
    width: 50%;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#foot_container .col-xs-4 .footTeaserOne,
#foot_container .col-xs-6 .footTeaserOne {
    width: 96%;
    float: left;
    margin: 40px 2% 0 2%;
    padding: 0 0 0 0;
    background: none;
    text-align: center;
}

#foot_container .footTeaserOne h4 {
    font-weight: 600;
    /*margin: 0 0 40px 0;*/
    margin: 0;
    /*padding: 0 0 0.5em 0;*/
    padding: 0;
    color: #fff;
    font-size: 1.5em;
    line-height: 1em;
    text-align: center;
    /*background-image: url(/img/h2_trenner_weiss.png)!important;*/
    background-repeat: no-repeat;
    background-position: center bottom!important;
    /*min-height: 41px;*/
    min-height: 1px;
}

#foot_container .col-xs-4 .footTeaserBild,
#foot_container .col-xs-6 .footTeaserBild {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 240px;
    background: none;
}

#foot_container .col-xs-4 .footTeaserText,
#foot_container .col-xs-6 .footTeaserText {
    width: 96%;
    float: left;
    margin: 40px 2% 0 2%;
    padding: 0 0 0 0;
    background: none;
}

#foot_container .col-xs-6 .footTeaserText.newsletter-anmeldungslink {
    margin-top: 85px;
}

#foot_container .col-xs-4 .footTeaserText a,
#foot_container .col-xs-6 .footTeaserText a {
    margin: 0 0 0 0;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/img/pfeillweiss_rechts.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 3px 0 3px 20px;
}

#foot_container #footMetaNav {
    width: 96%;
    float: left;
    margin: 40px 4% 0 3%;
    padding: 30px 0 0 0;
    background: none;
    border-top: 1px solid #fff;
    text-align: center;
    line-height: 1.5em;
}

#foot_container ul.footMetaNavItems {
    width: 60%;
    float: left;
    margin: 0 0 0 23%;
    padding: 0 0 0 0;
    background: none;
    text-align: center;
}

#foot_container ul.footMetaNavItems li {
    float: left;
    margin: 0 5% 0 0;
    padding: 0 0 0 0;
    background: none;
    list-style-type: none;
}

#foot_container ul.footMetaNavItems li a {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    background-image: url(/img/pfeillweiss_rechts.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#foot_container ul.footMetaNavItems li a:hover {
    text-decoration: underline;
}

#foot_container #footMetaMinisterium {
    width: 90%;
    float: left;
    margin: 20px 5% 0 5%;
    padding: 0 0 0 0;
    background: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}

@media (max-width:767px) {
    #foot_container .col-xs-6 {
        width: 100%;
    }
    #foot_container .col-xs-6 .footTeaserText.newsletter-anmeldungslink {
        margin-top: 0;
    }
}


/* ================================================================
		Newshead
================================================================ */

.NewsNavi {
    width: 100%;
    float: left;
}

.NewsNaviOne {
    margin: 0!important;
    display: inline;
    float: left;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    text-align: center;
    border-left: 1px #fff solid;
    width: 33%;
    font-size: 1.3em;
}

.NewsNaviOne a {
    color: #fff!important;
    text-decoration: none;
    font-weight: bold;
}

.NewsNaviOne.active,
.NewsNaviOne:hover {
    background-color: #FF4D52;
}


/* ================================================================
		 Newsuebersicht
 ================================================================ **/

#Alletermine {
    margin: 0 0 0 0;
    padding: 18px 0 30px 0;
    float: left;
    width: 100%;
    background: none;
}

#Alletermine .newscontainer {
    margin: 0 0 0 0;
    padding: 20px 1.7% 20px 1.7%;
    float: left;
    width: 97%;
    height: 140px;
    border-top: 1px solid #d3e1e1;
    background: none;
}

#Alletermine .newscontainer:last-child {
    border-bottom: 1px solid #d3e1e1;
}

#Alletermine .newscontainer:hover {
    -webkit-transition: all 1.3s ease;
    /* Safari 3.2+, Chrome */
    -moz-transition: all 1.3s ease;
    /* Firefox 4-15 */
    -o-transition: all 1.3s ease;
    /* Opera 10.5-12.00 */
    transition: all 1.3s ease;
    /* Firefox 16+, Opera 12.50+ */
    background: #f3f6f6;
}

#Alletermine .newscontainer .newsinner {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    background: none;
}

#Alletermine .newscontainer .newsimage {
    margin: 0 1.5em 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 13.6%;
    background: none;
}

#Alletermine .newscontainer .newsimage img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    max-height: 140px;
    overflow: hidden;
    background: none;
    background-image: url(/img/news_platzhalter.jpg);
    background-repeat: no-repeat;
}

#Alletermine .newscontainer .newstext {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 83.2%;
    background: none;
}

#Alletermine .newscontainer .newstext .kalender_tag {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    color: #074c98;
    background: none;
}

#Alletermine .newscontainer .newstext h2 a {
    margin: 0.5em 0 0.5em 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    color: #d71b1e;
    text-decoration: none;
    font-size: 1.2em;
    background: none;
}

#Alletermine .newscontainer .newstext .newsteaserinner {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    color: #4b4d58;
    background: none;
}

#Alletermine .newscontainer .newstext .newsteaserinner a {
    margin: 0.5em 0 0 0;
    padding: 0 0 0 10px;
    float: left;
    width: 100%;
    color: #d71b1e;
    text-decoration: none;
    background-image: url(/img/link_pfeill_rechts_rot.png);
    background-repeat: no-repeat;
    background-position: 0 6px;
}


/* ================================================================
	 News-Detail
 ================================================================ **/

.NewsSingle a[href^='http://'],
.NewsSingle a[href^='https://'],
.NewsSingle a[href^='dynasite'],
.NewsSingle a {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
    background-position: left center;
    background-repeat: no-repeat;
}

.NewsSingle a[href^='/mm/'],
.NewsSingle a[href^='/mm/mm001/'],
.NewsSingle a[href^='/mm/mm002/'] {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
    color: #00b0fb;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/img/download_intern.png);
    background-position: left center;
    background-repeat: no-repeat;
}


/** Keine Grafik fuer Links in Listen **/

.NewsSingle li>a {
    padding: 0 0 0 0!important;
    background-image: none!important;
}

.NewsSingle {
    float: left;
    padding: 40px 5% 3% 8%;
    margin: 0 0 0 0;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
    width: 90%;
}

.NewsSingle h1 p,
.NewsSingle h2 p {
    margin: 0 0 0 0;
}

.NewsSingle h3 {
    font-size: 1.25em;
    padding: 0 0 0 0;
    margin: 0 0 0.5em 0;
    text-decoration: none;
    font-weight: bold;
}

.NewsSingleBacknavTitle {
    width: 90%;
    display: block;
    margin: 0 auto;
}

.NewsSingle h1,
.NewsSingle h2:first-of-type {
    font-weight: 700;
    margin: 0 0 0 0;
    padding: 0 0 0.6em 2%;
    color: #FF4D52;
    font-size: 2.5em;
    line-height: 1em;
    text-align: center;
    /*background-image: url(/img/h1_trenner.png);*/
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 40px 0 0 0 !important;
}

div[id*="revolutionGalerie"] {
    clear: both;
    display: block;
}

.NewsSingle h2 {
    font-weight: 700;
    margin: 0 0 20px 0;
    padding: 0 0 1px 0;
    color: #FF4D52;
    font-size: 2em;
    line-height: 1em;
    text-align: center;
    /*background-image: url(/img/h1_trenner.png)!important;*/
    background-repeat: no-repeat;
    background-position: center bottom!important;
}

.NewsSingleTextbox.col-xs-6 {
    float: left;
    padding: 40px 0 3% 0;
    margin: 0 0 0 0;
    font-weight: 400;
    font-size: 1.125em;
    line-height: 1.5em;
    width: 100%;
    background: none;
    /* -moz-column-count: 2;
    -moz-column-gap: 35px;
    -moz-column-rule: none;

    -webkit-column-count: 2;
    -webkit-column-gap: 35px;
    -webkit-column-rule: none;
    column-count: 2;
    column-gap: 35px;
    column-rule: none; */
}

#FerientippsDetail .NewsSingle {
    width: 100%;
    padding: 40px 0 3% 0;
}

#FerientippsDetail .NewsSingleHeadTitle h1 {
    float: left;
    width: 82%;
    margin: 0.75em 9% 40px 9%;
}

#FerientippsDetail .NewsSingleTextbox.col-xs-6 {
    column-count: 1;
    margin-left: 9%;
    margin-right: 9%;
    width: 82%;
}

#FerientippsDetail .NewsSingleFoot {
    margin: 0 0 50px 0;
    width: 100%;
}

.NewsSingleTextbox.col-xs-6 h3,
.NewsSingleTextbox.col-12 h3 {
    padding: 0px 0 1em 0;
    margin: 0 0 0 0;
    font-family: 'Poppins-Medium', sans-serif;
    font-weight: normal;
}

.NewsSingleTextbox.col-12 {
    float: left;
    padding: 0px 0 3% 0;
    margin: 0 0 0 0;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
    width: 100%;
    background: none;
}

.imageQuelle {
    clear: both;
    padding: 5px;
}

.NewsSingleFoot {
    float: left;
    padding: 15px 0 0 0;
    margin: 0 0 40px 0;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
    width: 100%;
    position: relative;
    top: 0px;
    border-top: 1px solid #0084FF;
}

.NewsSingleFoot span {
    float: left;
    padding: 2px 0 0 0;
    margin: 0 0 0 10px;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
    width: 110px;
    position: absolute;
    color: #00b0fb;
}

.NewsSingleFoot:hover span {
    color: #FF4D52;
}

.NewsSingleFoot .fa-th:before {
    content: "\f00a"!important;
    font-size: 1.75em;
    color: #00b0fb;
}

.NewsSingleFoot:hover .fa-th:before {
    color: #FF4D52;
}

.NewsSingleBacknav {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
    position: relative;
    top: -5px;
    width: 100%;
}

.flexStartImage,
.NewsSingleTextbox.col-xs-6,
.imageQuelle,
.NewsSingleFoot {
    margin-left: 9%;
    margin-right: 9%;
    width: 82%;
}
.NewsSingleTextbox p{
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.NewsSingleBacknav a {
    background-image: none;
}

.NewsSingleBacknav:hover span {
    color: #FF4D52;
}

.NewsSingleBacknav .fa-th:before {
    content: "\f00a"!important;
    font-size: 3em;
}

.NewsSingleBacknav:hover .fa-th:before {
    color: #FF4D52;
}

.EventMetaleft {
    display: flex;
    flex-direction: column;
    background: none;
    margin: 0 0 50px 9%;
    padding:1em 2.5% 2em 2.5%;
    color: #483E86;
    background-color: #FFC000;
    float: left;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.35em;
    /*width: 33%;*/
    text-align: left;
    border-radius:1em;
    position:relative;
}

.EventMetaleft:before{
    content:"\f05a";
   font-family: 'Font Awesome 6 Pro';
   font-size:4em;
    position:absolute;
    bottom:0.75em;
    color:rgba(255,255,255,0.3);
    right:4.5%;
}

.EventMetaleft a{
    font-weight:normal
}

.EventMetaleft h3 {
    background: none;
    margin: 0 0 .5em 0 !important;
    padding: 0 0 0 0;
    color: #483E86;
    float: left;
    font-weight: 600;
    font-size: 1.3em;
    line-height: 1.35em;
    width: 80%;
    text-align: left;
}
 .EventMetaleft .partnerlink  {
        margin-top:10px;
    }
.EventMetaleft .partnerlink  a{
     font-weight:normal
 }

.EventMetaleft .partnerlink i{
        display:none;
    }
.EventMetaRight {
    background: none;
    margin: 0 0 10px 0;
    padding: 25px 0 20px 0;
    color: #00b0fb;
    float: left;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.35em;
    /*width: 66%;*/
    /*min-height: 480px;*/
    font-style: normal;
    position: relative;
}

.EventMetaRight a {
    color: #00b0fb;
}

.EventMetaRight #map {
    background: none;
    margin: 10px 0 10px 0;
    padding: 25px 0 20px 0;
    float: left;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.35em;
    width: 100%;
    height: 400px;
    position: absolute;
    float: left;
    top: 1%;
    _height: 98%;
    width: 400px!important;
    z-index: 1;
}

.EventMetaRight #map {
    background: url(//cdn.hessen-agentur.de/images/kartenHintergrund.jpg)
}

.EventMetaRight #map .loadingMap {
    text-align: center
}

.EventMetaRight #map .loadingMap input {
    background-image: linear-gradient(to bottom, #428bca 0px, #2d6ca2 100%);
    background-repeat: repeat-x;
    border-color: #2b669a;
    color: #fff;
    width: 150px;
    margin-top: 150px;
    padding: 10px;
}

.EventMetaRight #map .loadingMapText {
    margin: 20px auto;
}

.EventMetaleft .zusatzinfos {
    background: none;
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
    display: block;
    letter-spacing: -0.05em;
}

.EventMetaleft .zusatzinfos span.bezeichner {
    background: none;
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    float: left;
    /*width: 30%;*/
    /*text-align:left;*/
    font-weight: normal;
    /*color:#FF4D52;*/
    text-align: right;
}

.EventMetaleft .ics img {
    background: #FF4D52;
    margin: 4px 10px 0 0;
    padding: 0 0 0 0;
    float: left;
    text-align: left;
    font-weight: normal;
    color: #e60611;
    text-decoration: none;
}

.EventMetaleft #ics_text {
    background: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-weight: normal;
    color: #e60611;
    text-decoration: none;
}

.EventMetaleft a {
    color: #e60611;
    text-decoration: none;
}

@media(max-width:640px){

.NewsSingle {
    float: left;
    padding: 1.5em 5% 3% 5%;
    margin: 0 0 0 0;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
    width: 90%;
}

.NewsSingleHeadTitle h1{
    font-size:150%!important;
    line-height: 130%!important;
    margin: 0 0 1em 0;
}

 #dscolumn1_1 h1, #dscolumn1_1 h1.dstitle_1, #dscolumn1_1 h2.dstitle_1, #dscolumn1_2 h1.dstitle_1, #dscolumn1_2 h2.dstitle_1 {
    font-size: 150%!important;
    line-height: 130%!important;
    float: left;
    width: 90%;
    padding: 1em 5% 0.5em 5%;
  }



.NewsSingleTextbox{
  padding: 1em 0% 3% 0%!important;
  width:100%!important;
}


.flexStartImage, .NewsSingleTextbox.col-xs-6, .imageQuelle, .NewsSingleFoot {
  margin:0.5em 0 0.5em 0;
  width: 100%;
  font-size:80%;
  line-height:140%
}

.EventMetaleft {
    display: flex;
    flex-direction: column;
    background: none;
    margin: 0 5% 50px 5%;
    padding:1em 5% 2em 5%;
    color: #483E86;
    background-color: #FFC000;
    float: left;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.35em;
    width:80%;
    text-align: left;
    border-radius:1em;
    position:relative;
}


.NewsSingleFoot {
  float: left;
  padding: 15px 0 0 0;
  margin: 0 5% 0px 5%;
  border-top: 1px solid #0084FF;
  width:90%
}


}






/*

#OneNews {
  margin: 0 0 0 0;
  padding: 18px 0 30px 0;
  float: left;
  width: 100%;
  background: none;
}

#OneNews .newscontainer {
  margin: 0 0 0 0;
  padding: 20px 0 20px 0;
  float: left;
  width: 100%;
  background: none;
}

#OneNews .newscontainer .newsinner {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
  width: 100%;
  background: none;
}

#OneNews .newscontainer .dsimage_container {
  margin: 0 1.5em 0 0;
  padding: 0 0 0 0;
  float: left;
  width: 24%;
  max-height: 255px;
  background: none;
}

#OneNews .newscontainer .dsimage_container img {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
  width: 100%;
  overflow: hidden;
  background: none;
  background-image: url(/img/news_platzhalter_255.jpg);
  background-repeat: no-repeat;
}

#OneNews .newscontainer .dsimage_container .newsimageAlt {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;

  background: none;
  font-style: italic;
  color: #7a7a7a;
  letter-spacing: 0em;
}

#OneNews .newscontainer .news_content {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
  width: 73%;
  background: none;
}



#OneNews .newscontainer .news_content h1 {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  float: left;
  width: 100%;
  color: #d71b1e;
  text-decoration: none;
  font-size: 1.5em;
  background: none;
  line-height:1.3em
}

#OneNews .newscontainer .news_content h2 {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  float: left;
  width: 100%;
  color: #074c98;
  font-weight: 400;
  text-decoration: none;
  font-size: 1.2em;
  background: none;
}

#OneNews .newscontainer .news_content .detail_fulltext .fulltextnews {
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  float: left;
  width: 100%;
  color: #4b4d58;
  background: none;
  line-height:18px
}

#OneNews .newscontainer .news_content .detail_fulltext ul li {
  margin: 0 0 0 20px;
  padding: 0 0 10px 5px;
list-style-type:square;

}


#OneNews .newscontainer .news_content .detail_fulltext .kurztextnews {
  font-weight: bold;
}

#OneNews .newscontainer .news_content a {
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
  color: #d71b1e;
  text-decoration: none;
  background-image: url(/img/link_pfeill_rechts_rot.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}


#OneProjekt .OneNewsBack {
  margin: 0 0 0 0%;
  padding: 0em 2em 0.5em 2em;
  float: left;
  color: white;
  background: #e02528;
}

#OneProjekt .OneNewsBack a {
  margin: 0.5em 0 0 0 !important;
  padding: 0 0 0 18px !important;
  float: left;
  width: 100%;
  color: white;
  font-weight: 600;
  text-decoration: none;
  background-image: url(/img/link_pfeill_links_weiss.png) !important;
  background-repeat: no-repeat;
  background-position: 0 4px !important;
}

#OneNews .OneNewsBack {
  margin: 0 0 0 25.7%;
  padding: 0em 2em 0.5em 2em;
  float: left;
  color: white;
  background: #e02528;
}

#OneNews .OneNewsBack a {
  margin: 0.5em 0 0 0 !important;
  padding: 0 0 0 18px !important;
  float: left;
  width: 100%;
  color: white;
  font-weight: 600;
  text-decoration: none;
  background-image: url(/img/link_pfeill_links_weiss.png) !important;
  background-repeat: no-repeat;
  background-position: 0 3px !important;
}

.zusatzinfos {
  background: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 13px;
  display: block;
  line-height: 10px;
}

.zusatzinfos a {
  background: none !important;
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  font-size: 12px;
  width: 200px !important;
}

.zusatzinfos strong {
  background: none;
  margin: 0 8px 0 0;
  padding: 0 0 0 0;
  min-width: 120px;
  float: left;
  text-align: right;
}

*/


/* ================================================================
	 NewsWidget
 ================================================================ **/

.NewsWidgetOuter {
    width: 82%;
    padding: 40px 3% 0 9%;
    margin: 0 0 40px 0;
    float: left;
}

.NewsWidgetOuter a {
    text-decoration: none;
}

.NewsWidgetOuter .NewswidgetH2 {
    font-weight: 700;
    margin: 0 0 1em 0;
    padding: 0 0 0.6em 0;
    color: #FF4D52;
    font-size: 1.7em;
    line-height: 1em;
    text-align: center;
    /*background-image: url(/img/h1_trenner.png);*/
    background-repeat: no-repeat;
    background-position: center bottom;
}

.NewsWidgetOuter article {
    display: inline;
}

.NewsWidgetOne.col-xs-4 {
    display: inline-block;
    margin: 30px 0 0 0;
    padding: 0 10px;
    vertical-align: top;
}

.slick-slide div .NewsWidgetOne.col-xs-4 {
    width: 94% !important;
}

.NewsWidgetOne.KeineMeldung {
    width: 97.7%;
    float: left;
    margin: 00px 2% 30px 0;
    padding: 40px 0 0 0;
    height: auto;
    background: none;
    text-align: center;
}

.NewsWidgetText .bfreitooltip .bfreitooltiptext {
    top: -35px;
    left: 0;
}

.NewsWidgetOne.col-xs-4 a {
    display: block;
}

.NewsWidgetOne .NewsWidgetImage {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    max-height: 230px;
    overflow: hidden;
    border: 2px solid #EFEFEF;
    border-radius: 30px;
}

.NewsWidgetOne .NewsWidgetImage img {
    width: 100%;
}

.NewsWidgetOne .NewsWidgetText {
    width: 96%;
    padding: 0 0 0 0;
    margin: 1rem 0 0 0;
    float: left;
    color: #483E86;
    min-height: 210px;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
}

.NewsWidgetOne .NewsWidgetText .date {
    color: #483E86;
}
.NewsWidgetOne .NewsWidgetText .date .abgelaufen {
    color: #FF4D52;
}
.NewsWidgetOne:hover,
.NewsWidgetOne:hover .NewsWidgetText,
.NewsWidgetOne:hover .NewsWidgetCategory,
.NewsWidgetOne:hover h3 {
    /*background: #FF4D52;
    color: #fff!important;
    -webkit-transition: all 0.2s ease-in-out;*/
    /* Safari 3.2+, Chrome */
    /*-moz-transition: all 0.2s ease-in-out;*/
    /* Firefox 4-15 */
    /*-o-transition: all 0.2s ease-in-out;*/
    /* Opera 10.5-12.00 */
    /*transition: all 0.2s ease-in-out;*/
    /* Firefox 16+, Opera 12.50+ */
}

.NewsWidgetCategory {
    margin: 20px 0 10px 0;
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: 1.2em;
}

.NewsWidgetText h2,
.NewsWidgetText h3 {
    color: #483E86 !important;
    font-weight: 700;
    line-height: 30px;
    font-size: 22px !important;
    padding: 0 !important;
    margin: 15px 0 8px 0 !important;
}

.NewsWidgetTeaser {
    font-size: 16px;
    line-height: 24px;
    color: #483E86;
    word-break: break-word;
}
.NewsWidgetDatum {
        margin-top: 5px;
        margin-bottom: 5px;
    }



/* Newswidget V2  */

.dsmid_523602 .NewsWidgetOne,
.dsmid_523603 .NewsWidgetOne,
.dsmid_523604 .NewsWidgetOne{
    background:rgba(0,0,0,0.03);
    padding:0 0 0 0!important;;
    margin:0 1% 1.5em 0!important;
    width:30%;
    border-radius:1.5em;
    position: relative;
}

.dsmid_523602 .NewsWidgetOne:after,
.dsmid_523603 .NewsWidgetOne:after,
.dsmid_523604 .NewsWidgetOne:after{
  content: "\e102";

  font-family: 'Font Awesome 6 Pro';
  color: rgba(255,255,255,0.9);
  position: absolute;
  transform: rotate(0deg);
  font-size: 3.25em;
  font-weight: 300;
  bottom: 0.5em;
  right: 0.2em;

}



.dsmid_523602 .NewsWidgetOne span.kat365:before,
.dsmid_523603 .NewsWidgetOne span.kat365:before,
.dsmid_523604 .NewsWidgetOne span.kat365:before{
 content:"\f5ca";
    font-family: 'Font Awesome 6 Pro';
    position:relative;
    width:45px;
    height:45px;
    left:2.5%;
    top:0.6em;
    background:#FF4F4D;
    background:rgba(255,79,77,0.7);
    border-radius:100px;
    color:#fff;
    text-align: center;
    padding:0.35em;
    transform: rotate(0deg);
    font-size:1em;
    line-height:1em;
    font-weight:300;
    z-index:1000;
}

.dsmid_523602 .NewsWidgetOne span.kat364:before,
.dsmid_523603 .NewsWidgetOne span.kat364:before,
.dsmid_523604 .NewsWidgetOne span.kat364:before{
    content:"\f66f";
    font-family: 'Font Awesome 6 Pro';
    position:relative;
    width:45px;
    height:45px;
    left:2.5%;
    top:0.6em;
    background:#FF4F4D;
    background:rgba(255,79,77,0.7);
    border-radius:100px;
    color:#fff;
    text-align: center;
    padding:0.35em;
    transform: rotate(0deg);
    font-size:1.1em;
    line-height:1em;
    font-weight:300;
    z-index:1000;
}

.dsmid_523602 .NewsWidgetOne span.kat363:before,
.dsmid_523603 .NewsWidgetOne span.kat363:before,
.dsmid_523604 .NewsWidgetOne span.kat363:before{
    content:"\f45f";
    font-family: 'Font Awesome 6 Pro';
    position:relative;
    width:45px;
    height:45px;
    left:2.5%;
    top:0.6em;

    background:#FF4F4D;
    background:rgba(255,79,77,0.7);
    border-radius:100px;
    color:#fff;
    text-align: center;
    padding:0.35em;
    transform: rotate(0deg);
    font-size:1.1em;
    line-height:1em;
    font-weight:300;
    z-index:1000;
}

.dsmid_523602 .NewsWidgetOne span.kat362:before,
.dsmid_523603 .NewsWidgetOne span.kat362:before,
.dsmid_523604 .NewsWidgetOne span.kat362:before{
    content:"\f3a0";
    font-family: 'Font Awesome 6 Pro';
    position:relative;
    width:45px;
    height:45px;
    left:2.5%;
    top:0.6em;

    background:#FF4F4D;
    background:rgba(255,79,77,0.7);
    border-radius:100px;
    color:#fff;
    text-align: center;
    padding:0.35em;
    transform: rotate(0deg);
    font-size:1.1em;
    line-height:1em;
    font-weight:300;
    z-index:1000;
}

.dsmid_523602 .NewsWidgetOne span.kat171:before,
.dsmid_523603 .NewsWidgetOne span.kat171:before,
.dsmid_523604 .NewsWidgetOne span.kat171:before{
    content:"\f07a";
    font-family: 'Font Awesome 6 Pro';
    position:relative;
    width:45px;
    height:45px;
    left:2.5%;
    top:0.6em;

    background:#FF4F4D;
    background:rgba(255,79,77,0.7);
    border-radius:100px;
    color:#fff;
    text-align: center;
    padding:0.35em;
    transform: rotate(0deg);
    font-size:1.1em;
    line-height:1em;
    font-weight:300;
    z-index:1000;
}

.dsmid_523602 .NewsWidgetOne span.kat331:before,
.dsmid_523603 .NewsWidgetOne span.kat331:before,
.dsmid_523604 .NewsWidgetOne span.kat331:before{
    content:"\f02d";
    font-family: 'Font Awesome 6 Pro';
    position:relative;
    width:45px;
    height:45px;
    left:2.5%;
    top:0.6em;

    background:#FF4F4D;
    background:rgba(255,79,77,0.7);
    border-radius:100px;
    color:#fff;
    text-align: center;
    padding:0.35em;
    transform: rotate(0deg);
    font-size:1.1em;
    line-height:1em;
    font-weight:300;
    z-index:1000;
}


.dsmid_523602 .NewsWidgetOne span.kat0:before,
.dsmid_523603 .NewsWidgetOne span.kat0:before,
.dsmid_523604 .NewsWidgetOne span.kat0:before{
    content:"\f534";
    font-family: 'Font Awesome 6 Pro';
    position:relative;
    width:45px;
    height:45px;
    left:2.5%;
    top:0.6em;

    background:#FF4F4D;
    background:rgba(255,79,77,0.1);
    border-radius:100px;
    color:#fff;
    text-align: center;
    padding:0.35em;
    transform: rotate(0deg);
    font-size:1.1em;
    line-height:1em;
    font-weight:300;
    z-index:1000;
}

.dsmid_523602 .NewsWidgetImage,
.dsmid_523603 .NewsWidgetImage,
.dsmid_523604 .NewsWidgetImage{
    width:100%;
    border-radius:1.5em  1.5em 0 0!important;
    position: relative;
    top:-25px;
}




.dsmid_523602 .NewsWidgetText,
.dsmid_523603 .NewsWidgetText,
.dsmid_523604 .NewsWidgetText{
    width:90%;
    position:relative;
    top:-25px;
    padding:0 5% 2em 5%!important;
    min-height:220px!important;
    z-index:1000;

}

.dsmid_523602 .NewsWidgetOne .NewsWidgetText .date,
.dsmid_523603 .NewsWidgetOne .NewsWidgetText .date,
.dsmid_523604 .NewsWidgetOne .NewsWidgetText .date{
    color: #483E86;
    font-size:0.9em;
    margin:0 0 0 0;
}


.dsmid_523602 .NewsWidgetText h2,
.dsmid_523603 .NewsWidgetText h2,
.dsmid_523604 .NewsWidgetText h2{
    font-size:1.05em!important;
    line-height:1.2em;
    min-height:70px;
}

.dsmid_523602 .NewsWidgetTeaser,
.dsmid_523603 .NewsWidgetTeaser,
.dsmid_523604 .NewsWidgetTeaser {
  font-size: 0.95em;
  line-height: 1.3em;
  color: #483E86;
  word-break: break-word;
}





/* ================================================================
		 Suche
================================================================ ***/

#dssearch_menus {
    background: none;
    display: none;
}

#dssearch_container {
    color: #666666;
    background: none;
    width: 100%;
    float: left;
    background-image: url(/img/lupe_hg.png);
    background-position: center 200px;
    background-repeat: no-repeat;
    background-size: 75%;
}

#Tagsuche .suche {
      background: white;
    margin: 0 0 0 0;
    padding: 0 1% 0 4%;
    color: #483E86;
    font-weight:400;
    font-size: 125%;

    line-height: 100%;
    height: 52px;

    width: 65%;
    float: left;
    opacity:1;
    border-radius: 15px 0 0 15px;

    border: none;
}

input#suche_button2 {
   background: none;
    margin: 0 0 0 0;
    padding: 0 2% 0 2%;
    float: left;
    width: 34%;
    height: 52px;
    font-size: 125%;

    line-height: 100%;
    text-transform:initial;
    font-weight: 600;
    border-radius: 0 15px 15px 0;
    background-color: #E51C1F;

    border: none;
    color: #fff;
}




#Tagsuche .topcontainer #searchform2{
    width: 50%;
    display: inline-flex;
}


a.dssearch_title {
    color: #D8202A;
    padding-left: 0;
    text-decoration: none;
}

.dssearch_paging {
    color: #D8202A;
    padding-left: 1em;
    text-decoration: none;
}

a.dssearch_highlight {
    color: #D8202A;
    text-decoration: underline;
}


/* ================================================================
		Suchergebnisse
================================================================ */
#Tagsuche{
    background-color: #0dcaf0;
    margin: 0 0;
    width: 94%;
    padding:0 3% 0.2em 3%;
    font-weight: 100;
}

#Tagsuche h1 {
    color: #483E86;
    display: block;
    float: left;
    font-size: 40px;
    line-height: 47px;
    margin: 0 0 32px;
    float: left;
    width: 90%;
    padding: 40px 9% 0 0;
    font-family: 'Axiforma-Bold', sans-serif;
}


#Tagsuche .topcontainer {
    width: 92%;
    float: left;
    margin: 0 0 5rem 0;
    padding:3em 4%;
    background-color: #FFC000;
    background:rgba(255,255,255,0.4);
    border-radius:15px;
}

.row {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

#Tagsuche .topcontainer #searchform2{
    width: 70%;
}

#Tagsuche .topcontainer #TagsucheRubrikenBox{
    width: 30%;
}


#TagsucheRubrikenBox ul li {
    background: #efefef;
    list-style-type: none !important;
    margin: 0 0 8px;
    padding: 0.2em 2% !important;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
}


/* Tagsuche neu */
#Tagsuche .topcontainer #searchform2{
    width: 100%;
}

#Tagsuche .topcontainer #TagsucheRubrikenBox{
    width: 100%;

    margin:0 0 0 0
}

#Tagsuche .topcontainer #TagsucheRubrikenBox ul{
    width: 102%;
    margin:3em 0 0 -1%;
    padding:0;
}

#TagsucheRubrikenBox ul li{
   margin:0  1% 1em 1%!important;
   padding:2em 3% 2em 3%!important;
   width:24.1%;
   height:;
   float:left;
    border-radius:15px;
    background:#0DCAF0;
    color:#fff;
    text-align:right;
    position:relative;
    font-size:1.25em;
    border:6px solid rgba(255,255,255,0);
}

#TagsucheRubrikenBox ul li:hover,
#TagsucheRubrikenBox ul li.active:hover{
  transition: 1s;
    border:6px solid rgba(255,255,255,0.9)!important;
}

#TagsucheRubrikenBox ul li.active {
   margin:0  1% 1em 1%!important;
   padding:2em 3% 2em 3%!important;
   width:24.1%;
   height:;
   float:left;
    border-radius:15px;
    background:#0ba9c9;
    background:#0DCAF0;
    color:#fff;
    text-align:right;
    position:relative;
    font-size:1.25em;
    border:6px solid rgba(255,255,255,0.7)
}

#TagsucheRubrikenBox ul li button{
   border:none;
   width:100%;
    padding:0 0 0 0;
    margin:0;
    background:none;
    text-align:right;
    position:relative;
    font-size:1.25em;
    color:#fff
}



@media (max-width:1024px) {



}


#TagsucheRubrikenBox ul li#News:after,
#TagsucheAusgabe .TsAusOne.News:after{
    position:absolute;
    content:"\f0a1";
    font-family: 'Font Awesome 6 Pro';
    left:6%;
    font-size:2.8em;
    font-weight:100;
}

#TagsucheRubrikenBox ul li#alle:after{
    position:absolute;
    content:"\f122";
    font-family: 'Font Awesome 6 Pro';
    left:6%;
    font-size:2.8em;
    font-weight:100;
}


#TagsucheRubrikenBox ul li#Veranstaltungen:after,
#TagsucheAusgabe .TsAusOne.Veranstaltungen:after{
    position:absolute;
    content:"\f073";
    font-family: 'Font Awesome 6 Pro';
    left:6%;
    font-size:2.8em;
    font-weight:100;
}

#TagsucheRubrikenBox ul li#Artikel:after,
#TagsucheAusgabe .TsAusOne.Artikel:after{
    position:absolute;
    content:"\f15c";
    font-family: 'Font Awesome 6 Pro';
    left:6%;
    font-size:2.8em;
    font-weight:100;
}

#TagsucheRubrikenBox ul li#Tipps:after,
#TagsucheAusgabe .TsAusOne.Tipps:after {
    position:absolute;
    content:"\f671";
    font-family: 'Font Awesome 6 Pro';
    left:6%;
    font-size:2.8em;
    font-weight:100;
}

#TagsucheRubrikenBox ul li#Partner:after,
#TagsucheAusgabe .TsAusOne.Partner:after{
    position:absolute;
    content:"\f4c6";
    font-family: 'Font Awesome 6 Pro';
    left:6%;
    font-size:2.8em;
    font-weight:100;
}


#Tagsuche #TrefferH2{
    width: 100%;

    Padding: 0 0 0 0;

    font-size: 150%;
    letter-spacing: -0.05em;
    color: #fff;
    display: inline;
    text-transform: none;
}

#TagsucheAusgabe .TsAusOne.Veranstaltungen,
#TagsucheAusgabe .TsAusOne.Artikel,
#TagsucheAusgabe .TsAusOne.News,
#TagsucheAusgabe .TsAusOne.Tipps,
#TagsucheAusgabe .TsAusOne.Partner {
    background: rgba(255,255,255,0.9);
    border-radius: 0.5em;
    padding:1.5em 2% 3.5em 12%;
    margin:1em 0 1em 0;
    position:relative;
}


@media (max-width:1024px) {

#TagsucheRubrikenBox ul li {
   margin:0  1% 1em 1%!important;
   padding:2em 3% 2em 3%!important;
   width:40.3%;
   height:;
   float:left;
    border-radius:15px;
    background:#0DCAF0;
    color:#fff;
    text-align:right;
    position:relative;
    font-size:1.25em;
}

#TagsucheRubrikenBox ul li.active {
   width:40.3%;
}

#TagsucheAusgabe .TsAusOne.Veranstaltungen,
#TagsucheAusgabe .TsAusOne.Artikel,
#TagsucheAusgabe .TsAusOne.News,
#TagsucheAusgabe .TsAusOne.Tipps,
#TagsucheAusgabe .TsAusOne.Partner {
    background: rgba(255,255,255,0.9);
    border-radius: 0.5em;
    padding:1.5em 2% 3.75em 16%;
    margin:1em 0 1em 0;
    position:relative;
}



}



#TagsucheAusgabe .TsAusOne.Veranstaltungen:after,
#TagsucheAusgabe .TsAusOne.Artikel:after,
#TagsucheAusgabe .TsAusOne.News:after,
#TagsucheAusgabe .TsAusOne.Tipps:after,
#TagsucheAusgabe .TsAusOne.Partner:after {
    position:absolute;
    top:1em;
    left:2.5%;
    color:#0DCAF0;
    font-size:4eM
}


@media (max-width:767px) {

#TagsucheRubrikenBox ul li,
#TagsucheRubrikenBox ul li.active   {
   margin:0  0 0.75em 0!important;
   padding:1.25em 5% 1.25em 5%!important;
   width:86.5%;
   height:;
   float:left;
    border-radius:15px;
    background:#0DCAF0;
    color:#fff;
    text-align:right;
    position:relative;
    font-size:1em;
}

 #TagsucheAusgabe .TsAusOne.Veranstaltungen:after,
#TagsucheAusgabe .TsAusOne.Artikel:after,
#TagsucheAusgabe .TsAusOne.News:after,
#TagsucheAusgabe .TsAusOne.Tipps:after,
#TagsucheAusgabe .TsAusOne.Partner:after {
    position:absolute;
    top:1em;
    left:2.5%;
    color:#0DCAF0;
    font-size:3eM
}


}

@media (max-width:480px) {



#TagsucheAusgabe .TsAusOne.Veranstaltungen,
#TagsucheAusgabe .TsAusOne.Artikel,
#TagsucheAusgabe .TsAusOne.News,
#TagsucheAusgabe .TsAusOne.Tipps,
#TagsucheAusgabe .TsAusOne.Partner {
    background: rgba(255,255,255,0.9);
    border-radius: 0.5em;
    padding:1.5em 3% 3.75em 5%;
    margin:1em 0 1em 0;
    position:relative;
}

 #TagsucheAusgabe .TsAusOne.Veranstaltungen:after,
#TagsucheAusgabe .TsAusOne.Artikel:after,
#TagsucheAusgabe .TsAusOne.News:after,
#TagsucheAusgabe .TsAusOne.Tipps:after,
#TagsucheAusgabe .TsAusOne.Partner:after {
    position:absolute;
    top:0.6em;
    left:unset;
    right:4.5%!important;
    color:#0DCAF0;
    font-size:2.4eM
}


}

#TagsucheAusgabe .TsAusOne p.h4 {
    color:#0DCAF0;
    padding:0;
    margin:0 0 1em 0;
}



#Tagsuche h2.highlight_title {
    font-size: 18px;
    margin:0 0 0.5em 0;
    padding:0
}

#Tagsuche #TagsucheAusgabe a {
    color:#0DCAF0;
    margin:-0.5em 0 0 0;
    padding:0;
    font-family: 'Axiforma-Regular', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    background-color: #e60611;
    border: 2px solid #e60611;
    padding: 10px 18px 8px 18px;
    border-radius: 50px;

    display: block;
    width: fit-content !important;
    height: fit-content;
    text-transform: none;
    float:right;
}



@media (max-width:767px) {

#Tagsuche h1 {
    color: #483E86;
    display: block;
    float: left;
    font-size: 40px;
    line-height: 47px;

    float: left;
    width: 90%;
    padding: 40px 9% 1em 3%;
    font-family: 'Axiforma-Bold', sans-serif;
}


  #Tagsuche .topcontainer #searchform2{
    width: 98%;
margin:0 0 2em 0;
}

#Tagsuche .topcontainer #TagsucheRubrikenBox{
    width: 98%;

}


#Tagsuche .topcontainer #TagsucheRubrikenBox ul{
    margin:0

}


}

#pagination  {
  margin:0 0 1em 0;
    text-align: center;
}




#pagination li,
#pagination li.active{

    padding:0 0 0 0;
    margin:0 0.5% 0 0.5%;


}

#pagination li a{
    width:25px;
    height:25px;

    background:rgba(255,255,255,0.9);
    border:none;
}




#pagination li.active span{
    background-color: #e60611;
    border:none;




}

/* ================================================================
		Partner
================================================================ */


/*********PartnerheadNavi**********/

a#PartnerLoaderMoreLink {
    background: white;
    padding: 10px 5% 10px 5%;
    -moz-border-radius: 100px;
    /*Firefox*/
    -webkit-border-radius: 100px;
    /*Safari, Chrome*/
    border-radius: 100px;
    font-size: 1.5em;
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color=#333333)";
    /*IE 8*/
    -moz-box-shadow: 0px 0px 2px #333333;
    /*FF 3.5+*/
    -webkit-box-shadow: 0px 0px 2px #333333;
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0px 0px 2px #333333;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color=#333333);
    /*IE 5.5-7*/
    color: #0084FF
}

#PartnerSuperHead {
    width: 100%;
    float: left;
}

.PartnerHead,
.PartnerHead ul {
    width: 100%;
    margin: 0!important;
    padding: 0!important;
}

.PartnerHead ul li {
    list-style-type: none!important;
    margin: 0!important;
    display: inline;
    background-color: #0084FF;
    float: left;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    text-align: center;
    border-left: 1px #fff solid;
    width: 33%;
    font-size: 1.3em;
}

.PartnerHead ul li :lastchild {
    border: none;
}

.PartnerHead ul li.active {
    background-color: #FF4D52;
}

.PartnerHead ul li:hover {
    background-color: #FF4D52;
}

.PartnerHead ul li a {
    color: #fff!important;
    text-decoration: none;
    font-weight: bold;
}


/*********PartnerSuchform**********/

#Quelle {
    background: none;
    margin: 0 0 10px 0;
    padding: 5px 0 20px 0;
    color: #0084FF;
    color: #00b0fb;
    float: left;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.35em;
    width: 66%;
    top: 460px;
    font-style: normal;
    position: relative;
    display: none;
}

#Quelle a {
    color: #00b0fb;
}

#PartnerForm {
    width: 100%;
    float: left;
    background-color: #dee7f1;
    margin-top: 30px;
    text-align: left;
    padding: 0 0 20px 0;
    margin: 30px 0 40px 0;
}

#PartnerForm.PartnerFormNew {
    float: left;
    width: 82%;
    padding: 40px 9% 30px 9%;
    background: #FFC000;
}

#PartnerForm.PartnerFormNew .category-searchcontainer,
#PartnerForm.PartnerFormNew .location-searchcontainer {
    display: flex;
    gap: 9%;
}

#PartnerForm fieldset{
    border:none;
}
#PartnerForm.PartnerFormNew .category-searchcontainer fieldset select {
    width: 200px;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 10px 20px;
    margin-bottom: 15px;
    background-color: #fff;
    cursor: pointer;
}

#PartnerForm.PartnerFormNew .location-searchcontainer fieldset select {
    cursor: pointer;
}

#PartnerForm.PartnerFormNew .location-searchcontainer fieldset select,
#PartnerForm.PartnerFormNew .location-searchcontainer fieldset input {
    border: 1px solid #fff !important;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
    margin-left: 5% !important;
    background-color: #fff !important;
    color: #483E86 !important;
    height: fit-content !important;
}

#PartnerFormLeft {
    float: left;
}
.tablet #PartnerFormLeft {
    float: none;
    margin-right: 5%;
    width:100%;
}
#PartnerFormRight {
    float: left;
}
.tablet #PartnerForm.PartnerFormNew #PartnerFormRight {
    float: none;
    margin-right: 5%;
    width:100%;
}
#PartnerForm.PartnerFormNew #PartnerFormRight {
    float: right;
    margin-right: 5%;
}

#PartnerForm.PartnerFormNew label {
    color: #483E86;
    font-size: 1em;
    padding-left: 0;
    font-weight: 600;
    align-content: space-around;
    max-height: 40px;
}

#PartnerForm h4 {
    color: #0084FF;
    font-size: 1.5em;
    padding-left: 3%;
}

#PartnerForm label {
    color: #0084FF;
    font-size: 1.2em;
    padding-left: 3%;
}

#PartnerForm .PartnerFormSubmit {
    margin: 0 0 0 1.5%;
}

#PartnerForm .PartnerFormSubmit input {
    margin: 30px 0 0 0;
    padding: 5px 3% 5px 3%;
    border: none;
    background: #FF4D52;
    color: #fff;
    text-transform: capitalize;
    width: 65%;
}

#PartnerForm #freitext {
    margin-left: 1.8em;
    width: 33em;
    height: 20px;
    margin-bottom: 10px;
}

#PartnerForm.PartnerFormNew #freitext {
    margin-left: 0;
    border: 1px solid #fff;
    border-radius: 8px;
    width: 100% !important;
    height: 20px;
    padding: 10px 20px;
    margin-bottom: 15px;
}

#PartnerForm #plz {
    margin-left: 1%;
    width: 7em;
    height: 20px;
}

.PLZsuche.PartnerFormInner,
#PartnerForm.PartnerFormNew .Ortsuche.PartnerFormInner {
    display: block;
}
.PartnerFormInner label{
    margin-left:10px;
}
#PartnerForm #Umkreis {
    background-color: #0084FF;
    border: #0084FF;
    color: #fff;
    height: 25px;
    margin-left: 1%;
}

#PartnerForm .PartnerFormRubriken {
    margin: 20px 0 0 0;
}

#PartnerForm .PartnerFormRubriken label {
    padding-right: 10px;
    margin-top: 5px;
    padding-top: 0;
    color: #fff;
}

#PartnerForm .PartnerFormRubriken label.Rubriken2 {
    margin-left: -0.15em !important;
}

#PartnerForm i {
    padding: 2px;
}

#PartnerForm .Rubriken1 i {
    background: #fbb520;
}

#PartnerForm .Rubriken2 i {
    background: #1192d5;
}

#PartnerForm .Rubriken3 i {
    background: #77bb15;
}

#PartnerForm .Rubriken4 i {
    background: #FF4D52;
}

#PartnerForm .Rubriken5 i {
    background: #d421b9;
}

#PartnerForm .Rubriken6 i {
    background: #FBF820;
    color: #0084FF
}

@media screen and (min-width: 1128px) {
    #PartnerForm .PartnerFormSubmit input {
        width: 40%;
    }
}


/***hide the checkboxes ***/

#PartnerForm input[type=checkbox]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
}


/***position the label ***/

#PartnerForm input[type=checkbox]:not(old)+label {
    display: inline-block;
    margin-left: -2em;
    line-height: 1.5em;
}


/***create the unchecked graphics ***/

#PartnerForm input[type=checkbox]:not(old)+label>span {
    display: inline-block;
    width: 1.0em;
    height: 1.0em;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border: 0.0625em solid rgb(192, 192, 192);
    border-radius: 1.5em;
    background: rgb(224, 224, 224);
    background-image: -moz-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -webkit-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    vertical-align: bottom;
    cursor: pointer;
    cursor: hand;
}

#PartnerForm input[type=checkbox]:not(old):checked+label>span {
    background-image: -moz-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -webkit-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}


/***tick inside selected checkboxes ***/

#PartnerForm input[type=checkbox]:not(old):checked+label>span:before {
    content: '✓';
    display: block;
    width: 1.0em;
    color: rgb(20, 66, 148);
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115, 153, 77);
    font-weight: bold;
}

@media screen and (max-width:768px) {
    #PartnerForm #freitext {
        width: 100%;
    }
    .anmeldungleft,
    .anmeldungright {
        width: 100%;
    }
    #showkarteOutertext1 {
        margin-top: 0 !important;
    }
}


/*********PartnerSuchCounter*********/

.PartnerSuche {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    padding: 0 0 30px 0;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.35em;
    position:relative;
}

figure.partnerimg {
    position:relative;
    margin: 2rem 0;
    max-width: 600px;
}

figure.partnerimg img{

    width:100%;
}

figure figcaption{
background:rgba(255,255,255,0.8);
    position:absolute;
    top:0;
    right:0;
    padding:0.1em 2% 0.1em 2%;
}

#PartnerSuchOut {
    width: 82%;
    margin: 0 9%;
}

.PartnerSuchOutH2 {
    font-weight: 700;
    margin: 0 0 3em 0;
    padding: 0;
    color: #483E86;
    font-size: .75em;
    line-height: .75em;
}

#PartnerSucheNew .PartnerSuchOutH2,
#PartnerSucheNew .PartnerSuchOutToggle {
    display: inline-block;
}

#PartnerSucheNew .PartnerSuchOutToggle {
    background-color: #FF4D52;
    border: 2px solid #FF4D52;
    padding: 0 8px;
    border-radius: 50px;
    width: fit-content !important;
    height: fit-content;
    text-transform: none;
    float: right;
}

#PartnerSucheNew .PartnerSuchOutToggle button {
    font-family: 'Axiforma-Regular', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
}

#PartnerSucheNew .PartnerSuchOutToggle:hover {
    background-color: transparent;
}

#PartnerSucheNew .PartnerSuchOutToggle:hover button {
    color: #FF4D52 !important;
}

#PartnerLoaderMoreLink {
    margin: -25px auto 0 auto !important;
}

#PartnerSucheNew .PartnerSucheteilen {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
#PartnerSucheNew .PartnerSucheteilen strong{
    margin-top:3px
}
#PartnerSucheNew .PartnerSucheteilen svg {
  vertical-align: middle;
  transition: transform 0.2s;
    width:15px;
}
#PartnerSucheNew .PartnerSucheteilen a:hover svg {
  transform: scale(1.2);
}
/*********PartnerKartePopup*********/

.mymarker {
    text-align: center;
    font-size: 1.1em;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size:1.2em;
}

.leaflet-container .mymarker img {
    max-width: 200px!important;
    max-height: 200px;
}

.mymarker h1 {
    font-size: 1.2em!important;
    line-height:1.3!important;
    margin: 0!important;
    padding-top:20px!important;
    float: none!important;
}


.mymarker a {
    display: block;
    color: #fff !important;
    background-color: #FF4D52;
    border: 2px solid #FF4D52;
    padding: 4px 8px;
    margin-top: 10px;
    border-radius: 50px;
    width: fit-content !important;
    height: fit-content;
    text-transform: none;
}

.mymarker ul {
    display: none;
    margin: 0!important;
    margin-bottom: 10px!important;
    padding: 0 0 0 0;
}

.mymarker ul li {
    list-style-type: none!important;
    display: block;
    margin: 0 5% 0 5%!important;
    padding: 2px!important;
    color: #fff;
    width: 88%;
}

.mymarker .cat3 {
    background-color: #77bb15;
}

.mymarker .cat5 {
    background-color: #fbb520;
}

.mymarker .cat6 {
    background-color: #d421b9;
}

.mymarker .cat7 {
    background-color: #1192d5;
}

.mymarker .cat9 {
    background-color: #FF4D52;
}

.mymarker .cat10 {
    background-color: #FBF820;
    color: #1446AB
}

.mymarker a {
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left 0;
    padding-left: 20px;
    margin-top:20px;
    margin-bottom:20px;
    width:90%!important;
}

#map {
    height: 800px;
    width: 100%;
    border: solid 1px #b7b7b7;
}

#map {
    background: url(//cdn.hessen-agentur.de/images/kartenHintergrund.jpg);
    width: 98% !important;
    margin-left: 1%;
}

.loadingMapPK input {
    background-image: linear-gradient(to bottom, #428bca 0px, #2d6ca2 100%);
    background-repeat: repeat-x;
    border-color: #2b669a;
    color: #fff;
    width: 150px;
    padding: 10px;
}

.loadingMapPK {
    text-align: center;
    position: relative;
    width: 100%;
    /* height: 100%; */
    background: rgba(255, 255, 255, 0.7);
    z-index: 3000;
    padding-top: 31.3%;
    padding-bottom: 31.3%;
}

.loadingMapTextPK {
    margin: 20px auto;
}

.loadingMapPK input {
    color: #fff;
    background: #FF4D52;
    border: 2px solid #FF4D52;
    border-radius: 50px;
    font-size: 1.125em;
    font-family: 'Axiforma-Regular', sans-serif;
}

.loadingMapPK input:hover {
    color: #FF4D52;
    background-color: #fff;
}


/*********PartnerNormaleSuche*********/

#PartnerAusgabeBesondereAngebote {
    margin: 30px 0;
}
#PartnerAusgabeBesondereAngebote .col-xs-4.PartnerLogo {
padding-left: 20px;
}

#PartnerAusgabeBesondereAngebote .PartnerAngebot {
    margin-bottom: 30px;
}

#PartnerAusgabeBesondereAngebote .PartnerMore h4 {
    margin-top: 50px;
}

#PartnerAusgabeBesondereAngebote .Angebotlink_active {
    padding: 10px;
    background-color: #FF4D52;
    color: #fff;
    text-decoration: none;
}

section.off0:nth-child(1)>div:nth-child(1) {
    border-top: #89a0c9 1px solid;
    display: table;
    width: 100%;
    padding-bottom: 20px
}

#PartnerSucheNew section.off0:nth-child(1)>div:nth-child(1) {
    border-top: #483E86 1px solid;
}

.PartnerAusgabe .PartnerOne {
    border-bottom: #89a0c9 1px solid;
    display: table;
    width: 100%;
    padding-bottom: 20px
}

#PartnerSucheNew .PartnerAusgabe .PartnerOne {
    border-bottom: #483E86 1px solid;
}

.PartnerAusgabe .PartnerOne img {
    max-width: 600px;
}

#PartnerSucheNew .PartnerAusgabe .PartnerOne .PartnerDetails {
    padding-top: 0;
}

#PartnerSucheNew .PartnerAusgabe .PartnerOne .PartnerDetails img {
    max-width: 50px;
}

.PartnerAusgabe .even {
    background: #ecedee;
}

#PartnerSucheNew .PartnerAusgabe .even {
    background: #fff;
}

.Partnerkategorie ul {
    width: 100%;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: -20px;
    /*display: table-row;*/
    position: relative;
    top: 0px;
    z-index: 10000;
    height: 18px;
    display: none;
}

.Partnerkategorie ul li.PartnerColor {
    /*position:relative;
top:20px;
list-style-type:none!important;
width:20px;
heigth:22px;
font-size:0;
float:left;
display:block;
margin:0!important;
margin-right:3px!important;
padding:0!important;*/
    margin-right: 3px!important;
    list-style-type: none;
    font-size: 0;
    float: left;
    width: 18px;
    height: 18px;
    cursor: pointer;
    cursor: hand;
    -webkit-transition: padding 0.5s ease-in-out;
    -moz-transition: padding 0.5s ease-in-out;
    -o-transition: padding 0.5s ease-in-out;
    transition: padding 0.5s ease-in-out;
}

.Partnerkategorie .c3 {
    background-color: #77bb15;
}

.Partnerkategorie .c5 {
    background-color: #fbb520;
}

.Partnerkategorie .c6 {
    background-color: #d421b9;
}

.Partnerkategorie .c7 {
    background-color: #1192d5;
}

.Partnerkategorie .c9 {
    background-color: #FF4D52;
}

.Partnerkategorie .c10 {
    background-color: #FBF820;
    color: #1446AB
}

.Partnerkategorie ul li:hover {
    font-size: 0.9em;
    padding-left: 1%;
    padding-right: 1%;
    width: 250px;
    color: white;
}

.Partnerbox {
    width: 100%;
    display: table-row;
}

.col-xs-4.PartnerLogo {
    text-align: center;
    float: left;
    width: 15%;
    margin: 50px 0 0 0;
}

.col-xs-4.PartnerLogo img {
    text-align: center;
    float: left;
    _width: 100%;
    max-height: 220px;
    max-width: 130px;
}

.col-xs-7.PartnerText {
    color: #000;
    text-align: left;
    /*display: table-cell;*/
    float: left;
    width: 58%;
    margin: 10px 0 0 2%;
}

#PartnerSucheNew .col-xs-7.PartnerText {
    color: #483E86;
}

#PartnerSucheNew .col-xs-7.PartnerText address {
    font-style: normal;
}

#PartnerSucheNew .PartnerText a {
    color: #483E86;
    font-weight: normal;
    text-decoration: underline;
}
#PartnerSucheNew a.instashare i{
    margin-top:4px;
    color: #E4405F;
}
.PartnerText span {
    display: block;
}
.PartnerText h3 {
    margin:0!important;
}
.PartnerText .share-buttons-nodes{
    border:none;
    background:#fff
}


.PartnerMoreText span {
    display: inline;
}

.PartnerAngebot small {
    width: 100%;
    text-align: right;
    display: block;
}

#PartnerSucheNew .PartnerMoreText {
    margin: 2rem 0;
}

#PartnerSucheNew .PartnerAngebot {
    margin: 2rem 0;
}

.PartnerText span[itemprop="legalName"] {
    font-size: 1.2em;
    font-weight: bold;
}

.PartnerMoreText .hasCode {
    color: #483E86;
    background-color: #FFC000;
    padding:20px 20px 5px 20px;
    margin: 2rem 0;
}
/*
.PartnerText a[itemprop="url"] {
    text-decoration: none;
    background-image: url(/img/pfeilblau.png);
    background-repeat: no-repeat;
    background-position: left 0;
    padding-left: 20px;
}*/

.PartnerLinks {
    /*display: table-cell;*/
    width: 120px;
    float: right;
    margin: 10px 0 0 0;
}

.PartnerLinks small {
    float: right
}

.PartnerLinks div {
    width: 40px;
    float: left;
    height: 40px;
}

.PartnerLinks img {
    padding-top: 3px;
}

#PartnerSucheNew .odd .PartnerKarte,
#PartnerSucheNew .even .PartnerKarte {
    background: #FF4D52;
    border-radius: 5em;
    padding: 5px;
    text-align: center;
}

#PartnerSucheNew .PartnerKarte button {
    font-size: 18px;
    vertical-align: text-top;
}

#PartnerSucheNew .PartnerKarte button,
#PartnerSucheNew .PartnerDetails button {
    border: none;
    background: none;
}

#PartnerSucheNew .PartnerKarte button i::before {
    color: #fff;
    font-size: 32px;
}

.odd .PartnerKarte {
    background: #ecedee;
    border-radius: 5em;
    padding: 5px;
    text-align: center;
}

.even .PartnerKarte {
    background: #fff;
    border-radius: 5em;
    padding: 5px;
    text-align: center;
}

.PartnerKarte:hover {
    background: #cFcFcF;
    border-radius: 5em;
    padding: 5px;
}

#PartnerSucheNew .PartnerKarte:hover {
    background: #FFC000;
}

#PartnerSucheNew .PartnerKarte:hover button i::before {
    color: #483E86;
}

.PartnerDetails {
    padding-top: 10px;
    margin: 0 0 0 25%;
}

.PartnerMore {
    display: none;
}

.PartnerMore h4 {
    color: #FF4D52;
}
.PartnerMore .gutscheincode{
    background: #FFC000;
    padding:5px;
}

/*********PremiumPartner*********/

#PremiumPartnerSuchOut .PartnerLogo {
    padding-top: 30px;
}

#PremiumPartnerSuchOut .PartnerLinks {
    text-align: right;
}

#PremiumPartnerSuchOut .PartnerLinks a {
    display: block;
    margin-top: 50px;
}

#PremiumPartnerSuchOut a {
    text-decoration: none;
}


/* ================================================================
		FAQ
================================================================ */


/* Blendet FAQ Artikel im Frontend aus*/

.dsmid_506555.frontend #dscolumn1_1 {
    display: none;
}

#faq {
    background: white;
}

.dsmid_506555 h3 {
    margin: 0 0 20px 0;
    font-size: 2em!important;
    ;
    line-height: 2em;
}

.faqBox {
    border-top: solid 1px #0084FF;
    padding: 10px 1% 8px 1%;
    clear: both;
}

.faqQuest {
    padding-bottom: 38px;
    cursor: pointer;
    cursor: hand;
}

.faqNum {
    color: #FF4D52;
    font-weight: 400;
    float: left;
    width: 3%;
    font-size: 1.8em;
    margin: 8px 0 0 0;
}

.faqQuestText {
    font-weight: bold;
    float: left;
    width: 84%;
    font-size: 1.2em;
    padding: 0 5% 0 5%;
}

.active .faqQuestText {
    color: #FF4D52;
}

.faqSelect {
    width: 3%;
    float: left;
    margin: 8px 0 0 0;
}

.faqup {
    display: none;
}

.faqAnswer {
    padding: 0 5% 0 5%;
    display: none;
    color: #000;
}

.faqAnswer a {
    text-decoration: none;
    font-weight: bold;
    color: #5ecaf8;
}

.faqAnswer p {
    padding: 0 5% 0 5%;
}


/* ================================================================
		Anmeldeformular //Kontaktformular
================================================================ */

#anmeldung {
    color: #483E86;
    font-size: 1.2em;
    text-align: left;
    /*padding: 25px 3% 25px 3%;*/
    float: left;
    width: 94%;
    margin: 20px 0 0 0;
    /*background-image: url(/img/navi_loewe_hg.png);*/
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 90%;
}

.dsmid_523539 #main form,
.dsmid_523622 #main form,
.dsmid_523539 #anmeldung,
.dsmid_523612 #Newsletter,
.dsmid_523613 #anmeldung,
.dsmid_523605 #Anmeldung,
.dsmid_523622  #anmeldung{
    color: #fff;
}

.dsmid_523605 #Anmeldung .alert-danger {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.dsmid_523539 #anmeldung,
.dsmid_523622 #anmeldung {
    float: right;
    margin: 20px auto 0 auto;
    width: 100%;
}

.dsmid_523539 .PartnerAusgabe .PartnerOne,
.dsmid_523622 .PartnerAusgabe .PartnerOne {
    background-color: #fff;
    border-bottom: 2px solid #483E86;
    border-left: 2px solid #483E86;
    border-right: 2px solid #483E86;
}

.dsmid_523539 .PartnerAusgabe .even,
.dsmid_523622 .PartnerAusgabe .even {
    background-color: #fff;
}

.dsmid_523539 .PartnerAusgabe .odd .PartnerKarte,
.dsmid_523539 .PartnerAusgabe .even .PartnerKarte,
.dsmid_523622 .PartnerAusgabe .odd .PartnerKarte,
.dsmid_523622 .PartnerAusgabe .even .PartnerKarte {
    background: #FF4D52;
    border-radius: 5em;
    padding: 5px;
    text-align: center;
}

.dsmid_523539 .PartnerAusgabe .PartnerSuchOutToggle,
.dsmid_523539 .PartnerAusgabe .PartnerKarte,
.dsmid_523622 .PartnerAusgabe .PartnerSuchOutToggle,
.dsmid_523622 .PartnerAusgabe .PartnerKarte {
    display: none;
}

.dsmid_523539 .PartnerAusgabe .PartnerOne .PartnerLinks button,
.dsmid_523622 .PartnerAusgabe .PartnerOne .PartnerLinks button {
    border: none;
    background: none;
}

.dsmid_523539 .PartnerAusgabe .PartnerOne .PartnerDetails img,
.dsmid_523622 .PartnerAusgabe .PartnerOne .PartnerDetails img {
    width: 50px;
    margin: -15px 0 0 -15px;
}

.dsmid_523539 #main .i_container button,
.dsmid_523622 #main .i_container button {
    font-family: 'Axiforma-Regular', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    background-color: #FF4D52;
    border: 2px solid #FF4D52;
    padding: 10px 18px 8px 18px;
    border-radius: 50px;
    margin-top: 50px;
    display: block;
    width: fit-content !important;
    height: fit-content;
    text-transform: none;
}

.dsmid_523539 #main .i_container button:hover,
.dsmid_523622 #main .i_container button:hover {
    color: #FF4D52;
    background-color: transparent;
}

#anmeldung .form-check.agb {
    display: inline-block;
    margin: 2rem 0;
}

#anmeldung .form-check.agb input {
    position: relative;
    width: 25px !important;
    height: 25px;
    cursor: pointer;
}

#anmeldung .form-check.agb label {
    margin-left: 1rem;
}

.strasseCheck {
    color: lightgoldenrodyellow;
    background: rgba(214, 25, 35, 0.9);
    padding: 10px;
    float: left;
    margin-top: 10px
}

#loginmain {
    margin-top: 20px;
    float: left;
    padding: 0 9%;
}

.hint {
    margin: 10px;
    background: #333;
    clear: both;
    padding: 5px;
}



#anmeldung h2 {
    text-align: center;
    margin: 0.5em 0 2em 0;
}

#anmeldung fieldset {
    border: none;
}

#anmeldung fieldset#adresse1 {
    border-bottom: solid 1px #DDE7F1
}

#anmeldung legend,
#anmeldung legend,
#showkarteOutertext2 {
    font-weight: 400;
    font-size: 1.2em;
    min-height: 20px;
    color: white;
}

#showkarteOutertext1 {
    font-weight: normal;
    font-size: 1em;
    min-height: 30px;
    margin-top: -30px;
}

.anmeldungleft {
    float: left;
    width: 50%;
}

.anmeldungleft legend {
    margin-bottom: 30px;
}

.anmeldungright {
    float: left;
    width: 47%;
    padding-left: 3%
}

#anmeldung .i_container {
    clear: both;
    margin: 0 0 3px 0;
}

#anmeldung label {
    display: block;
    float: left;
    width: 36%;
    margin-top: 5px;

}
#anmeldung label strong{
    font-weight:400;
    text-decoration:underline;
}
#anmeldung select {
    width: 65.4%;
    margin-top: 5px;
    background: #DDE7F1;
    border: none;
    border: 1px solid #cfcfcf;
    padding: 3px 1% 3px 1%;
    font-size: 0.9em;
}


#anmeldung .form-check-input {
    margin-right:10px
}

#anmeldung #showkarteOuter1,
#anmeldung #showkarteOuter2 {
    background-image: url(https://www.familienapp.hessen.de/img/FamilienApp_neu-2024.png);
    background-repeat: no-repeat;
    background-position: 0 50px;
    width: 90%;
    min-height: 552px;
    background-size: 80%;
}

#anmeldung #showtableSmall1,
#anmeldung #showtableSmall2 {
    margin-top: 215px;
    margin-left: 48px;
}

#anmeldung #showtableSmall1 #showNameOnKarte1,
#anmeldung #showtableSmall2 #showNameOnKarte2 {
    background: none;
    color: #fff;
    border: none;
    font-size: 0.9em;
    font-weight: bold;
    position: relative;
    top: -10px
}

#anmeldung .showkarteAchtung {
    font-size: 0.8em;
    margin-top: 120px;
}

#anmeldung .showkarteAchtung .i_container label {
    width: 14em!important;
    font-size: 1.2em;
}

#anmeldung .showkarteAchtung .i_container label i {
    margin-right: 5px
}

#anmeldung .showkarteAchtung input {
    font-size: 1.2em;
    width: 20.8em!important;
}

#anmeldung .showkarteAchtung i {
    font-size: 1.5em;
}

#anmeldung .showkarteAchtung i.bad1,
.showkarteAchtung i.bad2 {
    color: #DC2A33
}

#membermain #main fieldset {
    padding: 10px 5%;
}

#anmeldung fieldset#fsHaushalt {
    width: 50%;
    float: left;
    margin-top: 30px
}

#anmeldung fieldset#fsHaushalt .col-3 {
    width: 22%;
}

#anmeldung fieldset#fsHaushalt,
#anmeldung fieldset#fsKinder {
    float: left;
}

#anmeldung fieldset#fsKinder #Kindgeburtstag h3 {
    color: #fff;
    font-weight: normal;
    font-size: 1.125rem;
    width: 100%;
}

#anmeldung fieldset#fsKinder #Kindgeburtstag h3::after {
    content: '*';
}

#anmeldung fieldset#fsHaushalt .col-12,
#anmeldung fieldset#fsKinder #Kindgeburtstag .col-12 {
    display: flex;
    flex-wrap: wrap;
}

#anmeldung fieldset#fsKinder #Kindgeburtstag .col-3 label:first-child {
    display: none;
}

#anmeldung #fsHaushalt input {
    width: 61.5%;
    padding: 3px 1% 3px 1%;
    border: 1px solid #cfcfcf;
}

#anmeldung .x_container input {
    width: 50.5%!important;
    ;
    padding: 5px 1% 5px 1%!important;
    ;
}

#anmeldung #fsHaushalt .x_container {
    margin-top: 20px
}

#anmeldung #fsHaushalt .x_container table {
    width: 100%;
    font-size: 0.8em;
    line-height: 1.2em;
    text-align: center
}

#anmeldung #fsHaushalt .x_container table span {
    float: left;
    margin-top: 5px
}

#anmeldung #fsHaushalt .x_container label {
    width: 95%!important;
    text-align: center;
}

#anmeldung fieldset#fsKinder {
    width: 45%;
    float: left;
    margin-top: 30px
}

#anmeldung fieldset#fsKinder input {
    width: 18.5em
}

#anmeldung fieldset#fsKinder select {
    border: solid 1px #fff;
    color: #483E86;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    cursor: hand;
    text-align: center;
}

#anmeldung #tag_1_kinder,
#anmeldung #monat_1_kinder {
    margin-right: 33px
}

#anmeldung fieldset#kinder1 {
    display: none;
    clear: both;
    text-align: center;
    width: 100%;
    border-top: solid 1px #DDE7F1;
}

#anmeldung fieldset#kinder1 input {
    float: left;
    width: 15px;
}

#anmeldung fieldset#kinder1 label {
    float: left;
    width: 80%;
    margin-left: 5px;
    font-size: 0.9em;
}

#anmeldung #HippBabyClub,
#anmeldung #HippNeugeborenenPaket {
    clear: both;
    text-align: left;
}

#anmeldung hr {
    border: none;
    border-top: solid 1px #DDE7F1;
    width: 100%;
    clear: both;
    height: 1px;
}

#anmeldung .label_klein {
    font-size: 0.8em
}

#anmeldung fieldset#einverstanden {
    width: 100%;
    float: left;
}

#anmeldung fieldset#einverstanden .form-check,
#anmeldung fieldset#aufmerksam .form-check {
    display: flex;
}

#anmeldung fieldset#einverstanden label {
    width: 80%;
    line-height:1.3em
}

#anmeldung fieldset#aufmerksam {
    width: 100%;
    float: left;
}
#anmeldung fieldset#aufmerksam label{
       width: 100%;
}

#anmeldung fieldset#absenden {
    width: 100%;
    float: left;
}

#anmeldung fieldset#einverstanden legend,
#anmeldung fieldset#aufmerksam legend {
    /* margin: 0px 0px 0px 0; */
    padding-top: 50px
}

#anmeldung .check_container {
    width: 100%;
    margin-bottom: 20px;
    display: table-row;
    float: left;
}

#anmeldung .check_container a {
    color: #00B2FD;
    margin-top: 10px;
    text-decoration: none;
}

#anmeldung .check_container input {
    width: 15px!important;
}

#anmeldung .check_container label {
    width: 90%!important;
}

#anmeldung .check_container label b {
    display: table-cell;
    font-weight: normal;
}

#anmeldung fieldset#einverstanden .check_container {
    clear: both;
}


/***hide the checkboxes ***/

#anmeldung .check_container input[type=checkbox]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    display: table-cell;
}


/***position the label ***/

#anmeldung .check_container input[type=checkbox]:not(old)+label {
    display: inline-block;
    margin-left: 0em;
    line-height: 1.5em;
}





#anmeldung .i_container {
    float: left;
    width: 100%;
    margin-left: 0em;
}

#anmeldung .i_container.agb {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

#anmeldung .i_container.agb a {
    color: black;
    text-decoration: underline;
}

#anmeldung label#captchalabel {
    display: block;
    float: left;
    width: 100%;
    margin: 5px 0 10px 0;
}

#anmeldung .hinweis_top #checkbutton {
    font-family: 'Axiforma-Regular', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    background-color: #FF4D52;
    border: 2px solid #FF4D52;
    padding: 10px 18px 8px 18px;
    border-radius: 50px;
    display: block;
    width: fit-content !important;
    height: fit-content;
    text-transform: none;
    margin: 1.5rem 0 2rem 0;
}

#anmeldung .kontakt span.captchaZahl {
    font-weight: bold;
    text-align: left;
    float: left;
    width: 20%!important;
    background: #FF4D52;
    padding: 6px 5% 6px 5%;
    margin: 5px 4% 0 0;
}

#anmeldung .kontakt input#capcha_haha {
    font-weight: bold;
    text-align: center;
    float: left;
    width: 19%!important;
    padding: 5px 1% 5px 1%;
    margin: 5px 0 0 0;
}

#anmeldung .i_container label {
    width: 34%;
}

#anmeldung .i_container input {
    width: 63%!important;
    float: left;
    border: 1px solid #cfcfcf;
    padding: 3px 1% 3px 1%;
    font-size: 0.9em;
}



.i_container.secureQuestion {
    background: #edf1f4;
    font-size: 18px;
    margin: 1em .5em !important;
    padding: 1em 0 1em 3%;
    color: black;
    clear: both;
}

#anmeldung .kontakt .i_container.secureQuestion span.captchaZahl {
    float: none
}



#anmeldung .absendenright {
    text-align: right;
    font-style: italic;
}

#anmeldung  #checkbutton {
    padding: 8px 10% 8px 10%;
    color: #fff;
    font-weight: 400;
    background-color: #00B1FD
}

#anmeldung #fsHaushalt .x_container label {
    padding-right: 5px;
    text-align: left;
}

#anmeldung #DatenDelete .check_container label {
    padding-left: 2%
}

#anmeldung .error {
    background: #DDE7F1;
    padding: 20px;
    color: #FF4D52;
    font-weight: bold
}

#anmeldung textarea {
    border: 1px solid #cfcfcf;
    float: left;
    font-size: 0.9em;
    padding: 3px 1%;
    width: 63%;
    height: 150px;
    margin-top: 5px;
}

.dsmid_523613 #anmeldung .form-group:nth-child(11) label,
.dsmid_523613 #anmeldung .form-group:nth-child(11) textarea {
    margin-top: 50px;
}

#anmeldung .kontakt .short {
    width: 20%!important;
}

#anmeldung .kontakt #AGB {
    width: 15px!important;
    margin-right: 10px
}


/* ================================================================
       Ferientipps
================================================================ */


#Ferientipps #NewsWidget .NewsWidgetOuter{

    padding:0;
    margin:0;
    width:100%;


}

#Ferientipps {

    float:left;
    width:100%;

    margin:0 0 3em 0;
    padding:0;


}



#Ferientipps .NewsWidgetOne.col-xs-4{
    width:87%;
    background: #DFDFDF;
    background: #caeffc;
    margin: 0 0 1em 0;
    padding: 1em 5em 1.5em 3.5em;
    border-radius: 10px;
    list-style-type: none;

    position:relative;
}


#Ferientipps .NewsWidgetOne .NewsWidgetText {
  width: 96%;
  padding: 0 0 0 0;
  margin: 1rem 0 0 0;
  float: left;
  color: #483E86;
  min-height: 140px;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.35em;
}

#winter #Ferientipps .ferien1 .NewsWidgetOne.col-xs-4  {

}

/* Winter 12-2 */
#Ferientipps .winter.ferien1 .NewsWidgetOne.col-xs-4:after{
     content:"\f7cc";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:3em;
    font-size:3em;
    transform: rotate(12deg);
    color:#E75051;
    color:#71D2F5;

}

#Ferientipps .winter.ferien2 .NewsWidgetOne.col-xs-4:after  {
    content:"\f2dc";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1.5em;
    font-size:4em;
    transform: rotate(-72deg);
    color:#0180FF;
    color:rgba(255,255,255,0.4);
        color:#71D2F5;
}

#Ferientipps .winter.ferien3 .NewsWidgetOne.col-xs-4:after  {
    content:"\f786";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:2em;
    font-size:4em;
    transform: rotate(-72deg);
    color:#FABB0A;
    color:#71D2F5;
}

#Ferientipps .winter.ferien4 .NewsWidgetOne.col-xs-4:after  {
    content:"\f1bb";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1em;
    font-size:5em;
    transform: rotate(0deg);
    color:#71D2F5;

}

#Ferientipps .winter.ferien5 .NewsWidgetOne.col-xs-4:after  {
    content:"\f79c";
   font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1.5em;
    font-size:4em;
    transform: rotate(-3deg);
    color:#9A8EEB;
        color:#71D2F5;
}

/* Ostern 3-5 */


#Ferientipps .ostern .NewsWidgetOne.col-xs-4{
    background:#E1EEC3;
}


#Ferientipps .ostern.ferien1 .NewsWidgetOne.col-xs-4:after{
    content:"\f4d8";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1.5em;
    font-size:3em;
    transform: rotate(12deg);
    color:#7AC13F;
}


#Ferientipps .ostern.ferien2 .NewsWidgetOne.col-xs-4:after{
     content:"\f801";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:2em;
    font-size:3em;
    transform: rotate(0deg);
    color:#7AC13F;
}


#Ferientipps .ostern.ferien3 .NewsWidgetOne.col-xs-4:after{
     content:"\f7fb";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:2em;
    font-size:4em;
    transform: rotate(5deg);
    color:#7AC13F;
}

#Ferientipps .ostern.ferien4 .NewsWidgetOne.col-xs-4:after{
     content:"\f708";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1em;
    font-size:4em;
    transform: rotate(-12deg);
    color:#7AC13F;
}

#Ferientipps .ostern.ferien5 .NewsWidgetOne.col-xs-4:after{
    content:"\e3e7";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:2em;
    font-size:3em;
    transform: rotate(32deg);
    color:#7AC13F;
}



/* sommer 6-8 */

#Ferientipps .sommer .NewsWidgetOne.col-xs-4{
    background:#D4D4EC;
}


#Ferientipps .sommer.ferien1 .NewsWidgetOne.col-xs-4:after{
    content:"\f5ca";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1.5em;
    font-size:3em;
    transform: rotate(12deg);
    color:#B5B4DE;
}


#Ferientipps .sommer.ferien2 .NewsWidgetOne.col-xs-4:after{
     content:"\f810";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1em;
    font-size:5em;
    transform: rotate(10deg);
    color:#B5B4DE;
}


#Ferientipps .sommer.ferien3 .NewsWidgetOne.col-xs-4:after{
     content:"\f892";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:2em;
    font-size:4em;
    transform: rotate(5deg);
    color:#B5B4DE;
}

#Ferientipps .sommer.ferien4 .NewsWidgetOne.col-xs-4:after{
     content:"\f76a";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1em;
    font-size:4em;
    transform: rotate(0deg);
    color:#B5B4DE;
}

#Ferientipps .sommer.ferien5 .NewsWidgetOne.col-xs-4:after{
    content:"\f811";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1em;
    font-size:4em;
    transform: rotate(0deg);
    color:#B5B4DE;
}



/* Herbst 9-11 */


#Ferientipps .herbst .NewsWidgetOne.col-xs-4{
    background:#FFF4E0
}

#Ferientipps .herbst.ferien1 .NewsWidgetOne.col-xs-4:after{
    content:"\f30e";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1.5em;
    font-size:3em;
    transform: rotate(12deg);
    color:#FD7B03;
}


#Ferientipps .herbst.ferien2 .NewsWidgetOne.col-xs-4:after{
    content:"\f70d";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1em;
    font-size:4em;
    transform: rotate(0deg);
    color:#FD7B03;
}


#Ferientipps .herbst.ferien3 .NewsWidgetOne.col-xs-4:after{
     content:"\f6f4";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:2em;
    font-size:4em;
    transform: rotate(5deg);
    color:#FD7B03;
}

#Ferientipps .herbst.ferien4 .NewsWidgetOne.col-xs-4:before{
    content:"\e41d";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1em;
    font-size:4em;
    transform: rotate(0deg);
    color:#FFCF91;
}


#Ferientipps .herbst.ferien4 .NewsWidgetOne.col-xs-4:after{
     content:"\e41d";
    font-weight:600;
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1em;
    font-size:4em;
    transform: rotate(0deg);
    color:#FD7B03;
}

#Ferientipps .herbst.ferien5 .NewsWidgetOne.col-xs-4:before{
    content:"\f5d1";
    font-weight:600;
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1em;
    font-size:4em;
    transform: rotate(0deg);
    color:#FFCF91;
}

#Ferientipps .herbst.ferien5 .NewsWidgetOne.col-xs-4:after{
    content:"\f5d1";
    font-weight:400;
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:3%;
    bottom:1em;
    font-size:4em;
    transform: rotate(0deg);
    color:#FD7B03;
}



.dsmid_523620 #dsarticleheader ul li ul li {
    padding: 0 0 0 0;
    list-style-type: square;
    background-image: none;
    background-repeat: no-repeat;
}

.dsmid_523620 #dsarticleheader ul li.one {
    padding: 2em 5em 2em 3.5em;
    background-image: url(/mm/\\mm001/drachen.png);
    background-repeat: no-repeat;
    background-position: 98% 15%;
    background-size: 10%;
}

.dsmid_523620 #dsarticleheader ul li.two {
    padding: 2em 4em 2em 3.5em;
    background-image: url(/mm/\\mm001/blaetter.png);
    background-repeat: no-repeat;
    background-position: 98% 75%;
    background-size: 10%;
}

.dsmid_523620 #dsarticleheader ul li.partner {
    padding: 2em 4em 2em 3.5em;
    position: relative;
}

.dsmid_523620 #dsarticleheader ul li.partner:before {
    content: "Partner";
    font-size: 3em;
    letter-spacing: -0.05em;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.35);
    position: absolute;
    right: 0.25em;
    bottom: 0.32em
}

/* ================================================================
		Registrierung abschliessen
================================================================ */
#dsarticle_81356 .dsbody_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 90%;
    margin: 0 5%;
}

#dsarticle_81356 .dsbody_1 img {
    height: 100%;
}

/* ================================================================
		Mitgliederbereich und Passwortvergessen
================================================================ */

#KarteNotValid {
    border: solid 2px #FF4D52;
    padding: 20px;
    margin-bottom: 10px;
    background-color: #ECEDEF;
    color: #333
}

#KarteNotValidText a {
    float: none!important;
    border: none!important;
    text-decoration: underline!important;
    color: #FF4D52!important;
}

#passwortvergessenOuter {
    text-align: left;
    margin: 25px 9% 0 9%;
}

#passwortvergessenOuter h4 {
    font-size: 1em;
}

#passwortvergessenOuter .igroup {
    margin-top: 2rem;
}

#passwortvergessenOuter #checkbutton {
    font-family: 'Axiforma-Regular', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    background-color: #FF4D52;
    border: 2px solid #FF4D52;
    padding: 10px 18px 8px 18px;
    border-radius: 50px;
    margin: 50px 0;
    display: block;
    width: fit-content;
}

#passwortvergessen {
    padding-top: 40px;
}

#passwortvergessen {
    width: 82%;
    float: left;
    background-color: #dee7f1;
    margin: 20px 0 40px 0;
    padding: 40px 9% 10px 9%;
    text-align: left;
}

#loginmain #loginform,
#loginmain .gewinnspiel {
    float: left;
    margin: 0 0 40px 0;
    text-align: left;
}

.GewinnspielFormOverlay {
    text-align: center;
}

.GewinnspielFormOverlay .inputfeld {
    width: 20%;
    background: white;
    border: solid 0.28em #5e9fe6;
    border-radius: 0.5em;
    margin: 0.75em 0 0 0
}

.gewinnfragen {
    text-align: left;
    padding: 5%;
    background: #0084FF;
    color: #fff;
    font-size: 125%;
    margin: 1% 0 4%;
    background-image: url(/aktion/advent/loewe_einzeln_weiss2.png);
    background-size: auto 90%;
    background-position: 95% bottom;
    background-repeat: no-repeat;
    border: solid 4px #5e9fe6;
    border-radius: 1em;
}

.gewinnfragen strong {
    line-height: 1.2em
}

.gewinnspiel .gewinnfragen label {
    color: #fff;
    font-size: 1em;
    margin: 1% 0;
    display: block;
}

.gewinnfragen blockquote input {
    margin: 1.5% 0;
}

/* Terminvorschlag */

#exTermin {
    width: 82%;
    margin: 40px 9% 0 9%;
}

#exTermin .fehler li{
width:100%;
    float:left;
}
/*Newsletter*/

#Newsletter,
.NewsletterAbbinder {
    width: 82%;
    margin: 40px 9% 0 9%;
}

.dsmid_523612 .NewsletterAbbinder {
    color: #fff;
    margin-bottom: 5rem;
}

.dsmid_523612 #Newsletter .Anmelden .NLAuswahlOne a,
.dsmid_523612 .NewsletterAbbinder .NewsletterAbbinderTexte .NLtext a {
    color: #fff;
    text-decoration: underline;
}

#Newsletter .StatusOne {
    width: 30%;
    display: inline-block;
    padding: 0.5em;
    color: #6d64a2;
    font-size: 18px;
    border: 1px #fff solid;
    background-color: #f1d992;
}

#Newsletter .StatusOne.active {
    background-color: #FFC000;
    color: #483E86;
    font-weight: bold;
}

#Newsletter .StatusOne.NLdone {
    background-color: #0F3F78;
    color: #fff;
    font-weight: bold;
}

#Newsletter .Kompetenzfeld legend {
    padding: 0.2em 1em;
    margin: 2% 0;
    background: #fff;
    color: #298BD4;
    width: 35%;
}

#Newsletter .NLAuswahlOne {
    margin-bottom: 2rem;
    display: flex;
}

#Newsletter .NLAuswahlOne label {
    max-width: 800px;
    margin-left: 1rem;
}

#Newsletter .Interesse .NLAuswahlOne .default_label {
    width: 35%;
    font-weight: bold
}

#Newsletter .Interesse small {
    width: 100%;
    clear: both;
    display: block
}

#Newsletter .NLAuswahlOne .default_label {
    width: 70%;
}

#Newsletter .NLAuswahlOne input[type="checkbox"] {
    width: 30px;
    height: 30px;
    padding: 0 1%;
    cursor: pointer;
    position: relative;
}

#Newsletter .NewsletterAbbinderTexte,
#Newsletter .NewsletterAbbinderTexte li a,
#Newsletter .NewsletterAbbinderTexte a,
#Newsletter .NLArchiv li a {
    font-size: 18px;
}

#Newsletter .myerror,
#Newsletter .KompSubmitError,
#Newsletter .fehler {
    background-color: #b41b30;
    padding: 1em;
    width: 100%;
    margin: 2% auto;
    clear: both;
    color: #fff;
}

#Newsletter .fehler ol {
    margin: 2% 0 0 1%;
}

#Newsletter .myerror h2,
#Newsletter .myerror,
#Newsletter .myerror li,
#Newsletter .KompSubmitError {
    color: #fff;
    font-size: 0.8em;
    font-size: 14px;
}

#Newsletter .Message {
    width: 100%;
    margin: 1em 0;
    background-color: #3A762B;
    padding: 1em;
    color: #fff;
    font-size: 0.8em;
    line-height: 33px;
    font-size: 14px;
}

#Newsletter .Inhaltseite .Message a {
    color: #fff;
    font-weight: bold;
    font-size: 18px !important;
}

#Newsletter .loop_container {
    background: none;
    display: inline-block;
    width: 63%;
}

#Newsletter .loop_container .inner_container {
    background: none;
    float: left;
    width: 100%;
}

#Newsletter .loop_container .loop_input {
    background: green;
    float: left;
    width: 10%!important;
}

#Newsletter .default_label {
    width: 30%;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

#Newsletter fieldset {
    padding: 1em 0;
    border: none;
}

#Newsletter fieldset.adresse .form-group {
    margin-bottom: 1rem;
}

#Newsletter fieldset.Anmelden .form-check {
    padding-left: 0;
}

#Newsletter .ha_webform_labels {
    margin: 0.5em;
}

#Newsletter button,
#Newsletter input,
#Newsletter select,
#Newsletter textarea,
#Lieferanschrift button,
#Lieferanschrift input,
#Lieferanschrift select,
#Lieferanschrift textarea,
article[id*="Karte"] input[type="button"] {
    margin: 0;
    height: 40px;
    font-size: 14px;
    vertical-align: middle;
    width: 60%;
    border: 2px solid #DFDFDF;
    padding: 0 2%;
    background: #EDF1F4;
    background: #EFEFEF;
}

#Newsletter #captchalabel {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
}

#Newsletter #captchaZahl {
    width: 30%;
    display: inline-block;

    font-size: 14px;
    line-height: 28px;
}

#Newsletter .hinweis_top ol {
    margin: 1% 2%;
}

#Newsletter .hinweis_top.success,
.hinweis_top.error {
    font-size: 14px;
    margin: 0 0 0 10%;
    padding: 1em;
}

#Newsletter input#captcha {
    background: #fff;
}

#Newsletter .hinweis_top.error {
    background-color: #b41b30;
    color: #fff;
}

form input[type="submit"],
div#anmeldung input[type="submit"],
.absendenleft #absenden,
#Warenkorb input[type="submit"],
#Newsletter input[type="submit"],
.Testimonial .button {
    background: #298BD4;
    color: #fff;
    border: none;
    padding: 0.5em;
    font-size: 14px;
    width: 240px;
    text-transform: uppercase;
    height: 60px;
    margin-top: 50px;
    margin-bottom: 50px;
}


/*************loginform***************/

#loginform fieldset,
#passwortvergessen fieldset,
.gewinnspiel fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#loginform h4,
.gewinnspiel h4 {
    font-size: 1.5em;
    padding-left: 3%;
}

#loginmain .captchaLabel,
#loginmain label {
    color: #fff !important;
    margin: 1rem 0 0 0;
    padding-left: 0 !important;
    width: fit-content !important;
}

#loginmain select {
    margin: .25rem 0 0 0;
    padding: 10px 5px;
    height: 40px;
    border-radius: 8px;
}

#loginmain .captchaLabel2 {
    margin: 1rem 1rem 0 1rem;
}

#loginmain .form-group input::placeholder {
    color: #483E86 !important;
}

#loginform label,
#passwortvergessen label,
.gewinnspiel label {
    font-size: 1.2em;
    padding-left: 3%;
}

#loginform input#email,
#loginform input#Passwort,
#passwortvergessen input,
.gewinnspiel input {
    box-shadow: 0 0 0 30px white inset !important;
    border: 1px solid #fff;
    border-radius: 8px;
    width: 100% !important;
    height: 20px;
    padding: 10px 20px;
    margin-bottom: 15px;
}

.gewinnspiel input,
.gewinnspiel select,
.gewinnspiel input[type="radio"] {
    background: #fefefe;
    border: 1px solid #0084FF;
    padding: 5px;
    margin: 0;
}

.gewinnspiel input[type='text'] {
    margin-top: 10px;
}

#loginform input[type='submit'],
#passwortvergessen input[type='submit'],
.gewinnspiel input[type='submit'] {
    border: medium none #0084FF;
    color: #fff;
    height: 25px;
    margin-left: 3%;
}

#emailFamFest {
    width: 100%;
}

#loginform input[type='password'],
.gewinnspiel input[type='password'] {
    width: 39%;
}

#loginmain .submit-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

#loginmain .submit-content a.btn-light {
    align-content: center;
    margin-top: 1rem;
    text-decoration: underline;
}

#loginmain #loginform .passwortvergessen {
    background: none;
    padding: 0;
    text-decoration: underline;
    color: #fff;
    font-weight: normal;
    width: 150px;
    align-content: center;
}

#loginform .passwortvergessen,
.gewinnspiel .passwortvergessen {
    margin-left: 3%;
    background-repeat: no-repeat;
    padding-left: 20px;
    text-decoration: none;
    color: #00b0fb;
    font-weight: bold;
}

#loginform .error,
.gewinnspiel .error {
    margin-left: 3%;
    margin-bottom: 10px;
    font-weight: bold;
    color: #FF4D52;
}

#AntwortFamfestError {
    margin-left: 3%;
    margin-bottom: 10px;
    font-weight: bold;
    color: #FF4D52;
}

#passwortvergessen #Email {
    width: 36%;
}

#passwortvergessenOuter a {
    background-repeat: no-repeat;
    text-decoration: none;
    color: #00b0fb;
    font-weight: bold;
}

#passwortvergessenOuter #passwordforget legend {
    font-size: 1.25em;
    font-weight: 600;
    margin: 1rem 0;
}

#passwortvergessenOuter #passwordforget p {
    margin-bottom: 2rem;
}

#loginform .k_box_SPam,
.gewinnspiel .k_box_SPam {
    float: left;
    width: 100%;
}

#loginform .k_box_SPam label,
.gewinnspiel .k_box_SPam label {
    float: left;
}

#loginform .headspam,
.gewinnspiel .headspam {
    font-size: 1.2em;
    padding-left: 3%;
    float: left;
    width: 50%;
}

#loginform .headspam span,
.gewinnspiel .headspam span {
    display: block;
    color: #FF4D52;
    float: left;
}

#loginform .headspam input,
.gewinnspiel .headspam input {
    margin-top: 0
}


/*
.PartnerboxMitglieder .PartnerText {
    width: 30%!important;
}*/


.PartnerAngebote {
    width: 30%;
    background: #FF4D52;
    display: table-cell;
    text-align: left;
}

.loginmembermain fieldset {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
}

.loginmembermain label {
    width: 230px;
    float: left;
}

.loginmembermain input {
    max-width: 330px !important;
    float: left;
    margin-top: 1rem;
}

.loginmembermain label#captchalabel {
    margin-right: 1rem;
}

.loginmembermain .headspam {
    width: 230px;
}

.loginmembermain .passwortvergessen {
    margin-left: 30px !important;
    display: block;
    float: left;
    width: 100%;
}


/* ================================================================
		Passwort ändern
================================================================ */

#ChangePassword .col-help {
    color: #666;
    border: 1px solid #dbdbdb;
    border-left: 2px solid #dbdbdb;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    padding: .25em 10px .25em 30px;
    line-height: 1.45em;
    background: #f2f2f2 url(images/signup_info.gif) no-repeat 13px 50%;
}

#ChangePassword .password-weak {
    background-image: url(images/signup_check_weak.gif);
    padding-left: 30px;
    color: #80461b;
    border-color: #e5bda3;
    background-color: #ffe2cf;
    background-repeat: no-repeat;
}

#ChangePassword .password-good {
    background-image: url(images/signup_check_good.gif);
    padding-left: 30px;
    color: #80621b;
    border-color: #e5d5a3;
    background-color: #fff0cf;
    background-repeat: no-repeat;
}

#ChangePassword .password-strong {
    background-image: url(images/signup_check_strong.gif);
    padding-left: 30px;
    color: #78801b;
    border-color: #e3e5a3;
    background-color: #f5ffcf;
    background-repeat: no-repeat;
}

#ChangePassword .password-verystrong {
    background-image: url(images/signup_check.gif);
    padding-left: 30px;
    color: #2a801b;
    border-color: #e1efdb;
    background-color: #f0fee9;
    background-repeat: no-repeat;
}

#ChangePassword .error {
    color: #801b1b;
    padding-left: 30px;
    background-color: #ffcfcf;
}

#ChangePassword .ok {
    padding-left: 30px;
    background-repeat: no-repeat;
    background-image: url(images/signup_check.gif);
}

#ChangePassword {
    padding-top: 40px;
}

#ChangePassword {
    width: 100%;
    float: left;
    background-color: #dee7f1;
    margin-top: 30px;
    text-align: left;
    margin-bottom: 40px;
    padding-top: 0px;
}

#ChangePassword fieldset {
    border: none;
    padding-left: 40px
}

#ChangePassword .passhint {
    margin-bottom: 20px;
    display: block
}

#ChangePassword #passwordhelp {
    margin: 20px;
    padding: 10px;
}

#ChangePassword #help span {
    margin: 2%;
    padding: 1%;
    float: left;
    width: 94%
}

#ChangePassword #emailretype3 {
    background: rgb(255, 226, 207);
    margin: 2%;
    padding: 1%;
    float: left;
    width: 94%
}

#ChangePassword h4 {
    font-size: 1.5em;
    padding-left: 3%;
}

#ChangePassword label {
    font-size: 1.2em;
    padding-left: 3%;
}

#ChangePassword input {
    height: 20px;
    margin-left: 1%;
    width: 12em;
}

#ChangePassword input[type='submit'] {
    border: medium none #0084FF;
    color: #fff;
    height: 25px;
    margin-top: 20px;
}


/** Footer  **/

#foot_container ul.footMetaNavItems {
    position: relative;
}

#foot_container ul.footMetaNavItems li:last-of-type a {
    background-image: none;
    position: absolute;
    right: 30px;
    font-size: 1.25em;
}

#foot_container ul.footMetaNavItems #Kontrastanpassen {
    background-image: none;
    position: absolute;
    right: 0;
    font-size: 1.25em;
    top: 0;
}

#foot_container ul.footMetaNavItems li:last-of-type a:hover {
    font-size: 1.4em;
}

footer {
    padding: 0 5%;
}

.footMetaNavItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    width: 96%;
    float: left;
    margin: 0 0 0 0;
    padding: 30px 0 30px 0;
}

.footMetaNavItems li a {
    color: #483E86;
    text-decoration: none;
}


/* ================================================================
		BS Columns
================================================================ */

.col-xs-4 {
    width: 31%
}

.col-xs-6 {
    width: 50%
}

.col-xs-8 {
    width: 66%
}

.col-xs-7 {
    width: 55%
}


/* ================================================================
		Anmeldung Familienfest
================================================================ */

#dsarticletitle_5033529.dstitle_1 strong {
    font-weight: 700;
    margin: 2% 0 1em 0;
    padding: 0 0 0.6em 0;
    color: #FF4D52;
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center;
    /*background-image: url(/img/h1_trenner.png);*/
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
}

#dsarticlebody_5033529>p {
    font-size: 1.15em;
}

.gewinnspiel strong {
    font-size: 1.5em;
    margin-bottom: 20px;
    display: block;
}

.gewinnspiel label {
    font-size: 1.2em;
    padding-left: 0;
    display: inline-block;
}

.gewinnspiel .famanmelden {
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 1.25em;
    padding: 1% 2%;
    vertical-align: middle;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    border: 1px solid #DDDDDD;
    /* background-image: linear-gradient(to bottom, #428bca 0px, #2d6ca2 100%) !important; */
    background-repeat: repeat-x;
    border-color: #2b669a;
    color: #fff;
    width: 320px;
    height: auto;
    font-weight: bold;
}

.gewinnspiel .famanmelden:hover {
    background-color: #e43523;
    border-color: #e43523;
}

.gewinnspiel .advmessage {
    font-size: 1.2em;
    background: lightyellow;
    padding: 10px;
}

@media (min-width:480px) and (max-width:1080px) {
    #dsarticleheader div.dsimage_2 img {
        object-fit: cover !important;
        width: 200px !important;
        height: 200px !important;
        border-radius: 50%;
        display: block;
        margin: 0 auto;
    }
}

@media (min-width:650px) {
    .NewsWidgetOne .NewsWidgetImage img {
        /* height: 15vh; */
    }
}

@media (min-width:650px) and (max-width:1080px) {
    .NewsWidgetOne.col-xs-4 {
        width: 46%;
    }
    #Ferientipps .NewsWidgetOne.col-xs-4 {
        padding: 1em 6% 1.5em 6% !important;
    }
}

@media (min-width:1080px) and (max-width:1150px) {
    .NewsWidgetOne.col-xs-4 {
        width: 30%;
    }
}

@media (max-width:649px) {
    .NewsWidgetOne.col-xs-4 {
        width: 100%;
    }
    #Ferientipps .NewsWidgetOne.col-xs-4 {
        padding: 1em 6% 1.5em 6% !important;
    }
}


/*************************************************************************
	 res Desktop
**************************************************************************/

@media (min-width: 1332px) {
    #dssubbody,
    #dscolumns,
    .navbar-inner .container {
        width: 1332px;
    }
    /** Slider Startseite **/
    .dsmid_506548 .articleSlideShadow .tp-banner-container {
        width: 1332px;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 {
        font-family: 'Axiforma-Regular', sans-serif;
        background-image: url(/img/rot_90pc.png);
        letter-spacing: -0.05em;
        font-size: 22px !important;
        color: #fff;
        font-weight: normal;
        white-space: normal !important;
        line-height: 1.7em !important;
        height: 170px !important;
        width: 35%!important;
        left: 0px!important;
        top: 240px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: left;
        font-size: 17px!important;
        padding: 5px 3% 5px 4% !important;
    }
    .dsmid_507731 .articleSlideShadow .tp-banner-container {
        width: 1196px;
        height: 603px!important;
    }
    /**  Widget Verguenstigungen Startseite **/
    .WidgetPfeilRight {
        left: 85%;
    }
    /** Widget Partner und Angebote **/
    #dsarticleheader .PartnerNumber {
        margin: 0 0 0 0.5%;
    }
    /** Footer  **/
    #foot_container ul.footMetaNavItems {
        width: 90%;
        float: left;
        margin: 0 0 0 10%;
        padding: 0 0 0 0;
        background: none;
        text-align: center;
    }
    #foot_container #footLogos div {
        float: left;
        width: 50%;
        padding: 0 0 0 0;
        margin: 20px 0 15px 0;
        background: none;
    }
}


/*********Ende @media (min-width: 1332px)  ****************/


/*************************************************************************
	res ipad querformat
*************************************************************************/

@media (min-width: 1280px) and (max-width: 1331px) {
    /*   Anmeldung Familienkarte Dartstellung Name */
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        background: none;
        color: #fff;
        border: none;
        font-size: 0.9em;
        font-weight: bold;
        position: relative;
        top: -10px
    }
    /* Print-Icon Footer  */
    #foot_container ul.footMetaNavItems li:last-of-type a {
        background-image: none;
        position: absolute;
        right: -190px;
        top: 0px;
        font-size: 1.25em;
    }
    #foot_container ul.footMetaNavItems li:last-of-type a:hover {
        font-size: 1.4em;
    }
    /* youtube-Video   */
    #videogalerie {
        height: 648px;
        overflow: hidden;
        margin: 0 0 -20px 0;
    }
    #videoplayer iframe#myFrame {
        height: 648px!important;
        width: 100%;
    }
}


/*********Ende @media (min-width: 1280px) and (max-width: 1331px  ****************/


/*************************************************************************
	res ipad querformat und andere Tablets
*************************************************************************/

@media (min-width: 768px) and (max-width: 1331px) {
    #dssubbody {
        width: 100%;
    }
    /** Slider Startseite **/
    .dsmid_506548 .articleSlideShadow .tp-banner-container {
        width: 100%;
        height: auto;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 {
        font-family: 'Axiforma-Regular', sans-serif;
        background-image: url(/img/rot_90pc.png);
        letter-spacing: -0.05em;
        font-size: 22px !important;
        color: #fff;
        font-weight: normal;
        white-space: normal !important;
        line-height: 1.5em !important;
        height: 170px !important;
        width: 35%!important;
        left: 0px!important;
        top: 130px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: left;
        font-size: 17px!important;
        padding: 5px 3% 5px 4% !important;
    }
    /* youtube-Video   */
    #videogalerie {
        height: 519px;
        overflow: hidden;
        margin: 0 0 -20px 0;
    }
    #youtubedisclaimer {
        background: white;
        padding: 30px 5% 30px 5%;
        margin: 0 0 -358px 0;
        width: 90%;
        opacity: 0.85;
        position: relative;
        top: 60px;
        height: 358px;
        display: none;
        z-index: 600;
    }
    .video_textbox.pro75 {
        position: relative;
        top: -350px;
        left: 44.5%;
        width: 130px
    }
    #videoplayer iframe#myFrame {
        height: 519px!important;
        width: 100%;
    }
    /**  Widget Verguenstigungen Startseite **/
    .WidgetPfeilRight {
        left: 85%;
    }
    /** Widget Partner und Angebote **/
    #dsarticleheader .PartnerNumber {
        margin: 0 0 0 0.75%;
    }
    .widgetLeft.col-xs-6.blue {
        width: 44%;
        float: left;
        margin: 0 0 10px 0;
        padding: 30px 3.5% 30px 2.5%;
        background: #0084FF;
        color: #fff;
        line-height: 1.35em;
        height: 500px;
    }
    .widgetRight.col-xs-6 {
        width: 44%;
        float: left;
        margin: 0 0 10px 0;
        padding: 30px 2.5% 30px 3.5%;
        background: #ECEDEE;
        line-height: 1.35em;
        min-height: 480px;
        text-align: center;
        height: 500px;
    }
    .NewsWidgetOuter {
        width: 84%;
        padding: 40px 9% 0 9%;
        margin: 0 0 40px 0;
        float: left;
    }
    #foot_container #footLogos {
        width: 95%;
        float: left;
        padding: 0 2.5% 0 2.5%;
        margin: 0 0 0 0;
    }
    #foot_container #footTeaser {
        width: 95%;
        float: left;
        padding: 0 2.5% 20px 2.5%;
        margin: 0 0 0 0;
        background: #FF4D52;
        color: #fff;
    }
    /** Footer **/
    #foot_container ul.footMetaNavItems {
        width: 90%;
        float: left;
        margin: 0 0 0 10%;
        padding: 0 0 0 0;
        background: none;
        text-align: center;
    }
    #foot_container ul.footMetaNavItems li {
        margin: 0 5% 2.5% 0;
    }
    #foot_container #footLogos div {
        float: left;
        width: 40%;
        padding: 0 5% 0 5%;
        margin: 20px 0 15px 0;
        background: none;
    }
    /* Slider Artikel */
    .articleSlideShadow .tp-banner-container {
        width: 100%;
        position: relative;
        padding: 0;
        top: 0px;
        height: 466px!important;
    }
    .articleSlideShadow .tp-leftarrow.default {
        top: 445px !important;
    }
    .articleSlideShadow .tp-rightarrow.default {
        top: 445px !important;
    }
    .articleSlideShadow .tp-banner-container .invest1 {
        padding: 17px 7.5% 5px 7.5% !important;
        height: 50px !important;
        width: 85%!important;
        left: 0px!important;
        top: 395px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: center;
        font-size: 17px!important;
    }
    /* News Detail */
    .dsmid_507731 .articleSlideShadow .tp-banner-container {
        width: 100%;
        position: relative;
        padding: 0;
        top: 0;
        float: left;
        height: 466px!important;
    }
    .EventMetaleft {
        float: left;
        font-size: 1.1em;
        line-height: 1.35em;
        width: 78%;
        border-radius:1em
        /* font-style: italic; */
    }

    .EventMetaleft .partnerlink i{
        display:none;
    }

    .EventMetaRight {
        background: none;
        margin: 0 0 10px 0;
        padding: 25px 0 20px 0;
        color: #00b0fb;
        float: left;
        font-weight: 400;
        font-size: 0.9em;
        line-height: 1.35em;
        font-style: normal;
        position: relative;
    }




    .EventMetaRight #map {
        background: none;
        margin: 10px 0 10px 0;
        padding: 25px 0 20px 0;
        float: left;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.35em;
        width: 100%;
        height: 300px;
        position: absolute;
        float: left;
        top: 1%;
        z-index: 1;
    }
    .EventMetaleft .ics img {
        background: #FF4D52;
        margin: 4px 8px 0 0;
        padding: 0 0 0 0;
        float: left;
        text-align: left;
        font-weight: normal;
        color: #FF4D52;
        text-decoration: none;
    }
    /* Artikel-Navigation */
    #SubnaviOuter ul li a {
        margin: 0 0 0 0;
        padding: 16px 50px 10px 50px;
        text-decoration: none;
        color: #fff;
        font-size: 1.2em;
        line-height: 1.6em;
        letter-spacing: -0.05em;
    }
    /* Partner/Karte */
    .leaflet-container {
        width: 99.75%!important;
        margin: 0 0 0 0;
    }
    /* Anmeldung */
    #anmeldung fieldset#fsHaushalt {
        width: 100%;
        float: left;
        margin-top: 30px
    }
    #anmeldung fieldset#fsKinder {
        width: 98%;
        float: left;
        margin-top: 30px
    }
    #anmeldung .i_container label {
        width: 34%;
        font-size: 0.9em;
    }
    #anmeldung #showtableSmall1,
    #anmeldung #showtableSmall2 {
        margin-top: 147px;
        margin-left: 26px;
    }
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        font-size: 0.9em;
    }
    /*   Anmeldung Familienkarte Dartstellung Name */
    #anmeldung #showkarteOuter1,
    #anmeldung #showkarteOuter2 {
        background-image: url(/img/FamilienApp.png);
        background-repeat: no-repeat;
        background-position: 0 5px;
        width: 100%;
        min-height: 380px;
        background-size: 280px;
    }
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        background: none;
        color: #fff;
        border: none;
        font-size: 0.9em;
        font-weight: bold;
        position: relative;
        top: 20px;
        left: 10px
    }
    /* Print-Icon Footer  */
    #foot_container ul.footMetaNavItems li:last-of-type a {
        background-image: none;
        position: absolute;
        right: 30px;
        font-size: 1.25em;
        top: 0;
    }
    #foot_container ul.footMetaNavItems li:last-of-type a:hover {
        font-size: 1.4em;
    }
    /* Partner   */
    .PartnerAusgabe .PartnerOne .PartnerLogo img:nth-child(1) {
        width: 90%;
        margin-left: 5%;
    }
    /***  Footer Sponsoren  ****/
    #foot_container #footLogos {
        width: 94%;
        float: left;
        padding: 40px 3% 0 3%;
        margin: 0 0 0 0;
        height: 350px;
    }
    #foot_container #footLogos .col-xs-4 {
        float: left;
        width: 50%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        text-align: center;
        height: 110px;
    }
    #foot_container #footLogos .col-xs-4.vier {
        float: left;
        width: 50%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        text-align: center;
        height: 110px;
    }
    /*#foot_container #footLogos .col-xs-4.fuenf {
        float: left;
        width: 50%;
        margin: 0 0 0 35%;
        padding: 0 0 0 0;
        text-align: center;
    }*/
    #foot_container #footLogos .col-xs-2 {
        float: left;
        width: 14.25%;
        padding: 0 0 0 0;
        text-align: center
    }
    #foot_container #footLogos div {
        float: left;
        width: 50%;
        padding: 0 0 0 0;
        margin: 20px 0 15px 0;
        background: none;
    }
    #foot_container #footLogos div#moevenpick,
    #foot_container #footLogos div#entega {
        margin: 0px 0 0 0;
    }
    #foot_container #footLogos div#sparkasse {
        margin: 12px 0 0 0;
    }
    #foot_container #footLogos div#ffh {
        margin: 10px 0 0 0;
        background: none;
        width: 50%;
    }
    #foot_container #footLogos div#rtl {
        margin: 10px 0 0 0;
        background: none;
        width: 50%;
    }
}


/*********Ende @media (min-width: 768px) and (max-width: 1279px)  ****************/


/*************************************************************************
	 res ipad Air hochformat
**************************************************************************/

@media (min-width: 768px) and (max-width: 780px) {
    /* youtube-Video   */
    #videogalerie {
        height: 389px;
        overflow: hidden;
        margin: 0 0 -20px 0;
    }
    #youtubedisclaimer {
        background: white;
        padding: 30px 5% 30px 5%;
        margin: 0 0 -449px 0;
        width: 90%;
        opacity: 0.85;
        position: relative;
        top: 0px;
        height: 389px;
        display: none;
        z-index: 600;
    }
    .video_textbox.pro75 {
        position: relative;
        top: -250px;
        left: 42%;
        width: 130px
    }
    #videoplayer iframe#myFrame {
        height: 389px!important;
        width: 100%;
    }
    /**  Widget Verguenstigungen Startseite **/
    .WidgetPfeilRight {
        left: 85%;
    }
    /** Footer Meta-NAvigation **/
    #foot_container ul.footMetaNavItems {
        width: 100%;
        float: left;
        margin: 0 0 0 0%;
        padding: 0 0 0 0;
        background: none;
        text-align: center;
    }
    /*#foot_container .footTeaserOne h4 {
        min-height: 43px;
    }*/
    /** Grusswort Gruettner **/
    .dsarticle_2 .unterschrift_bez {
        margin: 0 0 0 0;
        position: relative;
        top: -90px;
        left: 100%;
        float: left;
        width: 200%;
    }
    /* Anmeldung  */
    #anmeldung #showtableSmall1,
    #anmeldung #showtableSmall2 {
        margin-top: 107px;
        margin-left: 16px;
    }
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        font-size: 0.8em;
    }
    /** Slider Startseite **/
    .dsmid_506548 .articleSlideShadow .tp-banner-container {
        width: 100%;
        height: 340px!important;
    }
    /* News Detail Slider */
    .dsmid_507731 .articleSlideShadow .tp-banner-container {
        width: 100%;
        height: 340px!important;
        position: relative;
        padding: 0;
        top: 0;
        float: left;
    }
    .articleSlideShadow .tp-leftarrow.default {
        top: 325px !important;
    }
    .articleSlideShadow .tp-rightarrow.default {
        top: 325px !important;
    }
    .articleSlideShadow .tp-banner-container .invest1 {
        padding: 12px 7.5% 5px 7.5% !important;
        height: 50px !important;
        width: 85%!important;
        left: 0px!important;
        top: 285px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: center;
        font-size: 15px!important;
        line-height: 1em!important;
        ;
    }
    .EventMetaRight #map {
        background: none;
        margin: 10px 0 10px 0;
        padding: 25px 0 20px 0;
        float: left;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.35em;
        width: 100%;
        height: 280px!important;
        ;
        position: absolute;
        float: left;
        top: 1%;
        z-index: 1;
    }
    .EventMetaleft .ics img {
        background: #FF4D52;
        margin: 4px 8px 100px 16.5%!important;
        ;
        padding: 0 0 0 0;
        float: left;
        text-align: left;
        font-weight: normal;
        color: #FF4D52;
        text-decoration: none;
    }
    /* Artikel Slider */
    .articleSlideShadow .tp-banner-container {
        width: 100%;
        height: 350px!important;
        position: relative;
        padding: 0;
        top: 0;
        float: left;
    }
    .EventMetaleft {
        background: none;
        margin: 10px 0 10px 0;
        padding: 20px 9%;
        /*color:#0084FF;*/
        color: #00b0fb;
        float: left;
        font-weight: 400;
        font-size: 1.1em;
        line-height: 1.35em;
        width: 50%;
        font-style: italic;
        text-align: left
    }
    .EventMetaRight {
        background: none;
        margin: 0 0 10px 0;
        padding: 25px 0 20px 0;
        color: #00b0fb;
        float: left;
        font-weight: 400;
        font-size: 0.9em;
        line-height: 1.35em;
        width: 50%;
        font-style: normal;
    }
    .EventMetaRight #map {
        background: none;
        margin: 10px 0 10px 0;
        padding: 25px 0 20px 0;
        float: left;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.35em;
        width: 100%;
        height: 400px;
        position: absolute;
        float: left;
        top: 1%;
        height: 98%;
        width: 100%!important;
        ;
        z-index: 1;
    }
    .EventMetaleft .ics img {
        background: #FF4D52;
        margin: 4px 8px 100px 17.5%;
        padding: 0 0 0 0;
        float: left;
        text-align: left;
        font-weight: normal;
        color: #FF4D52;
        text-decoration: none;
    }
    /* Print-Icon Footer  */
    #foot_container ul.footMetaNavItems li:last-of-type a {
        background-image: none;
        position: absolute;
        right: 0;
        top: 0px;
        font-size: 1.25em;
    }
    #foot_container ul.footMetaNavItems li:last-of-type a:hover {
        font-size: 1.4em;
    }
    /* Subnavigation */
    #SubnaviOuter ul li a {
        margin: 0 0 0 0;
        padding: 10px 2.5% 10px 2.5%!important;
        ;
        text-decoration: none;
        color: #fff;
        font-size: 1.125em;
        line-height: 1.6em;
        display: block;
        text-align: center!important;
        /*height:50px;*/
        font-weight: normal;
    }
    /* Partnerausgabe  */
    .PartnerAusgabe .PartnerOne img {
        max-width: 110px;
    }
    .col-xs-4.PartnerLogo {
        margin: 23px 0 0 5%;
    }
    .col-xs-7.PartnerText {
        margin: 20px 0 0 2%;
    }
    .PartnerLinks {
        margin: 20px 0 0 0;
    }
    .mymarker img {
        margin: 10px 5% 0 5%!important;
        width: 88%;
    }
    /*   Anmeldung Familienkarte Dartstellung Name */
    #anmeldung #showkarteOuter1 {
        margin-top: 0 !important;
    }
    #anmeldung #showkarteOuter1,
    #anmeldung #showkarteOuter2 {
        background-image: url(/img/FamilienApp.png);
        background-repeat: no-repeat;
        background-position: 0 55px;
        width: 100%;
        min-height: 422px;
        background-size: 280px;
    }
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        background: none;
        color: #fff;
        border: none;
        font-size: 0.9em;
        font-weight: bold;
        position: relative;
        top: 20px;
        left: 10px
    }
    #showkarteOutertext1 {
        margin-top: 0 !important;
    }
}


/*********Ende @media (min-width: 768px) and (max-width: 979px)  ****************/


/*************************************************************************
	 res Android Smartphone querformat
****************************************************************************/

@media (max-width: 819px) {
    #appisda {
        height: 950px;
        background-image: none;
        background-color: #9f91e9;
    }
    #appisda .buttonContainer .appButton {
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    #dsarticleheader #dsarticle_5086163 {
        padding: 40px 9% 0 9%;
    }

    #dsarticleheader #dsarticle_5086164 {
        padding: 0 9% 30px 9%;
    }
}

@media (max-width: 767px) {
    #dscolumn1_1 h1,
    #dscolumn1_1 h1.dstitle_1,
    #dscolumn1_1 h2.dstitle_1,
    #dscolumn1_2 h1.dstitle_1,
    #dscolumn1_2 h2.dstitle_1 {
        font-size: 24px ;
        line-height: 36px;
        margin: 0;
    }
    #dscolumn1_1 .startseite-slide-textcontainer h1.slide-headline {
        margin-bottom: 1rem;
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .NewsSingle .NewsSingleHead h1 {
        padding: 0 !important;
    }
    /* youtube-Video   */
    #videogalerie {
        height: 343px;
        overflow: hidden;
        margin: 0 0 -20px 0;
    }
    #youtubedisclaimer {
        background: white;
        padding: 30px 5% 30px 5%;
        margin: 0 0 -449px 0;
        width: 90%;
        opacity: 0.85;
        position: relative;
        top: 0px;
        height: 389px;
        display: none;
        z-index: 600;
    }
    .video_textbox.pro75 {
        position: relative;
        top: -250px;
        left: 41%;
        width: 130px
    }
    #videoplayer iframe#myFrame {
        height: 343px!important;
        width: 100%;
    }
    #dssubbody {
        width: 100%;
    }
    #dsmain {
        width: 100%;
        float: left;
    }
    #dsarticleheader {
        float: left;
        width: 100%;
        padding: 0 0 0 0;
        overflow: hidden;
    }
    /** erster Artikel immmer grau - Artikel mit Subnavigation **/
    #dsarticleheader .dsarticle_1 {
        float: left;
        width: 95%;
        padding: 30px 2.5% 30px 2.5%;
        background: #fff;
    }
    #dsarticleheader .dsarticle_3 [id^='dsarticletitle_'] {
        font-size: 30px;
        line-height: 39px;
        text-align: left;
    }
    #dsarticleheader .dsarticle_2 {
        width: 95%;
        float: left;
        padding: 30px 2.5% 30px 2.5%;
        margin: 0 0 0 0;
    }
    #dsarticleheader .dsarticle_3,
    #dsarticlefooter .dsarticle_3 {
        float: left;
        width: 95%;
        padding: 30px 2.5% 30px 2.5%;
        background: #fff;
        text-align: center;
    }
    #dsarticleheader div.dsimage_3 img,
    #dsarticlefooter div.dsimage_3 img {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        max-width: 100%;
    }
    .widgetLeft.col-xs-6.blue {
        width: 44%;
        float: left;
        margin: 0 0 10px 0;
        padding: 30px 3.5% 30px 2.5%;
        background: #0084FF;
        color: #fff;
        line-height: 1.35em;
        height: 500px;
    }
    .widgetRight.col-xs-6 {
        width: 44%;
        float: left;
        margin: 0 0 10px 0;
        padding: 30px 2.5% 30px 3.5%;
        background: #ECEDEE;
        line-height: 1.35em;
        min-height: 480px;
        text-align: center;
        height: 500px;
    }
    .NewsWidgetOuter {
        width: 84%;
        padding: 40px 9% 0 9%;
        margin: 0 0 40px 0;
        float: left;
    }
    #Newsletter button,
    #Newsletter input,
    #Newsletter select,
    #Newsletter textarea,
    #Lieferanschrift button,
    #Lieferanschrift input,
    #Lieferanschrift select,
    #Lieferanschrift textarea,
    article[id*="Karte"] input[type="button"] {
        width: 100%;
    }
    .freieKachelnContainer {
        width: 94% !important;
        margin: 0 3%;
    }
    #foot_container #footLogos {
        width: 95%;
        float: left;
        padding: 0 2.5% 0 2.5%;
        margin: 0 0 0 0;
    }
    #foot_container #footTeaser {
        width: 95%;
        float: left;
        padding: 0 2.5% 20px 2.5%;
        margin: 0 0 0 0;
        background: #FF4D52;
        color: #fff;
    }
    /* Subnavigation */
    #SubnaviOuter nav[data-item='5'] li {
        /*width: calc(99.25% /5);*/
        width: 19.8%;
        float: left;
    }
    #SubnaviOuter ul li a {
        margin: 0 0 0 0;
        padding: 10px 2.5% 10px 2.5%!important;
        ;
        text-decoration: none;
        color: #fff;
        font-size: 1em;
        letter-spacing: -0.05em;
        line-height: 1.6em;
        display: block;
        text-align: center!important;
        /*height:50px;*/
        font-weight: normal;
    }
    /** Slider Startseite **/
    .dsmid_506548 .articleSlideShadow .tp-banner-container {
        width: 100%;
        height: auto;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 {
        font-family: 'Axiforma-Regular', sans-serif;
        background-image: url(/img/rot_90pc.png);
        letter-spacing: -0.05em;
        font-size: 22px !important;
        color: #fff;
        font-weight: normal;
        white-space: normal !important;
        line-height: 1.35em !important;
        height: 135px !important;
        width: 45%!important;
        left: 0px!important;
        top: 40px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: left;
        font-size: 15px!important;
        padding: 5px 3% 5px 4% !important;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 h2 {
        font-family: 'Axiforma-Regular', sans-serif;
        background-image: url(/img/rot_90pc.png);
        letter-spacing: -0.05em;
        font-size: 26px !important;
        color: #fff;
        font-weight: bold;
    }
    /**  Widget Verguenstigungen Startseite **/
    .WidgetPfeilRight {
        left: 85%;
    }
    /** Widget Partner und Angebote **/
    #dsarticleheader .PartnerNumber {
        margin: 0 0 0 0.5%;
    }
    /* Partnerausgabe  */
    .PartnerAusgabe .PartnerOne img {
    }
    .col-xs-4.PartnerLogo {
        margin: 23px 2.5% 0 2.5%;
    }
    .col-xs-7.PartnerText {
        margin: 20px 0 0 2%;
        ;
    }
    .PartnerLinks {
        margin: 20px 0 0 0;
    }
    .mymarker img {
        margin: 10px 5% 0 5%!important;
        width: 88%;
    }
    #PartnerForm i {
        padding: 2px 0 2px 0;
        letter-spacing: -0.025em;
    }
    /** Footer **/
    #foot_container ul.footMetaNavItems {
        width: 100%;
        float: left;
        margin: 0 0 0 0%;
        padding: 0 0 0 0;
        background: none;
        text-align: center;
    }
    #foot_container ul.footMetaNavItems li {
        float: left;
        margin: 0 2.5% 0 0;
        padding: 0 0 0 0;
        background: none;
        list-style-type: none;
    }
    /***  Footer Sponsoren  ****/
    #foot_container #footLogos {
        width: 94%;
        float: left;
        padding: 40px 3% 0 3%;
        margin: 0 0 0 0;
        height: 600px;
    }
    #foot_container #footLogos .col-xs-4 {
        float: left;
        width: 75%;
        padding: 0 12.5% 0 12.5%;
        margin: 0 0 0 0;
        text-align: center;
        height: 110px;
    }
    #foot_container #footLogos .col-xs-4.vier {
        float: left;
        width: 75%;
        margin: 0 0 0 0;
        padding: 0 12.5% 0 12.5%;
        text-align: center;
        height: 110px;
    }
    /*#foot_container #footLogos .col-xs-4.fuenf {
        float: left;
        width: 50%;
        margin: 0 0 0 35%;
        padding: 0 0 0 0;
        text-align: center;
    }*/
    #foot_container #footLogos .col-xs-2 {
        float: left;
        width: 14.25%;
        padding: 0 0 0 0;
        text-align: center
    }
    #foot_container #footLogos div {
        float: left;
        width: 50%;
        padding: 0 0 0 0;
        margin: 20px 0 15px 0;
        background: none;
    }
    #foot_container #footLogos div#moevenpick,
    #foot_container #footLogos div#entega {
        margin: 0px 0 0 0;
    }
    #foot_container #footLogos div#sparkasse {
        margin: 12px 0 0 0;
    }
    #foot_container #footLogos div#ffh {
        margin: 10px 0 0 0;
        background: none;
        width: 50%;
    }
    #foot_container #footLogos div#rtl {
        margin: 10px 0 0 0;
        background: none;
        width: 50%;
    }
    /* Slider Artikel */
    .articleSlideShadow .tp-banner-container {
        width: 100%;
        position: relative;
        padding: 0;
        top: 0px;
        height: auto;
    }
    /* Newsuebersicht */
    .NewsWidgetText h3 {
        color: #FF4D52!important;
        font-weight: bold;
        line-height: 1em;
        font-size: 1.15em!important;
        ;
    }
    /* News Detail Slider */
    .dsmid_507731 .articleSlideShadow .tp-banner-container {
        width: 100%;
        height: 280px!important;
        position: relative;
        padding: 0;
        top: 0;
        float: left;
    }
    .articleSlideShadow .tp-leftarrow.default {
        top: 290px !important;
    }
    .articleSlideShadow .tp-rightarrow.default {
        top: 290px !important;
    }
    .articleSlideShadow .tp-banner-container .invest1 {
        padding: 12px 7.5% 5px 7.5% !important;
        height: 45px !important;
        width: 85%!important;
        left: 0px!important;
        top: 245px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: center;
        font-size: 15px!important;
        line-height: 1em!important;
        ;
    }
    .EventMetaRight {
        background: none;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 100%;
        height: 300px!important;
    }
    .EventMetaRight #map {
        background: none;
        margin: 10px 0 10px 0;
        padding: 25px 0 20px 0;
        float: left;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.35em;
        width: 100%;
        height: 300px!important;
        ;
        position: absolute;
        float: left;
        top: 1%;
        z-index: 1;
    }
    #Quelle {
        background: none;
        top: 360px;
    }
    .EventMetaleft .ics img {
        background: #FF4D52;
        margin: 4px 8px 0 0 !important;
        ;
        padding: 0 0 0 0;
        float: left;
        text-align: left;
        font-weight: normal;
        color: #FF4D52;
        text-decoration: none;
    }
    .NewsSingleBacknav {
        float: left;
        padding: 0 0 0 0;
        margin: 0 0 2rem 0;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.35em;
        width: 100%;
        position: relative;
        top: 0;
        left: -2%;
    }
    .NewsSingleTextbox.col-xs-6 {
        float: left;
        padding: 40px 9% 3% 9%;
        margin: 0 0 0 0 !important;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.35em;
        width: 82%;
        background: none;
        -moz-column-count: auto;
        -moz-column-gap: 0;
        -moz-column-rule: none;
        /*Saf3, Chrome*/
        -webkit-column-count: auto;
        -webkit-column-gap: 0;
        -webkit-column-rule: none;
        column-count: auto;
        column-gap: 0;
        column-rule: none;
    }
    /* Partner/Karte */
    .leaflet-container {
        width: 99.75%!important;
        margin: 0 0 0 0;
    }
    /* Anmeldung */
    #anmeldung fieldset#fsHaushalt {
        width: 100%;
        float: left;
        margin-top: 30px
    }
    #anmeldung fieldset#fsKinder {
        width: 98%;
        float: left;
        margin-top: 30px
    }
    #anmeldung .i_container label {
        width: 34%;
        font-size: 0.8em;
    }
    #anmeldung #showtableSmall1,
    #anmeldung #showtableSmall2 {
        margin-top: 147px;
        margin-left: 26px;
    }
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        font-size: 0.9em;
    }
    /*   Anmeldung Familienkarte Dartstellung Name */
    #anmeldung #showkarteOuter1,
    #anmeldung #showkarteOuter2 {
        background-image: url(/img/FamilienApp.png);
        background-repeat: no-repeat;
        background-position: 0 85px;
        width: 100%;
        min-height: 380px;
        background-size: 230px;
    }
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        background: none;
        color: #fff;
        border: none;
        font-size: 0.7em;
        font-weight: bold;
        position: relative;
        top: -40px;
        left: -2px
    }
    /* Artikel Designs */
    #dsarticleheader .dsnowrap_image,
    #dsarticleheader .dsarticle_1 .dsnowrap_image_right {
        margin: 10px 0 2rem 0;
        padding: 0 0 0 0;
        width: 100%;
        float: left;
        background: none;
    }
    #dsarticleheader .dsarticle_1 .dsnowrap_image_right .dsimage_1.dsimage_bodynowrapright_1 {
        width: 100% !important;
    }
    #dsarticleheader .dsnowrap_image .dsimage_1,
    #dsarticleheader .dsarticle_1 .dsnowrap_image_right .dsimage_1 {
        margin: 0;
        padding: 0 0 0 0;
        width: 100%;
        float: left;
    }
    #dsarticleheader .dsnowrap_image_right {
        width: 60%;
        float: left;
        font-size: 1em;
        margin: 10px 0 0 0;
        padding: 0 0 0 0;
    }
    #dsarticleheader .dsnowrap_content .dsbody_1 {
        width: 55%;
        float: left;
        font-size: 1em;
        margin: 10px 0 0 0;
        padding: 0 0 0 5%;
    }
    /* Print-Icon Footer  */
    #foot_container ul.footMetaNavItems li:last-of-type a {
        background-image: none;
        position: absolute;
        right: 0;
        top: 30px;
        font-size: 1.25em;
    }
    /* Mitgliederbereich  */
    #loginform label,
    #loginformFamFest label {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }
    /* Partner   */
    .PartnerAusgabe .PartnerOne .PartnerLogo img:nth-child(1) {
        width: 90%;
        margin-left: 5%;
    }
}


/*** Ende @media (max-width: 767px)  ***/


/*************************************************************************
	 res iPhone querformat
****************************************************************************/

@media (min-width: 390px) {
    body.no-scroll {
        position: fixed;
        width: 100%;
    }
}

@media (max-width: 480px) {
    /* youtube-Video   */
    #videogalerie {
        height: 270px;
        overflow: hidden;
        width: 105.4%;
        margin: 0 0 -20px -2.7%;
    }
    #youtubedisclaimer div:first-of-type {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        font-size: 1em;
        text-align: center;
        line-height: 1.25em;
        color: #FF4D52;
        font-weight: bold;
    }
    #youtubedisclaimer {
        background: white;
        padding: 0px 2.5% 0px 2.5%;
        margin: 0 0 -549px 0;
        width: 95%;
        opacity: 0.95;
        position: relative;
        top: 0px;
        height: 489px;
        display: none;
        z-index: 600;
        font-size: 0.8em;
        line-height: 0.9em
    }
    .Medien.MedienFrontend .MedienHeadline {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .video_textbox.pro75 {
        position: relative;
        top: -190px;
        left: 35%;
        width: 130px
    }
    #videoplayer iframe#myFrame {
        height: 270px!important;
        width: 100%;
    }
    #dssubbody {
        width: 100%;
    }
    #dsmain {
        width: 100%;
        float: left;
    }
    #dscolumn1_2 {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background: none;
    }
    #dscolumn2_2 {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background: none;
    }
    #dsarticleheader {
        float: left;
        width: 100%;
        padding: 0 0 0 0;
        overflow: hidden;
    }
    .startseite-slide-textcontainer {
        max-width: 90%;
    }
    /** erster Artikel immmer grau - Artikel mit Subnavigation **/
    #dsarticleheader .dsarticle_1 {
        float: left;
        width: 95%;
        padding: 30px 2.5% 30px 2.5%;
        background: #fff;
    }
    #dsarticleheader .dsarticle_2 {
        width: 95%;
        float: left;
        padding: 30px 2.5% 30px 2.5%;
        margin: 0 0 0 0;
    }
    #dsarticleheader .dsarticle_3,
    #dsarticlefooter .dsarticle_3 {
        float: left;
        width: 95%;
        padding: 30px 2.5% 30px 2.5%;
        background: #fff;
        text-align: center;
    }
    #dsarticleheader div.dsimage_3 img,
    #dsarticlefooter div.dsimage_3 img {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        max-width: 100%;
    }
    #dsarticleheader h1.dstitle_1,
    #dsarticleheader h2.dstitle_1:first-of-type {
        font-weight: 700;
        margin: 0 0 1em 0;
        padding: 0 0 0.6em 0;
        color: #FF4D52;
        font-size: 1.75em;
        line-height: 1em;
    }
    #dsarticleheader h2.dstitle_1 {
        font-weight: 700;
        margin: 0 0 20px 0;
        padding: 0 0 1px 0;
        color: #FF4D52;
        font-size: 1.75em;
        line-height: 1em;
    }
    /* Ausnahme Leistungen -->Verguenstungen, Startseite Jetzt kostenlos anmelden    */
    /*#dsarticleheader #dsarticle_5026838,
    #dsarticleheader #dsarticle_5026941,
    #dsarticleheader #dsarticle_5069063 {

        background-image: url(/img/hand_mit_karte.png), url(/img/loewe_artikel_bg.png);
        background-repeat: no-repeat, no-repeat;
        background-position: right -3px, center bottom;
        background-size: 70%, 85%;
        float: left;
        margin: 0 0 0 0;

    }*/
    #dsarticleheader #dsarticle_5026838 p,
    #dsarticleheader #dsarticle_5026941 p,
    #dsarticleheader #dsarticle_5069063 p {
        width: 100%!important;
        margin: 0 0 0 0;
    }
    #dsarticleheader .dsarticle_2 ul {
        padding: 0 0 0 0;
        margin: 1em 0 1em 4.75%!important;
    }
    #dsarticleheader h2.dstitle_2 {
        margin: 0 0 0.7em 0;
        padding: 0 0 0.75em 0;
        color: #fff;
        font-size: 1.5em;
        /*background-image: url(/img/h2_trenner_weiss.png);*/
        background-repeat: no-repeat;
        background-position: center bottom;
        display: block;
        line-height: 1.3em;
        text-align: center;
    }
    #dsarticleheader .dsarticle_2 ul {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    #dsarticleheader .dsarticle_2 ul li {
        padding: 0 0 0 25px;
        margin: 0 0 0.3em 0;
        background-image: url(/img/li_pfeilweiss.png);
        background-repeat: no-repeat;
        background-position: 0 4px;
        list-style-type: none;
    }
    #dsarticleheader .dsbody_2 {
        color: #fff;
    }
    #dsarticleheader div.dsimage_2 {
        width: 100%;
        height: auto;
        margin: 0 0 5% 0;
    }
    #dsarticleheader .dsarticle_3 .dsbody_3,
    #dsarticlefooter .dsarticle_3 .dsbody_3 {
        text-align: left;
        float: left;
        padding: 20px 0 0 0;
        margin: 0 0 0 0;
        width: 100%;
        /* FF 3.5+*/
        /* -moz-column-count: auto;
        -moz-column-gap: 0;
        -moz-column-rule: none;
        -webkit-column-count: auto;
        -webkit-column-gap: 0;
        -webkit-column-rule: none;
        column-count: auto;
        column-gap: 0px;
        column-rule: none; */
    }
    /* Widgets     */
    /* Widgets Startseite  */
    #WidgetAjax5026840 {
        width: 100%;
        height: auto;
        float: left;
    }
    .widgetOuter {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0px 0 0 0;
        float: left;
        position: relative;
    }
    .widgetLeft.col-xs-6.blue {
        width: 95%;
        float: left;
        margin: 0 0 0 0;
        padding: 30px 2.5% 30px 2.5%;
        background: #0084FF;
        color: #fff;
        line-height: 1.35em;
    }
    .widgetRight.col-xs-6 {
        width: 95%;
        float: left;
        margin: 0 0 0 0;
        padding: 30px 2.5% 30px 2.5%;
        background: #ECEDEE;
        line-height: 1.35em;
        min-height: 550px;
        text-align: center;
    }
    /* Startseite */
    .dsmid_506548 .NewsWidgetOuter {
        width: 84%;
        padding: 0 0 0 0;
        margin: 0 9%;
        float: left;
    }
    .NewsWidgetOuter .NewswidgetH2 {
        font-weight: 700;
        margin: 0 5% 1em 5%;
        padding: 0 0 1px 0;
        color: #FF4D52;
        font-size: 1.25em;
        line-height: 1em;
    }
    .NewsWidgetOne.col-xs-4 {
        width: 100%;
        float: left;
        margin: 0 2% 0px 0;
        padding: 0 0 0 0;
        height: 460px;
        /*background: #ECEDEF;*/
    }
   #PartnerForm.PartnerFormNew {
        padding:10px;
        width:100%;
    }

    #PartnerForm.PartnerFormNew .category-searchcontainer,
    #PartnerForm.PartnerFormNew .location-searchcontainer {
        display: block;
    }
    #PartnerForm #Rubriken, #PartnerForm #Partner {
        width: 100% !important;
        padding: 10px 0 10px 10px;
    }
    #PartnerForm.PartnerFormNew #freitext {
        width: 97% !important;
        padding: 10px 0 10px 10px;
    }
    #PartnerForm.PartnerFormNew #plz {
       width: 50% !important;
        padding: 10px 0 10px 10px;
    }
    #PartnerForm.PartnerFormNew #PartnerFormRight {
        float: left;
        width: 100%;
    }
    .PLZsuche.PartnerFormInner label {
        display: none;
    }
    #PartnerForm #plz {
        margin-left: 0 !important;
        width: 100%;
    }
    #foot_container #footLogos {
        width: 95%;
        float: left;
        padding: 0 2.5% 0 2.5%;
        margin: 0 0 0 0;
        height: 210px
    }
    #PartnerFormLeft.col-xs-6,
    #PartnerFormRight.col-xs-6 {
        float: left;
        width: 100%;
    }
    #PartnerForm .PartnerFormSubmit,#PartnerForm.PartnerFormNew .PartnerFormSubmit input{
        margin: 0px 0 0 2.5%!important;
        width: 100%;
        float: left;
    }
    /***  Footer Sponsoren  ****/
    #foot_container #footLogos {
        width: 100%;
        float: left;
        padding: 40px 0 0 0;
        margin: 0 0 0 0;
        height: 600px;
    }
    #foot_container #footLogos .col-xs-4 {
        float: left;
        width: 100%;
        padding: 0 00 0 0;
        margin: 0 0 0 0;
        text-align: center;
        height: 110px;
    }
    #foot_container #footLogos .col-xs-4.vier {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        text-align: center;
        height: 110px;
    }
    /*#foot_container #footLogos .col-xs-4.fuenf {
        float: left;
        width: 50%;
        margin: 0 0 0 35%;
        padding: 0 0 0 0;
        text-align: center;
    }*/
    #foot_container #footLogos .col-xs-2 {
        float: left;
        width: 14.25%;
        padding: 0 0 0 0;
        text-align: center
    }
    #foot_container #footLogos .col-xs-2 {
        float: left;
        width: 14.25%;
        padding: 0 0 0 0;
        text-align: center
    }
    #foot_container #footLogos div {
        float: left;
        width: 50%;
        padding: 0 0 0 0;
        margin: 20px 0 15px 0;
        background: none;
    }
    #foot_container #footLogos div#moevenpick,
    #foot_container #footLogos div#entega {
        margin: 0px 0 0 0;
    }
    #foot_container #footLogos div#sparkasse {
        margin: 12px 0 0 0;
    }
    #foot_container #footLogos div#ffh {
        margin: 20px 0 0 0;
        background: none;
        width: 40%;
    }
    #foot_container #footLogos div#rtl {
        margin: 30px 0 0 0;
        background: none;
        width: 40%;
    }
    #foot_container #footTeaser {
        width: 95%;
        float: left;
        padding: 0 2.5% 20px 2.5%;
        margin: 0 0 0 0;
        background: #FF4D52;
        color: #fff;
    }
    #foot_container .col-xs-4 {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    /* Header  */
    #dssiteheader #head_container {
        width: 100%;
        height: 80px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background: white;
    }
    #dssiteheader #head_container #Hlogo {
        width: 11%;
        float: right;
        margin: 15px 2.5% 0 0;
        padding: 5px 0.3% 5px 0.3%;
        background: white;
        text-align: right;
        position: relative;
        z-index: 1100;
        display: none;
    }
    #dssiteheader #head_container #Hlogo img {
        width: 100%;
    }
    /* Subnavigation */
    #SubnaviOuter nav[data-item='5'] li {
        /*width: calc(99.25% /5);*/
        width: 100%;
        float: left;
    }
    /* Subnavigation */
    #SubnaviOuter nav[data-item='4'] li {
        /*width: calc(99.25% /5);*/
        width: 100%;
        float: left;
    }
    /* Subnavigation */
    #SubnaviOuter nav[data-item='3'] li {
        /*width: calc(99.25% /5);*/
        width: 100%;
        float: left;
    }
    #SubnaviOuter ul li a {
        margin: 0 0 0 0;
        padding: 10px 2.5% 10px 2.5%!important;
        ;
        text-decoration: none;
        color: #fff;
        font-size: 1em;
        letter-spacing: -0.05em;
        line-height: 1.6em;
        display: block;
        text-align: center!important;
        /*height:50px;*/
        font-weight: normal;
        border-bottom: 1px solid #fff;
    }
    /** Slider Startseite **/
    .dsmid_506548 .articleSlideShadow .tp-banner-container {
        width: 100%;
        height: auto;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 {
        font-family: 'Axiforma-Regular', sans-serif;
        background-image: url(/img/rot_90pc.png);
        letter-spacing: -0.05em;
        font-size: 22px !important;
        color: #fff;
        font-weight: normal;
        white-space: normal !important;
        line-height: 1.35em !important;
        height: 100px !important;
        width: 50%!important;
        left: 0px!important;
        top: 10px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: left;
        font-size: 13px!important;
        padding: 10px 2.5% 5px 2.5% !important;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 h2 {
        font-family: 'Axiforma-Regular', sans-serif;
        background-image: url(/img/rot_90pc.png);
        letter-spacing: -0.05em;
        font-size: 16px !important;
        color: #fff;
        font-weight: bold;
        margin: 0 0 6px 0;
    }
    /**  Widget Verguenstigungen Startseite **/
    .WidgetPfeilRight {
        left: 85%;
    }
    /** Widget Partner und Angebote **/
    #dsarticleheader .PartnerNumber {
        margin: 0 0 0 6.5%;
    }
    /* Partnerausgabe  */
    .PartnerAusgabe .PartnerOne img {
        max-width: 150px;
    }
    .PartnerAusgabe .PartnerText img {
        max-width: 100%;
    }
    #PartnerSucheNew .PartnerText a {
                line-height: 30px;
    }
    .Partnerbox {
        width: 100%;
        position: relative!important;
        /* height: 450px */
    }
    #PartnerLoaderMoreLink {
        margin: 25px auto 0 auto !important;
    }
    .dsmid_506573 .Partnerbox {
        width: 100%;
        position: relative!important;
        height: 300px!important;
    }
    .col-xs-4.PartnerLogo {
        margin: 23px 2.5% 0 2.5%;
        width: 95%;
        background: none;
    }
    .col-xs-7.PartnerText {
        margin: 20px 2.5% 0 2.5%;
        width: 95%;
        background: none;
    }
    .PartnerLinks {
        margin: -20px 0 0 0;
        position: absolute;
        right: 0;
        top: 30px;
    }
    .PartnerLinks {
        margin: -20px -30px 0px 0;
    }
    .PartnerDetails {
        margin:0
    }
    .PartnerAngebot {
        width: 100%;
        overflow: hidden
    }
    .mymarker img {
        margin: 10px 5% 0 5%!important;
        width: 88%;
    }

    .PartnerSuchOutH2,
    .PartnerSuchOutToggle {
        margin: .5rem;
    }
    /** Footer **/
    #foot_container ul.footMetaNavItems {
        width: 100%;
        float: left;
        margin: 0 0 0 0%;
        padding: 0 0 0 0;
        background: none;
        text-align: center;
    }
    #foot_container ul.footMetaNavItems li {
        float: left;
        margin: 0 3.5% 2% 0;
        padding: 0 0 0 0;
        background: none;
        list-style-type: none;
    }
    #foot_container ul.footMetaNavItems li a {
        display: block;
        height: 30px
    }
    #foot_container #footLogos div {
        float: left;
        width: 40%;
        padding: 0 5% 0 5%;
        margin: 20px 0 15px 0;
        background: none;
    }
    /* Slider Artikel */
    .articleSlideShadow .tp-banner-container {
        width: 100%;
        position: relative;
        padding: 0;
        top: 0px;
        height: 230px;
    }
    /* Kontakt*/
    #anmeldung .kontakt span.captchaZahl {
        font-weight: bold;
        text-align: left;
        float: left;
        width: 50%!important;
        background: #FF4D52;
        padding: 5px 5% 5px 5%;
        margin: 5px 4% 0 0;
    }
    /* Newsuebersicht */
    .NewsWidgetOuter {
        width: 84%;
        padding: 0 0 0 0;
        margin: 10px 9% 40px 9%;
        float: left!important;
        background: none;
    }
    .NewsWidgetText h3 {
        color: #FF4D52!important;
        font-weight: bold;
        line-height: 1em;
        font-size: 1.15em!important;
        ;
    }
    /* News Detail Slider */
    .NewsSingle h1,
    .NewsSingle h2:first-of-type {
        font-weight: 700;
        margin: 0 0 0 0;
        padding: 0 0 0.6em 7.5%;
        color: #FF4D52;
        font-size: 1.75em;
        line-height: 1em;
        text-align: center;
        /*background-image: url(/img/h1_trenner.png);*/
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    .NewsSingle h2 {
        font-weight: 700;
        margin: 0 0 20px 0;
        padding: 0 0 1px 7.5%;
        color: #FF4D52;
        font-size: 1.75em;
        line-height: 1em;
        text-align: center;
        /*background-image: url(/img/h1_trenner.png)!important;*/
        background-repeat: no-repeat;
        background-position: center bottom!important;
    }
    .dsmid_507731 .articleSlideShadow .tp-banner-container {
        width: 99%;
        height: 220px!important;
        position: relative;
        padding: 0;
        top: 0;
        float: left;
    }
    .articleSlideShadow .tp-leftarrow.default {
        top: 222px !important;
        background-size: 20px
    }
    .articleSlideShadow .tp-rightarrow.default {
        top: 222px !important;
        background-size: 20px
    }
    .articleSlideShadow .tp-banner-container .invest1 {
        padding: 12px 7.5% 5px 7.5% !important;
        height: 45px !important;
        width: 85%!important;
        left: 0px!important;
        top: 175px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: center;
        font-size: 12px!important;
        line-height: 1em!important;
        ;
    }
    .EventMetaRight {
        background: none;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 100%;
        height: 300px!important;
    }
    .EventMetaRight #map {
        background: none;
        margin: 10px 0 10px 0;
        padding: 25px 0 20px 0;
        float: left;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.35em;
        width: 100%;
        height: 300px!important;
        ;
        position: absolute;
        float: left;
        top: 1%;
        z-index: 1;
    }
    #Quelle {
        background: none;
        top: 360px;
    }
    .EventMetaleft .ics img {
        background: #FF4D52;
        margin: 4px 8px 0 0 !important;
        ;
        padding: 0 0 0 0;
        float: left;
        text-align: left;
        font-weight: normal;
        color: #FF4D52;
        text-decoration: none;
    }
    .NewsSingleBacknav {
        float: left;
        padding: 0 0 0 0;
        margin: 0 0 2rem 0;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.35em;
        width: 100%;
        position: relative;
        top: 0;
        left: -5%;
    }
    /* Partner/Karte */
    .leaflet-container {
        width: 99.75%!important;
        margin: 0 0 0 0;
    }
    /* Anmeldung */
    .anmeldungleft {
        float: left;
        width: 100%;
    }
    .anmeldungleft legend {
        margin-bottom: 30px;
    }
    .anmeldungright {
        float: left;
        width: 100%;
        padding-left: 0%;
        margin: 10px 0 0 0;
        height: 422px;
    }
    #anmeldung fieldset#fsKinder select {
        width: 66%;
        border: solid 1px #fff;
        color: #fff;
        outline: none;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        cursor: hand;
        text-align: center;
        float: right;
        margin: 5px 0 5px 0
    }
    #anmeldung fieldset#fsHaushalt {
        width: 100%;
        float: left;
        margin-top: 30px
    }
    #anmeldung fieldset#fsKinder {
        width: 97%;
        float: left;
        margin-top: 30px
    }
    #anmeldung .i_container label {
        width: 34%;
        font-size: 0.8em;
    }
    #anmeldung #showtableSmall1,
    #anmeldung #showtableSmall2 {
        margin-top: 147px;
        margin-left: 26px;
    }
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        font-size: 0.9em;
    }
    /*   Anmeldung Familienkarte Dartstellung Name */
    #anmeldung #showkarteOuter1,
    #anmeldung #showkarteOuter2 {
        background-image: url(/img/FamilienApp.png);
        background-repeat: no-repeat;
        background-position: 0 75px;
        width: 100%;
        min-height: 380px;
        background-size: 230px;
    }
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        background: none;
        color: #fff;
        border: none;
        font-size: 0.7em;
        font-weight: bold;
        position: relative;
        top: -40px;
        left: -2px
    }
    #anmeldung #einverstanden {
        padding: 0 0 0 0;
        width: 97%!important;
    }
    #anmeldung fieldset#aufmerksam {
        width: 97%;
        float: left;
    }
    #anmeldung .absendenleft,
    #anmeldung .absendenright {
        float: left;
        width: 100%;
    }
    #anmeldung .absendenright {
        text-align: left;
        font-style: italic;
        margin: 10px 0 0 0;
    }
    /* Artikel Designs */
    #dsarticleheader .dsnowrap_image,
    #dsarticleheader .dsarticle_1 .dsnowrap_image_right {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 100%;
        float: left;
        background: none;
    }
    #dsarticleheader .dsnowrap_image .dsimage_1,
    #dsarticleheader .dsarticle_1 .dsnowrap_image_right .dsimage_1 {
        margin: 0 0 10px 0;
        padding: 0 0 0 0;
        width: 100%;
        float: left;
    }
    #dsarticleheader .dsnowrap_image_right {
        width: 100%;
        float: left;
        font-size: 1em;
        margin: 0 0 0 0!important;
        padding: 0 0 0 0!important;
        ;
    }
    #dsarticleheader .dsnowrap_image_right .dsimage_2 {
        width: 100%;
        margin: 0 0 0 0!important;
        padding: 0 0 0 0!important;
    }
    #dsarticleheader .dsnowrap_content .dsbody_1 {
        width: 100%;
        float: left;
        font-size: 1em;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    /* Print-Icon Footer  */
    #foot_container ul.footMetaNavItems li:last-of-type a {
        background-image: none;
        position: absolute;
        right: 0;
        top: 30px;
        font-size: 1.25em;
    }
    /* Mitgliederbereich  */
    #loginform label,
    #loginformFamFest label {
        width: 99%;
        float: left;
        margin: 0 0 1% 0;
    }
}


/*** Ende @media (max-width: 480px)  ***/


/*************************************************************************
	 res Android Smartphone hochformat
****************************************************************************/

@media (max-width: 360px) {
    /* youtube-Video   */
    #videogalerie {
        height: 202px;
        overflow: hidden;
        width: 105.2%;
        margin: 0 0 -20px -2.6%;
    }
    #youtube-2click-button {
        background: #0084FF;
        width: 20%;
        text-align: center;
        padding: 7px 2.5% 7px 2.5%;
        margin: 5px auto 0px auto;
        ;
    }
    #youtubedisclaimer {
        background: white;
        padding: 0px 2.5% 0px 2.5%;
        margin: 0 0 -549px 0;
        width: 95%;
        opacity: 0.95;
        position: relative;
        top: 0px;
        height: 489px;
        display: none;
        z-index: 600;
        font-size: 0.8em;
        line-height: 0.8em
    }
    .video_textbox.pro75 {
        position: relative;
        top: -165px;
        left: 33%;
        width: 130px
    }
    #videoplayer iframe#myFrame {
        height: 202px!important;
        width: 100%;
    }
    /* allgemein   */
    #dssubbody {
        width: 100%;
    }
    #dsmain {
        width: 100%;
        float: left;
    }
    #dscolumn1_2 {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background: none;
    }
    #dscolumn2_2 {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background: none;
    }
    #dsarticleheader {
        float: left;
        width: 100%;
        padding: 0 0 0 0;
        overflow: hidden;
    }
    /** erster Artikel immmer grau - Artikel mit Subnavigation **/
    #dsarticleheader>article:nth-child(1) .dsarticle_1 {
        padding: 40px 2.5% 10px 2.5%;
    }
    #dsarticleheader .dsarticle_1 {
        float: left;
        width: 95%;
        padding: 30px 2.5% 30px 2.5%;
        background: #fff;
    }
    #dsarticleheader .dsarticle_2 {
        width: 95%;
        float: left;
        padding: 30px 2.5% 30px 2.5%;
        margin: 0 0 0 0;
    }
    #dsarticleheader .dsarticle_3,
    #dsarticlefooter .dsarticle_3 {
        float: left;
        width: 95%;
        padding: 30px 2.5% 30px 2.5%;
        background: #fff;
        text-align: center;
    }
    #dsarticleheader div.dsimage_3 img,
    #dsarticlefooter div.dsimage_3 img {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        max-width: 100%;
    }
    #dsarticleheader h1.dstitle_1,
    #dsarticleheader h2.dstitle_1:first-of-type {
        font-weight: 700;
        margin: 0 0 1em 0;
        padding: 0 0 0.6em 0;
        color: #FF4D52;
        font-size: 1.75em;
        line-height: 1em;
    }
    #dsarticleheader h2.dstitle_1 {
        font-weight: 700;
        margin: 0 0 20px 0;
        padding: 0 0 1px 0;
        color: #FF4D52;
        font-size: 1.75em;
        line-height: 1em;
    }
    /* Ausnahme Leistungen -->Verguenstungen, Startseite Jetzt kostenlos anmelden    */
    #dsarticleheader #dsarticle_5026838,
    #dsarticleheader #dsarticle_5026941 {
        background-image: url(/img/hand_mit_karte.png), url(/img/loewe_artikel_bg.png);
        background-repeat: no-repeat, no-repeat;
        background-position: right -3px, center bottom;
        background-size: 70%, 85%;
        float: left;
        margin: 0 0 0 0;
    }
    #dsarticleheader #dsarticle_5026838 p,
    #dsarticleheader #dsarticle_5026941 p {
        width: 100%!important;
        ;
        margin: 0 0 0 0;
    }
    #dsarticleheader .dsarticle_2 ul {
        padding: 0 0 0 0;
        margin: -20px 0 1em 4.75%!important;
        ;
    }
    #dsarticleheader h2.dstitle_2 {
        margin: 0 0 0.7em 0;
        padding: 0 0 0.75em 0;
        color: #fff;
        font-size: 1.5em;
        /*background-image: url(/img/h2_trenner_weiss.png);*/
        background-repeat: no-repeat;
        background-position: center bottom;
        display: block;
        line-height: 1.3em;
        text-align: center;
    }
    #dsarticleheader .dsarticle_2 ul {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    #dsarticleheader .dsarticle_2 ul li {
        padding: 0 0 0 25px;
        margin: 0 0 0.3em 0;
        background-image: url(/img/li_pfeilweiss.png);
        background-repeat: no-repeat;
        background-position: 0 4px;
        list-style-type: none;
    }
    #dsarticleheader .dsbody_2 {
        color: #fff;
    }
    #dsarticleheader div.dsimage_2 {
        width: 100%;
        height: auto;
        margin: 0 0 5% 0;
    }
    #dsarticleheader .dsarticle_3 .dsbody_3,
    #dsarticlefooter .dsarticle_3 .dsbody_3 {
        text-align: left;
        float: left;
        padding: 20px 0 0 0;
        margin: 0 0 0 0;
        width: 100%;
        /* FF 3.5+*/
        /* -moz-column-count: auto;
        -moz-column-gap: 0;
        -moz-column-rule: none;
        -webkit-column-count: auto;
        -webkit-column-gap: 0;
        -webkit-column-rule: none;
        column-count: auto;
        column-gap: 0px;
        column-rule: none; */
    }
    /* Widgets     */
    /* Widgets Startseite  */
    #WidgetAjax5026840 {
        width: 100%;
        height: auto;
        float: left;
    }
    .widgetOuter {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        float: left;
        height: auto;
        /*position:relative;*/
    }
    .widgetLeft.col-xs-6.blue {
        width: 95%;
        float: left;
        margin: 0 0 0 0;
        padding: 30px 2.5% 30px 2.5%;
        background: #0084FF;
        color: #fff;
        line-height: 1.35em;
    }
    .widgetLeft.col-xs-6.blue .WidgetBullets {
        width: 38%;
        float: left;
        margin: 0 0 0 0;
        padding: 0 20% 0 20%;
        background: none;
        position: relative;
        top: 28px;
        left: 10%;
        text-align: center;
    }
    .widgetRight.col-xs-6 {
        width: 95%;
        float: left;
        margin: 0 0 0 0;
        padding: 30px 2.5% 30px 2.5%;
        background: #ECEDEE;
        line-height: 1.35em;
        height: 480px;
        text-align: center;
    }
    /* Startseite */
    .dsmid_506548 .NewsWidgetOuter {
        width: 84%;
        height: auto;
        /*height:1950px;*/
        padding: 0 0 0 0;
        margin: 0 9%;
        float: left;
        /*position:relative;
  top:530px;*/
        background: white;
    }
    .NewsWidgetOuter .NewswidgetH2 {
        font-weight: 700;
        margin: 0 5% 1em 5%;
        padding: 0 0 1px 0;
        color: #FF4D52;
        font-size: 1.25em;
        line-height: 1em;
    }
    .NewsWidgetOne.col-xs-4 {
        width: 100%;
        float: left;
        margin: 0 2% 0px 0;
        padding: 0 0 0 0;
        height: 460px;
        /*background: #ECEDEF;*/
    }
    #foot_container #footLogos {
        width: 100%;
        float: left;
        padding: 40px 0 0 0;
        margin: 0 0 0 0;
        height: 550px;
    }
    #foot_container #footTeaser {
        width: 95%;
        float: left;
        padding: 0 2.5% 20px 2.5%;
        margin: 0 0 0 0;
        background: #FF4D52;
        color: #fff;
    }
    #foot_container .col-xs-4 {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    /* Header  */
    #dssiteheader #head_container {
        width: 100%;
        height: 80px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background: white;
    }
    #dssiteheader #head_container #Hlogo {
        width: 11%;
        float: right;
        margin: 15px 2.5% 0 0;
        padding: 5px 0.3% 5px 0.3%;
        background: white;
        text-align: right;
        position: relative;
        z-index: 1100;
    }
    #dssiteheader #head_container #Hlogo img {
        width: 100%;
    }
    /* Subnavigation */
    #SubnaviOuter nav[data-item='5'] li {
        /*width: calc(99.25% /5);*/
        width: 100%;
        float: left;
    }
    /* Subnavigation */
    #SubnaviOuter nav[data-item='3'] li {
        /*width: calc(99.25% /5);*/
        width: 100%;
        float: left;
    }
    #SubnaviOuter ul li a {
        margin: 0 0 0 0;
        padding: 10px 2.5% 10px 2.5%!important;
        ;
        text-decoration: none;
        color: #fff;
        font-size: 1em;
        letter-spacing: -0.05em;
        line-height: 1.6em;
        display: block;
        text-align: center!important;
        /*height:50px;*/
        font-weight: normal;
        border-bottom: 1px solid #fff;
    }
    /** Slider Startseite **/
    .dsmid_506548 .articleSlideShadow .tp-banner-container {
        width: 100%;
        height: auto;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 {
        font-family: 'Axiforma-Regular', sans-serif;
        background-image: url(/img/rot_90pc.png);
        letter-spacing: -0.05em;
        font-size: 22px !important;
        color: #fff;
        font-weight: normal;
        white-space: normal !important;
        line-height: 1.35em !important;
        height: 80px !important;
        width: 50%!important;
        left: 0px!important;
        top: 10px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: left;
        font-size: 13px!important;
        padding: 10px 2.5% 5px 2.5% !important;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 h2 {
        font-family: 'Axiforma-Regular', sans-serif;
        background-image: url(/img/rot_90pc.png);
        letter-spacing: -0.05em;
        font-size: 16px !important;
        color: #fff;
        font-weight: bold;
        margin: 0 0 6px 0;
    }
    /**  Widget Verguenstigungen Startseite **/
    .WidgetPfeilRight {
        left: 85%;
    }
    /** Widget Partner und Angebote **/
    #dsarticleheader .PartnerNumber {
        margin: 0 0 0 0.5%;
    }
    /* Partnerausgabe  */
    .PartnerSuche {
        width: 97%;
    }
    .PartnerAusgabe .PartnerOne {
        border-bottom: #89a0c9 1px solid;
        _display: table;
        position: relative;
        width: 100%;
        padding-bottom: 20px
    }
    .PartnerAusgabe .PartnerOne img {
        max-width: 150px;
    }
    .Partnerbox {
        width: 100%;
        position: relative;
    }
    .col-xs-4.PartnerLogo {
        margin: 23px 0 0 0;
        width: 95%;
        background: none;
    }
    .col-xs-7.PartnerText {
        margin: 20px 0 0 0;
        width: 340px;
        background: none;
        overflow: hidden!important;
    }
    .PartnerMoreText {
        overflow: hidden;
        width:90%
    }
    .PartnerAusgabe .PartnerMoreText img {
        max-width: 100%;
    }
    .PartnerLinks {
        margin: 0px 0 0 0;
        background: none;
        position: absolute;
        top: 0px;
        right: 20px;
        z-index: 1000;
    }
    #PartnerForm i {
        padding: 2px 0 2px 0;
        letter-spacing: -0.1em;
    }
    .mymarker img {
        margin: 10px 5% 0 5%!important;
        width: 88%;
    }
    #PartnerFormLeft.col-xs-6,
    #PartnerFormRight.col-xs-6 {
        float: left;
        width: 100%;
    }
    #PartnerForm .PartnerFormSubmit {
        margin: 50px 0 0 2.5%;
        width: 100%;
        float: left;
    }
    /** Footer **/
    #foot_container ul.footMetaNavItems {
        width: 100%;
        float: left;
        margin: 0 0 0 0%;
        padding: 0 0 0 0;
        background: none;
        text-align: center;
    }
    #foot_container ul.footMetaNavItems li {
        float: left;
        margin: 0 2.5% 0 0;
        padding: 0 0 0 0;
        background: none;
        list-style-type: none;
    }
    #foot_container ul.footMetaNavItems li a {
        display: block;
        height: 30px
    }
    #foot_container #footLogos div {
        float: left;
        width: 40%;
        padding: 0 5% 0 5%;
        margin: 20px 0 15px 0;
        background: none;
    }
    /* Slider Artikel */
    .articleSlideShadow .tp-banner-container {
        width: 100%;
        position: relative;
        padding: 0;
        top: 0px;
        height: auto;
    }
    /* Kontakt*/
    #anmeldung .kontakt span.captchaZahl {
        font-weight: bold;
        text-align: left;
        float: left;
        width: 50%!important;
        background: #FF4D52;
        padding: 5px 5% 5px 5%;
        margin: 5px 4% 0 0;
    }
    /* Newsuebersicht */
    .NewsWidgetOuter {
        width: 84%;
        padding: 0 0 0 0;
        margin: 0 9%;
        float: left!important;
        background: white;
    }
    .NewsWidgetText h3 {
        color: #FF4D52!important;
        font-weight: bold;
        line-height: 1em;
        font-size: 1.15em!important;
        ;
    }
    /* News Detail Slider */
    .NewsSingle h1,
    .NewsSingle h2:first-of-type {
        font-weight: 700;
        margin: 0 0 0 0;
        padding: 0 0 0.6em 12%;
        color: #FF4D52;
        font-size: 1.75em;
        line-height: 1em;
        text-align: center;
        /*background-image: url(/img/h1_trenner.png);*/
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    .NewsSingle h2 {
        font-weight: 700;
        margin: 0 0 20px 0;
        padding: 0 0 1px 0;
        color: #FF4D52;
        font-size: 1.75em;
        line-height: 1em;
        text-align: center;
        /*background-image: url(/img/h1_trenner.png)!important;*/
        background-repeat: no-repeat;
        background-position: center bottom!important;
    }
    .dsmid_507731 .articleSlideShadow .tp-banner-container {
        width: 99%;
        height: 150px!important;
        position: relative;
        padding: 0;
        top: 0;
        float: left;
    }
    .articleSlideShadow .tp-leftarrow.default {
        top: 160px !important;
        background-size: 20px
    }
    .articleSlideShadow .tp-rightarrow.default {
        top: 160px !important;
        background-size: 20px
    }
    .articleSlideShadow .tp-banner-container .invest1 {
        padding: 12px 7.5% 5px 7.5% !important;
        height: 45px !important;
        width: 85%!important;
        left: 0px!important;
        top: 115px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: center;
        font-size: 12px!important;
        line-height: 1em!important;
        ;
    }
    .NewsSingleTextbox.col-xs-6 {
        float: left;
        padding: 40px 5% 3% 5%;
        margin: 0 0 0 0;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.35em;
        width: 90%;
        background: none;
        -moz-column-count: auto;
        -moz-column-gap: 0;
        -moz-column-rule: none;
        /*Saf3, Chrome*/
        -webkit-column-count: auto;
        -webkit-column-gap: 0;
        -webkit-column-rule: none;
        column-count: auto;
        column-gap: 0;
        column-rule: none;
    }
    .EventMetaRight {
        background: none;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 100%;
        height: 300px!important;
    }
    .EventMetaRight #map {
        background: none;
        margin: 10px 0 10px 0;
        padding: 25px 0 20px 0;
        float: left;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.35em;
        width: 100%;
        height: 300px!important;
        ;
        position: absolute;
        float: left;
        top: 1%;
        z-index: 1;
    }
    #Quelle {
        background: none;
        top: 360px;
    }
    .EventMetaleft .ics img {
        background: #FF4D52;
        margin: 4px 8px 0 0 !important;
        ;
        padding: 0 0 0 0;
        float: left;
        text-align: left;
        font-weight: normal;
        color: #FF4D52;
        text-decoration: none;
    }

    .NewsSingleBacknav {
        float: left;
        padding: 0 0 0 0;
        margin: 0 0 2rem 0;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.35em;
        width: 100%;
        position: relative;
        top: 0;
        left: -5%;
    }
    /* Partner/Karte */
    .leaflet-container {
        width: 99.75%!important;
        margin: 0 0 0 0;
    }
    /* Anmeldung */
    .anmeldungleft {
        float: left;
        width: 100%;
    }
    .anmeldungleft legend {
        margin-bottom: 30px;
    }
    .anmeldungright {
        float: left;
        width: 100%;
        padding-left: 0%;
        margin: 10px 0 0 0;
        height: 250px
    }
    #anmeldung fieldset#fsKinder select {
        width: 66%;
        border: solid 1px #fff;
        color: #fff;
        outline: none;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        cursor: hand;
        text-align: center;
        float: right;
        margin: 5px 0 5px 0
    }
    #anmeldung fieldset#fsHaushalt {
        width: 100%;
        float: left;
        margin-top: 30px
    }
    #anmeldung fieldset#fsKinder {
        width: 97%;
        float: left;
        margin-top: 30px
    }
    #anmeldung .i_container label {
        width: 34%;
        font-size: 0.8em;
    }
    #anmeldung #showtableSmall1,
    #anmeldung #showtableSmall2 {
        margin-top: 147px;
        margin-left: 26px;
    }
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        font-size: 0.9em;
    }
    /*   Anmeldung Familienkarte Dartstellung Name */
    #anmeldung #showkarteOuter1,
    #anmeldung #showkarteOuter2 {
        background-image: url(/img/FamilienApp.png);
        background-repeat: no-repeat;
        background-position: 0 55px;
        width: 100%;
        min-height: 380px;
        background-size: 230px;
    }
    #anmeldung #showtableSmall1 #showNameOnKarte1,
    #anmeldung #showtableSmall2 #showNameOnKarte2 {
        background: none;
        color: #fff;
        border: none;
        font-size: 0.7em;
        font-weight: bold;
        position: relative;
        top: -40px;
        left: -2px
    }
    #anmeldung #einverstanden {
        padding: 0 0 0 0;
        width: 97%!important;
    }
    #anmeldung fieldset#aufmerksam {
        width: 97%;
        float: left;
    }
    #anmeldung .absendenleft,
    #anmeldung .absendenright {
        float: left;
        width: 100%;
    }
    #anmeldung .absendenright {
        text-align: left;
        font-style: italic;
        margin: 10px 0 0 0;
    }
    /* Artikel Designs */
    #dsarticleheader .dsnowrap_image,
    #dsarticleheader .dsarticle_1 .dsnowrap_image_right {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 100%;
        float: left;
        background: none;
    }
    #dsarticleheader .dsnowrap_image .dsimage_1,
    #dsarticleheader .dsarticle_1 .dsnowrap_image_right .dsimage_1 {
        margin: 0 0 10px 0;
        padding: 0 0 0 0;
        width: 100%;
        float: left;
    }
    #dsarticleheader .dsnowrap_image_right {
        width: 100%;
        float: left;
        font-size: 1em;
        margin: 0 0 0 0!important;
        padding: 0 0 0 0!important;
        ;
    }
    #dsarticleheader .dsnowrap_image_right .dsimage_2 {
        width: 100%;
        margin: 0 0 0 0!important;
        padding: 0 0 0 0!important;
    }
    #dsarticleheader .dsnowrap_content .dsbody_1 {
        width: 100%;
        float: left;
        font-size: 1em;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    /* Print-Icon Footer  */
    #foot_container ul.footMetaNavItems li:last-of-type a {
        background-image: none;
        position: absolute;
        right: 0;
        top: 30px;
        font-size: 1.25em;
    }
    /* Mitgliederbereich  */
    #loginform label,
    #loginformFamFest label {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }
    /* FAQ */
    .faqQuestText {
        font-weight: normal;
        float: left;
        width: 81%;
        font-size: 1.2em;
        padding: 0 5% 10px 7.5%;
    }
}


/*** Ende @media (max-width: 360px)  ***/


/*************************************************************************
	 res  iPhone hochformat
****************************************************************************/

@media (max-width: 320px) {
    /* youtube-Video   */
    #videogalerie {
        height: 180px;
        overflow: hidden;
        width: 105.4%;
        margin: 0 0 -20px -2.7%;
    }
    #youtube-2click-button {
        background: #0084FF;
        width: 25%;
        text-align: center;
        padding: 7px 2.5% 7px 2.5%;
        margin: 5px auto 0px auto;
        ;
    }
    #youtubedisclaimer {
        background: white;
        padding: 0px 2.5% 0px 2.5%;
        margin: -20px 0 -549px 0;
        width: 95%;
        opacity: 0.95;
        position: relative;
        top: 0px;
        height: 489px;
        display: none;
        z-index: 600;
        font-size: 0.8em;
        line-height: 0.8em
    }
    .video_textbox.pro75 {
        position: relative;
        top: -155px;
        left: 33%;
        width: 130px
    }
    #videoplayer iframe#myFrame {
        height: 180px!important;
        width: 100%;
    }
    /* Widgets     */
    /* Widgets Startseite  */
    #WidgetAjax5026840 {
        width: 100%;
        height: auto;
        float: left;
    }
    .widgetOuter {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        float: left;
        height: auto;
        /*position:relative;*/
    }
    .widgetLeft.col-xs-6.blue {
        width: 95%;
        float: left;
        margin: 0 0 0 0;
        padding: 30px 2.5% 30px 2.5%;
        background: #0084FF;
        color: #fff;
        line-height: 1.35em;
    }
    .widgetLeft.col-xs-6.blue .WidgetBullets {
        width: 38%;
        float: left;
        margin: 0 0 0 0;
        padding: 0 20% 0 20%;
        background: none;
        position: relative;
        top: 28px;
        left: 10%;
        text-align: center;
    }
    .widgetRight.col-xs-6 {
        width: 95%;
        float: left;
        margin: 0 0 0 0;
        padding: 30px 2.5% 30px 2.5%;
        background: #ECEDEE;
        line-height: 1.35em;
        height: 480px;
        text-align: center;
    }
    /* Startseite */
    .dsmid_506548 .NewsWidgetOuter {
        width: 84%;
        height: auto!important;
        /*height:1950px;*/
        padding: 0 0 0 0;
        margin: -540px 9% 20px 9% !important;
        ;
        float: left;
        /*position:relative;
  top:530px;*/
        background: white;
    }
    /*  allgemein */
    #dssubbody,
    .navbar-inner .container {
        width: 320px;
        background: none;
        overflow: hidden;
    }
    #dsmain {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    #dsarticleheader {
        float: left;
        width: 100%;
        padding: 0 0 0 0;
        margin: 20px 0 0 0;
        overflow: hidden;
    }
    /** Slider Startseite **/
    .dsmid_506548 .articleSlideShadow .tp-banner-container {
        width: 100%;
        height: 170px;
    }
    .dsmid_506548 #StartseitenTeaser img {
        margin: 30px 0 0 0;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 {
        font-family: 'Axiforma-Regular', sans-serif;
        background-image: url(/img/rot_90pc.png);
        letter-spacing: -0.05em;
        font-size: 22px !important;
        color: #fff;
        font-weight: normal;
        white-space: normal !important;
        line-height: 1.35em !important;
        height: 105px !important;
        width: 50%!important;
        left: 0px!important;
        top: 10px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: left;
        font-size: 13px!important;
        padding: 10px 2.5% 5px 2.5% !important;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container .invest1 h2 {
        font-family: 'Axiforma-Regular', sans-serif;
        background-image: url(/img/rot_90pc.png);
        letter-spacing: -0.05em;
        font-size: 14px !important;
        color: #fff;
        font-weight: bold;
        margin: 0 0 6px 0;
    }
    /* Startseite */
    .dsmid_506548 .NewsWidgetOuter {
        width: 84%;
        height: 1515px;
        padding: 0 0 0 0;
        margin: 10px 9% 40px 9%;
        float: left;
        position: relative;
        top: 540px;
        background: white;
    }
    /** Grusswort Gruettner **/
    .dsarticle_2 .unterschrift_bez {
        margin: 10px 0 0 0;
        width: 100%;
        float: left;
    }
    /* Slider Artikel */
    .articleSlideShadow .tp-banner-container {
        width: 100%;
        position: relative;
        padding: 0;
        top: 0px;
        height: 150px;
        margin: 0 0 -30px 0;
    }
    #dsarticleheader .partner_verguenstigung {
        padding: 0 0 0 20px;
        margin: 0 0 0 0;
        color: #00b0fb;
        text-decoration: none;
        font-weight: bold;
        background-position: left center;
        background-repeat: no-repeat;
        letter-spacing: -0.04em;
    }
    #dsarticleheader h1.dstitle_1,
    #dsarticleheader h2.dstitle_1:first-of-type {
        font-weight: 700;
        margin: 0 0 1em 0;
        padding: 0 0 0.6em 0;
        color: #FF4D52;
        font-size: 1.5em;
        line-height: 1em;
    }
    #dsarticleheader h2.dstitle_1 {
        font-weight: 700;
        margin: 0 0 20px 0;
        padding: 0 0 1px 0;
        color: #FF4D52;
        font-size: 1em;
        line-height: 1em;
    }
    #dsarticleheader h2.dstitle_3,
    #dsarticlefooter h3.dstitle_3 {
        font-weight: 700;
        margin: 0 0 0.7em 0;
        padding: 0 0 0.8em 0;
        color: #FF4D52;
        font-size: 1.5em;
        line-height: 1em;
        text-align: center;
        /*background-image: url(/img/h1_trenner.png)!important;*/
        background-repeat: no-repeat;
        background-position: center bottom!important;
    }
    /* Partnerausgabe  */
    .PartnerAusgabe .PartnerOne img {
        max-width: 150px;
    }
    .Partnerbox {
        width: 100%;
        height: 450px;
        position: initial!important;
    }
    .dsmid_506573 .Partnerbox {
        width: 100%;
        height: 300px!important;
    }
    .col-xs-4.PartnerLogo {
        margin: 23px 2.5% 0 0;
        width: 97.5%;
        background: none;
    }
    .col-xs-7.PartnerText {
        margin: 20px 0 0 0;
        width: 250px;
        background: none;
        position: relative!important;
        float: left;
    }
    .PartnerLinks {
        width: 30px;
        margin: -40px 0 0 0;
        background: none;
        position: relative!important;
        float: left;
    }
    .PartnerAngebot {
        width: 100%;
        overflow: hidden
    }
    .mymarker img {
        margin: 10px 5% 0 5%!important;
        width: 88%;
    }
    #PartnerFormLeft.col-xs-6,
    #PartnerFormRight.col-xs-6 {
        float: left;
        width: 100%;
    }
    #PartnerForm .PartnerFormSubmit {
        margin: 50px 0 0 2.5%;
        width: 100%;
        float: left;
    }
    /* Mitgliederbereich     */
    #mainsub1 #serial1,
    #mainsub1 #serial2,
    #mainsub1 #serial3,
    #passwortvergessenOuter #serial1,
    #passwortvergessenOuter #serial2,
    #passwortvergessenOuter #serial3 {
        width: 25%;
    }
    #passwortvergessenOuter label {
        width: 100%;
        display: block
    }
    .NewsWidgetOne .NewsWidgetText {
        width: 86%;
        padding: 0 7% 0 7%;
        margin: 0 0 0 0;
        float: left;
        font-weight: 400;
        font-size: 0.9em;
        line-height: 1.25em;
    }
    .NewsSingle h1,
    .NewsSingle h2:first-of-type {
        font-weight: 700;
        margin: 0 0 0 0;
        padding: 0 0 0.6em 10%;
        color: #FF4D52;
        font-size: 1.5em;
        line-height: 1em;
        text-align: center;
        /*background-image: url(/img/h1_trenner.png);*/
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    .NewsSingle h2 {
        font-weight: 700;
        margin: 0 0 20px 0;
        padding: 0 0 1px 0;
        color: #FF4D52;
        font-size: 1.5em;
        line-height: 1em;
        text-align: center;
        /*background-image: url(/img/h1_trenner.png)!important;*/
        background-repeat: no-repeat;
        background-position: center bottom!important;
    }
    .dsmid_507731 .articleSlideShadow .tp-banner-container {
        width: 99%;
        height: 150px!important;
        position: relative;
        padding: 0;
        top: 0;
        float: left;
    }
    .articleSlideShadow .tp-leftarrow.default {
        top: 145px !important;
        background-size: 20px
    }
    .articleSlideShadow .tp-rightarrow.default {
        top: 145px !important;
        background-size: 20px
    }
    .articleSlideShadow .tp-banner-container .invest1 {
        padding: 5px 7.5% 5px 7.5% !important;
        height: 45px !important;
        width: 85%!important;
        left: 0px!important;
        top: 105px!important;
        position: absolute;
        z-index: 1000;
        display: block!important;
        text-align: center;
        font-size: 12px!important;
        line-height: 1em!important;
        ;
    }
    .EventMetaleft .zusatzinfos span.bezeichner {
        background: none;
        margin: 0 10px 0 0;
        padding: 0 0 0 0;
        float: left;
        width: 100%;
        /*text-align:left;*/
        font-weight: normal;
        letter-spacing: -0.1em;
        /*color:#FF4D52;*/
        text-align: left;
    }
    .EventMetaleft .ics img {
        background: #FF4D52;
        margin: 4px 8px 100px 2.5%!important;
        ;
        padding: 0 0 0 0;
        float: left;
        text-align: left;
        font-weight: normal;
        color: #FF4D52;
        text-decoration: none;
    }
    /* FAQ */
    .faqQuestText {
        font-weight: normal;
        float: left;
        width: 81%;
        font-size: 1.2em;
        padding: 0 5% 10px 7.5%;
    }
    #anmeldung fieldset#fsKinder select {
        width: 65.8%;
        border: solid 1px #fff;
        color: #fff;
        outline: none;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        cursor: hand;
        text-align: center;
        float: left;
        margin: 5px 0 5px 33.8%
    }
    #anmeldung label {
        display: block;
        float: left;
        width: 33.5%;
        margin-top: 5px;
        letter-spacing: -0.035em
    }
    #anmeldung fieldset {
        border: none;
        padding-top: 2em;
        padding: 2em 0 0 0;
    }
}


/*** ENDE res  iPhone hochformat***/


/* zusätzliche oder abweichende CSS-Regeln für Drucker */

@media print {
    body {
        background: none;
    }
    .dsmid_506548 .articleSlideShadow .tp-banner-container,
    .articleSlideShadow .tp-banner-container {
        display: none
    }
    #dssiteheader,
    #dssitefooter,
    #dsmenucontainer {
        display: none
    }
    #dsarticleheader .dsarticle,
    #dscolumns .dsarticle,
    #dsarticlefooter .dsarticle {
        background: none!important;
        color: #000!important;
    }
    #dsarticleheader .dsarticle img {
        /*display:none;*/
    }
    #dsarticleheader .dsarticle_1 h1.dstitle_1,
    #dsarticleheader .dsarticle_1 h2.dstitle_1,
    #dsarticleheader .dsarticle_2 h1.dstitle_2,
    #dsarticleheader .dsarticle_2 h2.dstitle_2,
    #dsarticleheader .dsarticle_3 h1.dstitle_3,
    #dsarticleheader .dsarticle_3 h2.dstitle_3,
    #dsarticlefooter .dsarticle_1 h1.dstitle_1,
    #dsarticlefooter .dsarticle_1 h2.dstitle_1,
    #dsarticlefooter .dsarticle_1 h3.dstitle_1,
    #dsarticlefooter .dsarticle_2 h1.dstitle_2,
    #dsarticlefooter .dsarticle_2 h2.dstitle_2,
    #dsarticlefooter .dsarticle_2 h3.dstitle_2,
    #dsarticlefooter .dsarticle_3 h1.dstitle_3,
    #dsarticlefooter .dsarticle_3 h2.dstitle_3,
    #dsarticlefooter .dsarticle_3 h3.dstitle_3,
    .NewsWidgetOuter .NewswidgetH2,
    .NewsWidgetText h3,
    .PartnerSuchOutH2,
    .NewsSingle h1,
    .NewsSingle h2:first-of-type {
        float: left;
        padding: 0 0 0 0;
        margin: 0 0 1em 0;
        color: #000!important;
        font-size: 1.5em;
        font-weight: bold;
        width: 100%;
        background-image: none!important;
        ;
    }
    #dsarticleheader .dsarticle_1 .dsbody_1,
    #dsarticleheader .dsarticle_2 .dsbody_2,
    #dsarticleheader .dsarticle_2 .dsbody_3,
    #dsarticleheader .dsarticle_1 .dsbody_1 h3,
    #dsarticleheader .dsarticle_2 .dsbody_2 h3,
    #dsarticleheader .dsarticle_3 .dsbody_3 h3,
    #dscolumns .dsarticle_1 .dsbody_1,
    #dscolumns .dsarticle_2 .dsbody_2,
    #dscolumns .dsarticle_2 .dsbody_3,
    #dscolumns .dsarticle_1 .dsbody_1 h3,
    #dscolumns .dsarticle_2 .dsbody_2 h3,
    #dscolumns .dsarticle_3 .dsbody_3 h3,
    #dsarticlefooter .dsarticle_1 .dsbody_1,
    #dsarticlefooter .dsarticle_2 .dsbody_2,
    #dsarticlefooter .dsarticle_2 .dsbody_3,
    #dsarticlefooter .dsarticle_1 .dsbody_1 h3,
    #dsarticlefooter .dsarticle_2 .dsbody_2 h3,
    #dsarticlefooter .dsarticle_3 .dsbody_3 h3,
    .col-xs-7.PartnerText,
    .NewsSingleTextbox.col-xs-6 h3 {
        color: #000!important;
    }
    #WidgetAjax5026840,
    .widgetLeft.col-xs-6.blue,
    .widgetRight.col-xs-6 {
        display: none;
        visibility: hidden;
        height: 0!important;
    }
    .NewsWidgetOne.col-xs-4 {
        height: 400px;
        background: none;
    }
    .NewsWidgetTeaser {
        color: #000
    }

    #SubnaviOuter {
        display: none
    }
    .PartnerSuchOutH2 {
        _display: none;
    }
    #PartnerForm {
        display: none;
    }
    .col-xs-4.PartnerLogo img {
        text-align: center;
        float: left;
        width: 90px;
    }
    .NewsWidgetOne.col-xs-4 {
        width: 31.2%;
        float: left;
        margin: 0 2% 30px 0;
        padding: 0 0 0 0;
        height: 900px;
        background: #ECEDEF;
    }
    .EventMetaleft {
        color: #000;
        width: 100%;
    }
    .EventMetaleft h3 {
        color: #000;
        font-style: normal;
        text-align: left;
    }
    .EventMetaleft .zusatzinfos span.bezeichner {
        width: auto;
        font-weight: normal;
        color: #000;
        text-align: left;
    }
    .EventMetaRight {
        display: none
    }
    .NewsSingleTextbox.col-xs-6 {
        color: #000;
    }
    .EventMetaleft .ics img {
        background: #FF4D52;
        margin: 4px 10px 0px 0%;
        padding: 0 0 0 0;
        float: left;
        text-align: left;
        font-weight: normal;
        color: #FF4D52;
        text-decoration: none;
    }

    .NewsSingleFoot {
        display: none;
    }
}
/************************************
partnerlogin
************************************/
#dsarticleheader #dsarticle_5086467 {
    background: #483e86;
}
#dsarticleheader #dsarticle_5086467 h2 {
    color: #fff;
    margin: 2rem 0 1rem 0;
    padding: 0;
}
#partner #checkbutton {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    background-color: #e60611;
    border: 2px solid #e60611;
    padding: 10px 18px 8px 18px;
    border-radius: 50px;
    margin: 1rem 0 2rem 0;
}
#partnerlogin, #partnerlogin .dsarticle_1 {
    background: #483e86;
    color:#fff;
    width:100%;
    padding: 0;
}
#partnerlogin label{
    margin-top:1em;
}
#partnerlogin .input-group-text {
    color: #212529!important;
}
#partnerlogin #email{
   border: 1px solid #495057!important;
    border-radius: 0.375rem!important;
    padding: 0.375rem 0.75rem!important;
    height: auto!important;
    }
#partnerloginout *{
    font-size:1.0em!important;
}
.user-is-tabbing :active, .user-is-tabbing :focus {
    outline: 2px solid #90ee90 !important;
}


/*****************************************************************
		 Kalenderblatt + Filter
*****************************************************************/










/*  Kalenderblatt +Filter */

#kalender h2{
    float:left;
    width:100%;
    padding:0.5em 10% 0em 10%;
    margin:0 0 0 0;
    background:none;
}






#TrefferReset{

}

#TrefferReset button{
    position:absolute;
    width:80px;
    height:80px;
    left:6%;
    top:2em;
    background:#FF4F4D;
    border-radius:100px;
    color:#fff;
    text-align: center;
    padding:1.5em 1.75% 0 1.75%;
    transform: rotate(-15deg);
    font-size:0.75em;
    line-height:1em;

}


#TrefferReset button:after{
    content:"\f0e2";
    font-family: 'Font Awesome 6 Pro';
    font-size:2em;
    position:absolute;
    font-weight:300;
    top:0.6em;
    left:1.05em;
   color:rgba(2545,255,255,1);
}


#kalender .NewsWidgetOuter {
    width:100%!important;
    padding:0 3% 0 9%;
    margin: 0 0 0 0;
    float: left;
}

#kalender .NewsWidgetOuter {
    width:100%!important;
    padding:0 10% 0 10%%;
    margin: 0 0 0 0;
    float: left;
    background:none;
}

.dsmid_523602 .NewsWidgetOuter,
.dsmid_523604 .NewsWidgetOuter{
    width:88%!important;
    padding:2em 3% 0 9%;
    margin: 0 0 0 0;
    float: left;
    background:none;
}

#KalenderFilter{
    float:left;
    width:100%;
    padding:0em 9.5% 2em 9%;
    margin:0 0 0 0;
    background:none;
    position:relative;
}

#KalenderFilter #calfiter{
    float:left;
    width:50%;
    padding:3em 4% 2em 4%;
    margin:0 0 0 0;
    background:#FFC000;
    height:553px;
    border-radius:1.5em;
    position:relative;
}

#TrefferCounterContainer{
    position:absolute;
    width:80px;
    height:80px;
    right:6%;
    top:2em;
    background:#FF4F4D;
    border-radius:100px;
    color:#fff;
    text-align: center;
    padding:1.5em 2.25% 0 2.25%;
    transform: rotate(15deg);
    font-size:0.9em;
    line-height:1.4em
}

#TrefferCounter{
    font-size:1.8em;
}


#KalenderFilter #calfiter .TagContainer{
    width:100%;
    float:left;
    margin:0.5em 0 1em 6em;
    color:#FF4F4D;
    font-size:1.3em;
    min-height:22px;
}

#KalenderFilter #calfiter #filterTagText{
    float:Left;
    margin:0 0.5em 0 0;
}

#KalenderFilter #calfiter #filterTagDate{
   float:left;
}

#kalender #filterTagPicker{
    width:100%;
    float:left;
    margin:3em 0 1em 0;
    padding:0 0 0 0;
}

#kalender #filterTagPicker .filterPickerLeft{
    width:49%;
    float:left;
    background:rgba(255,255,255,0.8);
    background:#FF4F4D;
    margin:0 1% 1em 0;
    padding:1.25em 2.5% 1em 2.5%;
    border-radius:0.5em;
    position:relative;
}

#kalender #filterTagPicker .filterPickerLeft:before{
    content:"\f2f5";
    font-family: 'Font Awesome 6 Pro';
    color:rgba(255,255,255,0.7);
    position:absolute;
    transform:rotate(0deg);
    font-size:1.25em;
    font-weight:300;
    top:0.7em;
    right:4%
}


#kalender #filterTagPicker .filterPickerRight:before{
    content:"\e66c";
    font-family: 'Font Awesome 6 Pro';
    color:rgba(255,255,255,0.7);
    position:absolute;
    transform:rotate(0deg);
    font-size:1.25em;
    font-weight:300;
    top:0.7em;
    right:5%
}


#kalender #filterTagPicker .filterPickerRight{
    width:49%;
    float:left;
    background:rgba(255,255,255,0.8);
    background:#FF4F4D;
    margin:0 0 1em 1%;
    padding:1.25em 2.5% 1em 2.5%;
    border-radius:0.5em;
    position:relative;
}


#kalender #filterTagPicker  label{
    width:10%;
    float:left;
    color:#555;
    color:#fff;
    font-size:0.9em;
    margin:0 4% 0.75em 0;


}






#kalender .filterPickerLeft #pickerDatum1,
#kalender .filterPickerRight #pickerDatum2{
    width:100%;
    float:left;
    color:#555;
    font-size:0.9em;
    margin:0 0 0 0;
    border:none
}

#kalender #filterCat{
    width:100%;
    float:left;
    color:#FF4F4D;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

#kalender #filterCat h3{
    width:101%;
    float:left;
    font-size:1.3em;
    color:#FF4F4D;
    margin: 0 0 0.5em 0;
}

#kalender #filterCat .filterCatItem{
    width:32.33%;
    height:90px;
    float:left;
    font-size:0.9em;
    color:#fff;
    background:#FF4F4D;
    border-radius:0.5em;
    margin:0 1% 0.2em 0;
    padding:1em 2.5% 0.25em 2.5%;
    position:relative;
    text-align:center;
}

#kalender #filterCat .filterCatItem.kat365:before{
    content:"\f5ca";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:10%;
    bottom:0.7em;
    color:#fff;
    font-size:1.25em;
    font-weight:300;
}


#kalender #filterCat .filterCatItem.kat364:before{
    content:"\f66f";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:10%;
    bottom:0.7em;
    color:#fff;
    font-size:1.25em;
    font-weight:300;
}

#kalender #filterCat .filterCatItem.kat363:before{
    content:"\f45f";
    font-family: 'Font Awesome 6 Pro';
    position:absolute;
    right:10%;
    bottom:0.7em;
    color:#fff;
    font-size:1.25em;
    font-weight:300;
}





#kalender #filterCat .filterCatItem input{
   position:absolute;
    bottom:0.5em;
    left:40%;
    font-size:1em;
    color:#fff;
    background:#FF4F4D;
    border-radius:0.25em;
    margin:0 0 0.2em 0;
    padding:0.25em 2% 0.25em 2%;


}

#kalender #filterCat .filterCatItem input[type="checkbox"] {
  width: 1.5em;
  height: 1.5rem;
  accent-color:#FF4F4D;
}





#kalender #calfiltertextDIV{
    width:100%;
    float:left;
    margin:0em 0 1em 0;
    padding:0 0 0.75em 0;
    border-bottom:2px dotted #FF4F4D;
}

#kalender #calfiltertextDIV label{
    width:101%;
    float:left;
    font-size:1.3em;
    color:#FF4F4D;
    margin: 0 0 0.5em 0;
}

#kalender #calfiltertextDIV label:after{
    content:"mindestens 5 Zeichen";
    font-size:0.65em;
    float:right;
    margin: 0 0.5em 0 0;
}


#kalender #calfiltertext{
    width:100%;
    float:left;
    margin:0em 0 1em 0;
    padding:0.25em 2.5% 0.25em 2.5%;
    border:3px solid #FF4F4D;
    border-radius:0.5em;
}


#KalenderLeft #MonatsChoose {
    float: right;
    margin: 11px 0 0 0;
    width: 60%;
    color: #fff;
    text-transform: uppercase;
}


#KalenderLeft #MonatsChoose span {
    width: 60%;
    display: block;
    float: left;
    text-align: center;
}

#KalenderFilter #KalenderLeft{
    float:left;
    width:50%;
    padding:2em 5% 2em 5%;
    margin:0 0 0 0;
    background:#FF4F4D;
    height:553px;
    border-radius:1.5em;
    position:relative;
    /*! overflow:hidden */
}

#KalenderFilter #KalenderLeft:after{
    content:"\e102";
    font-family: 'Font Awesome 6 Pro';
    color:rgba(255,255,255,0.2);
    position:absolute;
    transform:rotate(0deg);
    font-size:4.5em;
    font-weight:300;
    bottom:0.65em;
    right:0.2em
}

#KalenderLeft #Kalenderblatt{
    float:left;
    width:100%;
    padding:0 0 0 0;
    margin:3.25em 0 0 0;

}

#KalenderLeft #Kalenderblatt table{
    float:left;
    width:100%;
    padding:0 0 0 0;
    margin:0 0 0 0;
}

#KalenderLeft #Kalenderblatt table td{
    width:14.2%;
    float:left;
    padding:0 0 0 0;
    margin:0 0 0.75em 0;

}

#KalenderLeft #Kalenderblatt table td div.kalentry button{
    width:53px;
    height:53px;
    float:left;
    padding:0.5em 0 0.25em 0;
    margin:0 0 0 0;
    background:#fff;
    border:none;
    border-radius:3em;
    font-size:0.95em;
    line-height:1.3em;
}

#KalenderLeft #Kalenderblatt table td div.kalentry button.aktiv{
    background:#fff;
    border:4px solid rgba(0,0,0,0.25);
    border-radius:3em;
    font-size:0.95em;
    line-height:1.3em;
}

#KalenderLeft #Kalenderblatt table td div.kalentry button .num{
    font-weight:bold;
}



#KalenderLeft #Kalenderblatt table td div.kalentry .dayBlank{
    width:53px;
    height:53px;
    float:left;
    padding:0.5em 0 0.25em 0;
    margin:0 0 0 0;
    background:rgba(255,255,255,0.6);
    border:none;
    border-radius:3em;
    font-size:0.95em;
    text-align: center;
    color:#555;
}


#MonatsChoose{
    width:100%!important;
    text-align:center;
}

#MonatsChoose span{
    text-align:center;
    width:70%!important;
    font-size:1.5em;
    padding:0.5em 0 0 0;
}

button.monat_left,
button.monat_right{
    background:none;
    border:none;
    color:#fff;
    font-size:2.2em
}

button.monat_left{
    width:15%;
    float:left;
}

button.monat_right{
    float:right;
    width:15%;
}



/*  Popup   */

.popover {
  background-color:rgba(255,255,255,0.9);
  color: #212529;
  border:none;
  border-radius:0.5em;
  padding:1.5em 2.5% 0.5em 2.5%;
  font-size:0.9em;
  z-index:1000;
  box-shadow:10px 10px 30px rgba(0,0,0,0.3);
  position:relative;
}

.popover:after {
  content:"\f2d3";
   font-family: 'Font Awesome 6 Pro';
   font-size:2em;
    position:absolute;
    top:0.6em;
    color:#FF4F4D;
    right:2.5%;
}

.popover-header {
    font-size:1.4em;
    color:#FF4F4D;
    margin: 0 0 0.25em 1em;
}

.popover-body {

  color: #212529;

}

/**** Grundlegende Button-Style *****/

.btn {
    padding: 8px 16px;
    /*! background-color: #007bff; */
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
}

.btn:hover {
    /*background-color: #0056b3;*/
}

/* Popover-Stile */
.popover-content {
    display: none; /* Anfangs unsichtbar */
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 12px;
    width: 200px;
    z-index: 9999;
    font-size: 14px;
    color: #333;
}

/* Pfeil für das Popover */
.popover-content:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    top: -6px; /* Positioniere den Pfeil oberhalb des Popovers */
    left: 50%;
    margin-left: -6px; /* Center den Pfeil */
}

/* Popover-Position */
.popover-top {
    bottom: 100%; /* Zeigt das Popover oberhalb des Buttons */
    left: 50%;
    transform: translateX(-50%);
}

/* Aufruf von Popover oben */
.popover-top:after {
    top: 100%;
    border-top: none;
    border-bottom: 6px solid #ccc;
}

/* Weitere Positionen wie `popover-left`, `popover-right`, etc. können ebenfalls hinzugefügt werden */
.fade{
    opacity:1
}


/* PAgination */

#NewsWidget nav {
   width: 82%;
   margin:0em 9% 3em 9%;
    float:left;
    position:relative;
}





@media (max-width: 1175px) {
#KalenderFilter #KalenderLeft{
    width:50%;
    padding:2em 5% 2em 5%;
    height:480px;
    border-radius:1.5em;
    font-size:90%;
}

#KalenderLeft #Kalenderblatt{
    margin:2.25em 0 0 0;
}

#KalenderLeft #Kalenderblatt table td div.kalentry button{
    width:45px;
    height:45px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
    line-height:1.3em;
}

#KalenderLeft #Kalenderblatt table td div.kalentry .dayBlank{
    width:45px;
    height:45px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
}

#KalenderFilter #calfiter{
    width:50%;
    padding:3em 4% 2em 4%;
    height:480px;
    border-radius:1.5em;
    font-size:90%
}


#kalender #filterCat .filterCatItem{
    height:80px;
    font-size:0.9em;
    margin:0 1% 0.2em 0;
    padding:1em 2.5% 0.25em 2.5%;

}

#TrefferCounterContainer{
    width:60px;
    height:60px;
    right:6%;
    top:2em;
    padding:1.5em 2.25% 0 2.25%;
    font-size:0.8em;
    line-height:1.4em
}

#TrefferReset button{
    width:60px;
    height:60px;
    left:6%;
    top:2em;
    padding:1.5em 1.75% 0 1.75%;
    font-size:0.7em;
    line-height:1em;
}

}


@media (max-width: 1024px) {
#KalenderFilter #KalenderLeft{
    width:50%;
    padding:2em 3% 2em 3%;
    height:440px;
    border-radius:1.5em;
    font-size:80%;
}

#KalenderLeft #Kalenderblatt table td div.kalentry button{
    width:45px;
    height:45px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
    line-height:1.3em;
}

#KalenderLeft #Kalenderblatt table td div.kalentry .dayBlank{
    width:45px;
    height:45px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
    line-height:1.3em;
}

#KalenderFilter #calfiter{
    width:50%;
    padding:3em 3% 2em 3%;
    height:440px;
    border-radius:1.5em;
    font-size:80%
}

#KalenderFilter #calfiter .TagContainer{
    width:100%;
    float:left;
    margin:0.5em 0 0em 6em;
    color:#FF4F4D;
    font-size:1.3em;
    min-height:22px;
    visibility:hidden;
}


.NewsWidgetOne.col-xs-4 {
    width: 45.7%;

}




}

@media (max-width: 900px) {
#KalenderFilter #KalenderLeft{
    width:50%;
    padding:2em 3% 2em 3%;
    height:400px;
    border-radius:1.5em;
    font-size:75%;
}

#KalenderLeft #Kalenderblatt{
    margin:1.75em 0 0 0;
}

#KalenderLeft #Kalenderblatt table td div.kalentry button{
    width:41px;
    height:41px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;

}

#KalenderLeft #Kalenderblatt table td div.kalentry .dayBlank{
    width:41px;
    height:41px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
}

#KalenderFilter #calfiter{
    width:50%;
    padding:3em 3% 2em 3%;
    height:400px;
    border-radius:1.5em;
    font-size:75%
}

#kalender #filterCat .filterCatItem{
    height:70px;
    font-size:0.9em;
    line-height:1.3em;
    margin:0 1% 0.2em 0;
    padding:1em 2.5% 0.25em 2.5%;

}


.NewsWidgetOne.col-xs-4 {
    width: 45.7%;

}

}

@media (max-width: 767px) {



#KalenderFilter {
  float: left;
  width: 100%;
  padding:2em 5% 2em 5%;
  margin:0 0 0 0;
  background:none;
  position:relative;
}

#kalender h2 {
  float: left;
  width: 100%;
  padding:0.5em 5% 0em 5%;
  margin:0 0 0 0;
  background:none;
}

#kalender .NewsWidgetOuter {
    width:100%!important;
    padding:0 4% 0 5%;
    margin: 0 0 0 0;
    float: left;
    background::selectionRed;
}

.dsmid_523602 .NewsWidgetOuter,
.dsmid_523604 .NewsWidgetOuter{
    width:92%!important;
    padding:2em 3% 0 5%;
    margin: 0 0 0 0;
    float: left;
    background:none;
}

.NewsWidgetOne.col-xs-4 {
    width: 48.6%;
}

/* Pagination */

#NewsWidget nav {
   width: 90%;
   margin:0em 5% 3em 5%;
    float:left;
    position:relative;
}

#dscolumn1_1 h1, #dscolumn1_1 h1.dstitle_1, #dscolumn1_1 h2.dstitle_1, #dscolumn1_2 h1.dstitle_1, #dscolumn1_2 h2.dstitle_1 {
  font-size: 40px;
  line-height: 47px;
  float: left;
  width: 90%;
  padding: 1em 5% 0.5em 5%;
}

#dscolumn1_1 .dsbody_1 .tippFilter {
    width: 90%;
    margin: 0 5% 0 5%;
}



}


@media (max-width: 640px) {

#KalenderFilter #calfiter{
    width:100%;
    padding:3em 3% 2em 3%;
    height:500px;
    border-radius:1.5em;
    font-size:100%
}

#KalenderFilter #KalenderLeft{
    width:100%;
    padding:2em 3% 2em 3%;
    height:500px;
    border-radius:1.5em;
    font-size:100%;
}

#KalenderLeft #Kalenderblatt{
    margin:2.25em 0 0 0;
}

#KalenderLeft #Kalenderblatt table td div.kalentry button{
    width:50px;
    height:50px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
    line-height:1.3em;
}

#KalenderLeft #Kalenderblatt table td div.kalentry .dayBlank{
    width:45px;
    height:45px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
}



#kalender #filterCat .filterCatItem{
    height:80px;
    font-size:0.9em;
    margin:0 1% 0.2em 0;
    padding:1em 2.5% 0.25em 2.5%;

}

#TrefferCounterContainer{
    width:80px;
    height:80px;
    right:6%;
    top:2em;
    padding:1.5em 2.25% 0 2.25%;
    font-size:0.9em;
    line-height:1.4em
}

#TrefferReset button{
    width:80px;
    height:80px;
    left:6%;
    top:2em;
    padding:1.5em 1.75% 0 1.75%;
    font-size:0.8em;
    line-height:1em;
}


#kalender .NewsWidgetOuter {
    width:100%!important;
    padding:0 4% 0 5%;
    margin: 0 0 0 0;
    float: left;
    background::selectionRed;
}

.NewsWidgetOne.col-xs-4 {
    width: 99%;
    height:430px;
}



#dscolumn1_1 .dsbody_1 .tippFilter .news-button {
    color: #FF4D52;
    background-color: transparent;
    font-family: 'Axiforma-Regular', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    border: 2px solid #FF4D52;
    padding: 10px 18px 8px 18px;
    border-radius: 50px;
    display: inline-block;
    width: 100%!important;
    height: fit-content;
    text-transform: none;
    margin:0 0 1em
}



}


@media (max-width: 480px) {

#KalenderFilter #calfiter{
    width:100%;
    padding:3em 3% 2em 3%;
    height:460px;
    border-radius:1.5em;
    font-size:90%
}

#KalenderFilter #KalenderLeft{
    width:100%;
    padding:2em 3% 2em 3%;
    height:460px;
    border-radius:1.5em;
    font-size:90%;
}

#KalenderLeft #Kalenderblatt{
    margin:2.25em 0 0 0;
}

#KalenderLeft #Kalenderblatt table td div.kalentry button{
    width:45px;
    height:45px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
    line-height:1.3em;
}

#KalenderLeft #Kalenderblatt table td div.kalentry .dayBlank{
    width:40px;
    height:40px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
}



#kalender #filterCat .filterCatItem{
    height:80px;
    font-size:0.9em;
    margin:0 1% 0.2em 0;
    padding:1em 2.5% 0.25em 2.5%;

}

#TrefferCounterContainer{
    width:70px;
    height:70px;
    right:6%;
    top:2em;
    padding:1.5em 2.25% 0 2.25%;
    font-size:0.85em;
    line-height:1.4em
}

#TrefferReset button{
    width:70px;
    height:70px;
    left:6%;
    top:2em;
    padding:1.5em 1.75% 0 1.75%;
    font-size:0.75em;
    line-height:1em;
}


.NewsWidgetOne.col-xs-4 {
    height:420px;
}


}


@media (max-width: 370px) {

#KalenderFilter #calfiter #filterTagText {
  display:none
}

#KalenderFilter #calfiter #filterTagDate {
  position:relative;
    left:7%
}

#KalenderFilter #calfiter{
    width:100%;
    padding:3em 3% 2em 3%;
    height:450px;
    border-radius:1.5em;
    font-size:80%
}

#KalenderFilter #KalenderLeft{
    width:100%;
    padding:2em 3% 2em 3%;
    height:370px;
    border-radius:1.5em;
    font-size:80%;
}

#KalenderLeft #Kalenderblatt{
    margin:2.25em 0 0 0;
}

#KalenderLeft #Kalenderblatt table td div.kalentry button{
    width:36px;
    height:36px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
    line-height:1.3em;
}

#KalenderLeft #Kalenderblatt table td div.kalentry .dayBlank{
    width:40px;
    height:40px;
    padding:0.5em 0 0.25em 0;
    font-size:0.9em;
}



#kalender #filterCat .filterCatItem{
    height:80px;
    font-size:0.9em;
    margin:0 1% 0.2em 0;
    padding:1em 2.5% 0.25em 2.5%;

}

#TrefferCounterContainer{
    width:70px;
    height:70px;
    right:6%;
    top:2em;
    padding:1.5em 2.25% 0 2.25%;
    font-size:0.85em;
    line-height:1.4em
}

#TrefferReset button{
    width:70px;
    height:70px;
    left:6%;
    top:2em;
    padding:1.5em 1.75% 0 1.75%;
    font-size:0.75em;
    line-height:1em;
}


.NewsWidgetOne.col-xs-4 {
    height:400px;
}

}




.popover-content {
    position: absolute!important;
    padding:2em 2.5% 2em 2.5%;
    background-color: rgba(255,255,0255,0.95);
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: none; /* Startet als unsichtbar */
    z-index: 99999!important;
    width:300px;
    border-radius:1em;
    font-size:0.9em;
    line-height:1em
}

.popover-content:before{
content:"\f05a";
   font-family: 'Font Awesome 6 Pro';
   font-size:4em;
    position:absolute;
    bottom:0.5em;
    color:rgba(0,0,0,0.05);
    right:1.5%;
}

.popover-content ul li{
    margin:0;
    padding:0 0 0.25em 0!important;

}