* {
    margin:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
    width:100%;
    height:100%;
    overflow:hidden;
}
body {
    font:16px 'Open Sans',sans-serif;
}
.noscroll {
    overflow:hidden;
}
nav.UnterseitenmenuMobileAnzeige{
    display:none;
}
nav.UnterseitenmenuMobileAnzeige > h1 {
    font-size:12pt;
}
/*
h1 {
    margin-bottom:20px;
    font-size:28px;
    color:#64a724;
}*/
h1 {
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    background-color:#64a724;
    font-size:24px;
    color:#fff;
    font-weight:700;
}

h2 {
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    background-color:#64a724;
    font-size:18px;
    color:#fff;
    font-weight:700;
}
h2.Format2 {
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    background-color:#0000ff;
    font-size:18px;
    color:#fff;
    font-weight:700;
}
h3 {
    color:#64a724;
    margin-bottom:10px;
    padding-top:8px;
    padding-bottom:8px;
    text-align:left;
    background-color:#ffffff;
    font-size:20px;
    font-weight:bold;
}
p {
    margin-bottom:10px;
}
a {
    text-decoration:none;
    color:#f69f1c;
    transition:0.3s;
    -webkit-transition:0.3s;
}
a:hover {
    color:#64a724;
}
strong {
    font-weight:700;
}

#wrapper {
   /* width:100%;*/
    min-height:100%;
    position:relative;
    float:none;
/*    padding-top:70px;*/
}
#container {
    padding-right:15px;
    padding-left:15px;
    padding-top:0px;
    padding-bottom:0px;
}


#left{
    position:relative;
    top:0px;
    left:0px;
    padding:0px;
	margin:0px;
	width:var(--left-breite);
	height:100vh;
	max-height:100vh;/* calc(100vh - var(--head-hoehe)); Berechne die Höhe des linken Balken: Höhe Monitor - Höhe Header */
/*	display:table;*/
    overflow-y:auto;
	
}
#left > .inside {
	/* padding-right: 60px; */
	height:100%;
}

#main {
    width: calc(100% - var(--left-breite) - var(--right-breite));/**clamp(300px,80vw,1400px)*/
    display:inline-block;
    float:none;
    height:100vh;
    overflow:scroll;
    overflow-x:hidden;
}
#main > .inside {
    margin-left:60px;
    margin-right:60px;
    margin-bottom:60px;
}

#main ul {
    margin-left:20px;
    list-style-type: disc;
}

#right{
    width: var(--right-breite);  /*clamp(300px,80vw,140px);*/
    display:inline-block;
    float:right;
    margin:0px;
    padding:0px;
    height:100vh;
}
#right > .inside {
    height:100%;
}

.blubb {
    height:2000px;
}
.logo-header {
    display:none;
}
.banner img {
    width:100%;
}
.layout_full:after,
.teiler:after {
    width:50%;
    height:2px;
    display:block;
    margin:20px auto;
    content:"";
    background:#d5d5d5;
}
.layout_full img {
    margin-bottom:10px;
}
.layout_full.last {
    margin-bottom:0;
}
.layout_full.last:after {
    display:none;
}
.event .info {
    margin-bottom:0;
    font-size:18px;
    font-weight:700;
}
.ce_accordionStart {
    margin-top:20px;
}
.ui-accordion-header {
    padding:10px 20px;
    text-align:center;
    border-bottom:1px solid #5a9621;
    color:#fff;
    background:#64a724;
    font-weight:700;
}
.ui-accordion-header:hover {
    background-color:#5a9621;
    cursor:pointer;
}
.ui-accordion-header:before {
    float:left;
    font-size:20px;
    color:#fff;
    content: "+";
    font-weight:700;
    transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.ui-accordion-header.active:before {
    -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg);
}
.seitenleiste {
    background:#64a724;
    height:100%;
}
#kontaktdaten {
    padding:30px 0;
    text-align:center;
    background:-moz-linear-gradient(top,#64a724,#4c801c);
    background:-webkit-linear-gradient(top,#64a724,#4c801c);
    background:-o-linear-gradient(top,#64a724,#4c801c);
    background:-ms-linear-gradient(top,#64a724,#4c801c);
    background:linear-gradient(to bottom,#64a724,#4c801c);
    -pie-background:linear-gradient(top,#64a724,#4c801c);
    line-height:24px;
    color:#fff;
    font-weight:300;
}
#kontaktdaten .headline {
    margin-bottom:10px;
    font-size:20px;
    font-weight:700;
}
#kontaktdaten a {
    color:#fff;
}
.facebook a,
.youtube a,
.instagram a {
    display:block;
    padding-top:15px;
    padding-bottom:15px;
    text-align:center;
    font-size:36px;
    color:#fff;
    font-weight:700;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.facebook a {
    background-color:#405999;
}
.youtube a {
    background-color:#f3131d;
}
.instagram a {
    background:#f69f1c;
}
.facebook a:hover {
    background-color:#364b80;
}
.youtube a:hover {
    background-color:#d9111b;
}
.instagram a:hover {
    background-color:#db8d18;
}
.ce_youtube .caption {
    margin-bottom:10px;
}
.ce_youtube + .ce_youtube {
    margin-top:30px;
}
.accordion .ce_youtube:first-child figcaption {
    margin-top:20px;
}
.sec-nl {
    margin-bottom:20px;
}
.sec-nl.last {
    margin-bottom:0;
}
.ce_accordionSingle {
    margin-top:20px;
}
.ce_accordionSingle img {
    /*width:100%;*/
    max-width:500px;
}
.mod_subscribe,
.mod_unsubscribe {
    margin-bottom:30px;
}
.mod_subscribe input,
.mod_unsubscribe input {
    width:100%;
    height:40px;
    display:block;
    padding:0 15px;
    border:1px solid #ccc;
}
.mod_subscribe .submit,
.mod_unsubscribe .submit {
    display:inline-block;
    margin-top:10px;
    padding:6px 20px;
    text-align:center;
    background-color:#f69f1c;
    border:1px solid #db8d18;
    border-radius:4px;
    font-size:16px;
    color:#fff;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.mod_subscribe .submit:hover,
.mod_unsubscribe .submit:hover {
    background-color:#db8d18;
}
.mod_subscribe .confirm,
.mod_subscribe .error,
.mod_unsubscribe .confirm,
.mod_unsubscribe .error {
    font-size:24px;
    font-weight:700;
    color:#64a724;
}
.ui-accordion-content > div > p {
    margin-top:20px;
}
.mp table {
    width:100%;
    margin-top:20px;
    border-collapse:collapse;
}
.mp table tr:first-child td {
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    color:#fff;
    background:#64a724;
    font-weight:700;
}
.mp tr td[colspan="3"] {
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid;
    border-bottom:1px solid;
    border-color:#f69f1c;
}
.mp td {
    width:33.33333333%;
    padding-top:5px;
    padding-bottom:5px;
    vertical-align:middle;
    text-align:right;
}
.mp td:first-child {
    text-align:left;
}
.mp tr:nth-child(odd) td {
    background-color:#fff;
}
.mp tr:nth-child(even) td {
    background-color:#f8f8f8;
}
.mp td span {
    white-space:nowrap;
}

.mptabellescrollbar {
    overflow-x: scroll;
}

.lag-prax {
    display:block;
}