/* ----------------------------------------------------------------------------- */
/* Diese Datei enthält CSS Angaben die nicht über SASS kompiliert werden.
/* ----------------------------------------------------------------------------- */
.text-mittel{
    font-size: 2.25rem;
    font-weight: bold;
    margin: 20px 0px;
	line-height: 1em;
}

.text-gross{
    font-size: 8rem;
    font-weight: bold;
    margin: 20px 0px;
	line-height: 1em;
}

body{position: relative;overflow-x:hidden;}

/** Weins�den **/
.c-meta__weinsueden img {
	width: 40%;
	float: right;
	margin-right: 0.5em;
	border-right: 3px solid #1b4683;
	padding-right: 0.5em;
}

/** Iframe Online Terminvereinbarung */
#bookingFrame{min-height:700px;}

.hinweis-rot{
	background: #e50046;
    color: #fff;
    text-align: center;
    display: flex;
	font-weight: 600;
    align-items: center;
    font-size: 1.25rem;
    justify-content: center;
	margin-bottom: 60px;
}


.hinweis-gruen{
	background: #ffde14;
    color: #fff;
    text-align: center;
    display: flex;
	font-weight: 600;
    align-items: center;
    font-size: 1.25rem;
    justify-content: center;
	margin-bottom: 60px;
}
.hinweis-gruen .clearDvv{display:none;}

.hinweis-gruen a:hover,.hinweis-gruen a:focus{
    color:#fff;
}

.hinweis-rot .clearDvv{display:none;}

.hinweis-button a {
    background: #002647;
    color: #fff;
    text-align: center;
    display: flex;
    font-weight: 600;
    align-items: center;
    font-size: 1.25rem;
    justify-content: center;
    margin-bottom: 60px;
    padding: 15px 30px;
    transition: all 0.3s ease 0s;
}

.hinweis-button a:hover,
.hinweis-button a:focus {
    background: #002647;
    color: #fff;
    text-decoration: none;

}

.hinweis-button a:before {
    color: #fff;
    content: "\f054";
    font-family: FontAwesome;
    font-size: 18px;
    margin-right: 15px;
    outline: 0px;
}

/** Formular Reset **/
button[type="reset"], input[type="reset"] {
	display: inline-block;
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
	background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
	color: #444;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	cursor: default;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	height: 38px;
	line-height: 38px;
	min-width: 54px;
	padding: 0 8px;
	text-decoration: none;
}

#node2558370 .basecontent-form-editor .formElement div.radiobuttons input, #node2558370 .basecontent-form-editor .formElement div.checkboxes input {margin-top: 0.5em;}



/* Energiemonitor */ 
#netzebwiframescontainer {
    width: 100%;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 0px;
}

.iframe-wrapper {
    overflow: hidden !important;
    /*width: 95%;*/
    width: 100%;
    margin: auto;
}

.iframe-container {
    border: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    display: block;
}

.h-310 {
    height: 310px;
}

#stoerungframe {
    height: 310px;
}


#startscreenframe {
    height: 300px;
}

#endscreenframe {
    height: 700px;
}

#energiemonitorframe {
    height: 1100px;
}

.chartarrows {
    font-size: 4em;
}

.chartresize {
    width: 400px;
    height: 400px;
}


@supports not (contain: inline-size) {

    /* tablet - fallback for old browsers*/
    @media (pointer: coarse) and (max-width: 890px) {
        #endscreenframe {
            height: 730px;
        }

        #startscreenframe {
            height: 450px;
        }

        #energiemonitorframe {
            height: 2500px;
        }
    }

    @media (pointer: coarse) and (max-width: 590px) {
        #startscreenframe {
            height: 600px;
        }

        #energiemonitorframe {
            height: 2500px;
        }

        #endscreenframe {
            height: 700px;
        }
    }
}

@supports (contain: inline-size) {
    @container (max-width: 10100px) {
        #startscreenframe {
            height: 300px;
        }

        #endscreenframe {
            height: 700px;
        }

        #energiemonitorframe {
            height: 1100px;
        }

        .chartarrows {
            font-size: 4em;
        }

        .chartresize {
            width: 400px;
            height: 400px;
        }
    }

    @container (max-width: 1300px) {
        .chartarrows {
            font-size: 3em;
        }

        .chartresize {
            width: 350px;
            height: 350px;
        }
    }

    @container (max-width: 1225px) {
        #startscreenframe {
            height: 330px;
        }
    }

    @container (max-width: 1200px) {
        .chartresize {
            width: 330px;
            height: 330px;
        }
    }

    @container (max-width: 1158px) {
        #startscreenframe {
            height: 370px;
        }
    }

    @container (max-width: 1158px) {
        #energiemonitorframe {
            height: 2380px;
        }
    }

    @container (max-width: 1100px) {
        #energiemonitorframe {
            height: 2380px;
        }

        .chartresize {
            width: 300px;
            height: 300px;
        }
    }

    @container (max-width: 1020px) {
        #startscreenframe {
            height: 430px;
        }
    }

    @container (max-width: 890px) {
        #endscreenframe {
            height: 730px;
        }

        #startscreenframe {
            height: 440px;
        }
    }

    @container (max-width: 830px) {
        #endscreenframe {
            height: 1450px;
        }
    }

    @container (max-width: 800px) {
        #startscreenframe {
            height: 450px;
        }
    }

    @container (max-width: 530px) {
        #startscreenframe {
            height: 520px;
        }
    }

    @container (max-width: 450px) {
        #startscreenframe {
            height: 580px;
        }

        #energiemonitorframe {
            height: 2415px;
        }
    }

    @container (max-width: 400px) {
        #startscreenframe {
            height: 620px;
        }

        #energiemonitorframe {
            height: 2455px;
        }
    }

    @container (max-width: 340px) {
        #startscreenframe {
            height: 660px;
        }

        #energiemonitorframe {
            height: 2460px;
        }
    }
}

/* Zusatz Energiemonitor */
#node2761918 .l-content__inner {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

#node2761918 #app >span+div{width:100% !important;}

#node2761918 .basecontent-html-ausgabe{padding-top:60px;}

/* Radiobuttons in Formular*/
.basecontent-form-editor .formElement div.radiobuttons input {margin-top: 0.6em;}

/* Tabelle horizontal Scrollen */
.basecontent-table {overflow-x: scroll;}

/* Abweichende Farben für Königshöfer Messe, TK-2645185 31.8.23 fv */
/* --------------------------------------------------------------- */
/* funktionslinks trenner */
.id-home-1784019 .c-meta__weinsueden img {border-right:3px solid #f3c132;}
.id-home-1784019 .weatherBox .kopf {border-left:3px solid #f3c132;}
/* aktive nav level 1 */
.id-home-1784019 .page-header__main-navigation .sf-menu > li.ebene1.currentParent > a,
.id-home-1784019 .page-header__main-navigation .sf-menu > li.ebene1 > a.active {border-bottom:7px solid #f3c132;color:#f3c132;}
/* nav level 1 hover */
.id-home-1784019 .page-header__main-navigation .sf-menu li.ebene1.sfHover > a, .id-home-1784019 .page-header__main-navigation .sf-menu li.ebene1:hover > a {border-bottom:7px solid #f3c132;color:#f3c132;}
/* stage hinterleger */
.id-home-1784019.home .l-page__hero .bx-wrapper .boxChild + .boxChild h2 {background:#f3c132cc;}
/* breadcrumb */
.id-home-1784019 .breadcrumb__icon {background:#f3c132;}
.id-home-1784019 .c-breadcrumb .wayhome a {color:#f3c132;}
.id-home-1784019 .c-breadcrumb .wayhome a:hover {color:#f3c132;}
/* Links generell */
.id-home-1784019 a:hover {color:#f3c132;}
/* pm uebersicht */
.id-home-1784019 .presse-uebersicht .pm-meldung span.schlagwort {color:#f3c132;}
.id-home-1784019 .presse-uebersicht a.pm-teaser-more {background:#f3c132;}
/* pm topnews */
.id-home-1784019 .pm-topnews span.schlagwort {color:#f3c132;}
.id-home-1784019 .pm-topnews .pm-detaillink {background:#f3c132;}
/* pm detail */
.id-home-1784019 .composedcontent-presse-lauda-koenigshofen .basecontent-schlagwort {color:#f3c132;}
.id-home-1784019 .pm-parentRubrik a {background:#f3c132;}
/* footer */
.id-home-1784019 .l-page__footer-secondary {background:#f3c132;}
.id-home-1784019 .l-page__footer-secondary a:hover {color:#000;}

.topthemen h1{
    margin-top: -20px;
}

@media only screen and (max-width: 600px) {
    .topthemen h1 {
        margin-top: 0px;
    }
  }


/* Abweichende Farben für Tourismus, TK-3052114 08.10.24 SSL */
/* --------------------------------------------------------------- */

.page-header__main-navigation .sf-menu li.ebene1.sfHover > a, .page-header__main-navigation .sf-menu li.nav_1657112.ebene1:hover > a {
	background: none;
	color: #85bb22;
	border-bottom: 7px solid #85bb22;
}

.page-header__main-navigation .sf-menu >  li.nav_1657112.ebene1 > a.active {
	color: #85bb22;
	border-bottom: 7px solid #85bb22;
}

.page-header__main-navigation .sf-menu > li.nav_1657112.ebene1.currentParent > a {
	border-bottom: 7px solid #85bb22;
}

.knot_1657112 .breadcrumb__icon {
	background: #85bb22;
	padding: 13px;
	color: #fff;
	margin-right: 10px;
	height: 100%;
}

.knot_1657112 .c-breadcrumb .wayhome a {
	color: #004387;
	font-size: 16px;
}

.knot_1657112 .c-breadcrumb .wayhome a:hover, .knot_1657112 .c-breadcrumb .wayhome a:active, .knot_1657112 .c-breadcrumb .wayhome a:focus {
	color: #85bb22;
	text-shadow: 0px 2px 5px #fff;
}

.knot_1657112 .l-sidebar__navigation a:hover, .knot_1657112 .l-sidebar__navigation a:active, .knot_1657112 .l-sidebar__navigation a:focus, .knot_1657112 .sidebar-inner-info a:hover, .knot_1657112 .sidebar-inner-info a:active, .knot_1657112 .sidebar-inner-info a:focus {
	color: #85bb22;
}

.knot_1657112 a:hover, .knot_1657112 a:active, .knot_1657112 a:focus {
	color: #85bb22;
}

.knot_1657112 .l-page__footer-secondary a:hover, .knot_1657112 .l-page__footer-secondary a:active, .knot_1657112 .l-page__footer-secondary a:focus {
	color: #fff;
}

.l-page__footer .basecontent-table {
    overflow-x: auto;
}


.extendedSearch{display:none;}
.searchDiv span button{margin-left:0;margin-top:24px;margin-right: 0;}

.dateiGroesse {
    display: inline;
}

.mm-menu_theme-white.mm-menu_keyboardfocus a:focus {
    background: rgba(0, 0, 0, .03);
    text-decoration: underline;
}
#lpSeite .kontakt span.bezeichnung,
#lpSeite .kontakt *:before {
  vertical-align: top;
}