/* cmsms stylesheet: normal modified: Montag, 30. März 2026 17:54:34 */
@import url("/fonts/font.css");

* {
margin : 0;
padding : 0;
}
html, body {
text-align : center;
font-family : "Open Sans", Arial, Helvetica, Verdana, lucida;
color : #1f283b;
font-size : 100%;
padding : 0;
line-height : 150%;
}
hr {
color: gray;
margin: 1em 0 1em 0;
}
@media screen {
#menu-mob {
display : none;
}
}
.skiplink{
position:absolute;
top:-9999px;
left:-9999px;
font-size:0;
line-height:0;
}
#headwrapper {
width : 100%;
height : auto;
background : #4a4a49;
text-align : center;
}
#midwrapper {
width : 100%;
height : auto;
text-align : center;
}
#toggleStyleSwitcher {
cursor : pointer;
}
h1, h2, .description h2 {
color : #7aab22;
font-size : 200%;
margin : 1em 0 0.5em 0;
line-height : 120%;
font-family : "Open Sans Condensed";
}
h2, .description h3 {
font-size : 130%;
color : #1f283b;
margin-top : 1.5em;
font-family : "Open Sans Condensed";
}
.description h3 {
margin-bottom : 0.5em;
}
.cont-gr {
width : 90%;
padding : 2em;
background : #F0F6EA;
margin : 2em 0 2em 0;
}
.cont-gr h3 {
color : #7aab22;
margin-top : 0;
}
.copy {
font-size: 75%;
margin-top: 2em;
}

.text-li {
float : left;
width : 47%;
margin-top : 1em;
margin-right : 5%;
}
.text-re {
float : left;
margin-top : 1em;
width : 45%;
}
.thumb {
display : inline;
width : 100% !important ;
}
.previous {
position : absolute;
left : 2em;
top : 2em;
width : 2em !important ;
z-index : 150 !important ;
}
.exit {
position : absolute;
top : 2em !important ;
right : 2em;
width : 1.2em !important ;
}
.closeall {
position : absolute;
width : 100%;
height : 100%;
display : block;
z-index : 100 !important ;
}
.tp {
top : 4px;
}
.next {
position : absolute;
right : 50%;
top : 2em;
width : 2em !important ;
z-index : 150 !important ;
}
#thumblist {
position : relative;
overflow : hidden !important ;
display : flex;
flex-wrap : wrap;
text-align: left;
justify-content : left;
padding : 0;
}
.pic {
display : flex;

width : 26%;
margin : 0 3em 2em 0;
font-size : 100% !important ;
font-style : normal !important ;
text-align : left;
justify-content : left;
display : inline-block;
vertical-align : middle;
}
.uber {
width : 38%;
margin : 0 5% 5% 0;
padding : 0 3% 3% 3%;
border : gray dotted 2px;
}
.bl {
width: 100%;
}
.item-title {
color : #1f283b;
font-weight : bold !important ;
font-size : 110%;
margin : 0.5em 0 0.5em 0;
font-family : 'Open Sans Condensed';
}
.pic span {
color : #fff;
background : #7aab22;
width : 94%;
padding : 0.5em;
display : block;
}
.lightbox2 {
position : fixed;
display : block;
overflow : hidden;
z-index : 101;
width : 100%;
min-height : 100% !important ;
height : auto !important ;
height : 100% !important ;
overflow-y : scroll;
top : 0;
left : 0;
background : rgb(0, 0, 0, 0.8);
opacity : 0;
pointer-events : none;
text-align : center !important ;
transition : all 0.3s;
scrollbar-width : none;
}
.lightbox2::-webkit-scrollbar {
display : none;
}
.lightbox2 img {
margin-top : 2em;
float : left;
}
.lightbox2:target {
opacity : 1;
pointer-events : auto;
}
.description {
position : relative;
z-index : 150 !important ;
width : 70%;
max-width : 800px;
min-height : 20em;
margin-left : auto;
margin-right : auto;
margin-top : 1em;
margin-bottom : 3em;
padding : 6em 5em;
background : #fff;
text-align : left;
}
.description ul {
margin-bottom : 1em !important ;
}
.teampic {
width: 100%;
}
.description figure {
width : 40% !important;
float: right !important;
margin : 2em 0 0 1em !important;
text-align: center;
font-size: 80%;
color: #7a7b7e;
}
.description h3 {
font-size : 130%;
}
#content ul, #content ol {
margin : 1em 0 1em 1em;
}
.item-title {
font-size : 115%;
font-weight : normal;
}
#wrapper {
width : 84%;
max-width : 1200px;
position : relative;
margin : 0 auto;
text-align : left;
margin-top : 2em;
}
a {
text-decoration : none;
}
#header {
position : relative;
height : 4.5em;
width : 84%;
max-width : 1200px;
text-align : left;
margin : 0 auto;
}
#barriere {
height : auto;
position : absolute;
bottom : 0.8em;
}
.fontsm {
background : #fff;
color : #000;
font-size : 70%;
padding : 0.3em 0.5em 0.3em 0.5em;
border : #000 solid 1px;
}
.fontbg {
background : #000;
color : #fff;
font-size : 110%;
padding : 0.3em 0.5em 0.3em 0.5em;
border : #fff solid 1px;
margin : 0 2px 0 2px;
}
#barriere a {
color : #dbddd9;
display : block;
padding : 0.6em;
}
#kontaktimp {
float : right;
position : absolute;
right : 0;
bottom : 1em;
}
#kontaktimp a {
color : #dbddd9;
padding-bottom : 0.4em;
display : block;
}
#headline {
clear : both;
float : left;
width : 55%;
height : auto;
margin-top : 4%;
color : #4a4a49;
font-size : 100%;
text-align : center;
font-style : italic;
font-family : "droid serif";
}
#headline img {
width : 70%;
height : auto;
margin-bottom : 5%;
}
#headline h1 {
color : #4a4a49;
font-size : 100%;
font-weight : normal;
text-align : center;
font-style : italic;
font-family : "droid serif";
}
.subline {
transform : rotate(-1.7deg);
margin-top : -1.5em;
}
#foto figure {
width : 33%;
float : right;
margin-left : 7%;
margin-top : 5%;
font-size: 80%;
color: #7a7b7e;
}
#foto img {
width : 100%;
height : auto;
}
p {
margin : 1em 0 1.25em;
}
#content {
position : relative;
clear : both;
padding : 0.3em 0 6em 0;
top : 2em;
border-top : 2px dotted #7aab22;
height : 100%;
}
.smallcont {
float: left;
width: 65%;
}
.sidebar {
float: left;
width: 30%;
margin-top: 2em;
padding-left: 5%;
}
.sidebar ul {
list-style-type: none;
border-left: 1px solid lightgray;
font-size: 90%;
}
.sidebar li {
padding-left: 1.8em;
margin-left: 1em;
}

.sidebar a, .sectionheader {
display: block;
background-color: #f5fbea;
background-repeat: no-repeat;
background-position: 0.8em 1.4em;
background-size: 18px auto;
color: #000 !important;
margin-bottom: 3px;
padding:0.15em 5% 0.15em 1.5em;
text-decoration: none !important;
}
.sidebar a:hover {
transition : background 0.5s ease;
background-color: #7aab22;
color: #fff !important;
}
.sidebar a.currentpage {
background-color: #7aab22;
color: #fff !important;
}
.sectionheader {
background: #4a4a49;
color: #fff !important;
margin-left: 2.75em !important;
padding-left: 1.5em !important;
}
.det {
padding-right : 25% !important ;
}
#content a {
color : #7aab22;
font-style : italic;
}
#content li a {
color : #7aab22;
font-style : italic;
}
#content2 li ul {
list-style-type : none;
}
.nextprev{
width: 100%;
text-align: center;
padding-top: 1em;
}
.nextprev a {
font-style: normal !important;
}
.menwrapp {
width : 100%;
text-align : center;
background : #7aab22;
display : block;
height : 2em;
}
#menu {
float : left;
clear : both;
width : 100%;
font-size : 100%;
margin : 0 auto;
position : relative;
text-align : center;
width : 100%;
background : #7aab22;
}
#menu ul {
list-style-type : none;
margin : 0 auto;
margin-bottom : 0.8em;
width : 84%;
max-width : 1200px;
position : relative;
}
#menu li {
float : left;
}
#menu a {
display : block;
color : #fff;
padding : 0.3em 0.5em 0.2em 0.8em;
}
#menu a:hover {
background : #dbddd9;
color: #4a4a49;
transition : background 1s ease;
}
#menu a.currentpage {
background: #4a4a49;
color : #dbddd9;
}
#menu ul li ul {
margin-left : 15%;
font-size : 90%;
}
.sub {
list-style-type: none;
margin: 0.5em 0 0.5em 0;
}
.sub li {
float: left;
margin: 0 0.5em 0.5em 0;
}
#footer {
background : #4a4a49;
color : #fff;
padding : 4em;
font-size: 90%;
}
#footer a {
color : #f8f8f5;
}
#footer a {
color : #f8f8f5;
line-height : 140%;
}
#footer ul {
list-style-type : none;
}
.item {
padding : 2%;
overflow : auto;
margin-bottom : 2%;
clear : both;
border : gray dotted 2px;
}

.bild {
height : 9em;
width: auto;
overflow : hidden;
}
.bild img {
width : 100%;
height: auto;
}
label {
float: left;
padding: 0.5em;
margin-right: 0.5em;
}
select, input, textarea {
background: none;
border: 1px solid lightgray;
padding: 0.5em;
float: left;
margin: 0 0.5em 1em 0;
}

.search-button, .cms_submit {
padding: 0.5em;
background: #7aab22;
color: #fff;
border: 1px solid #7aab22;
}
@media screen and (max-width: 50em) {
#headline img {
width : 70% !important ;
}
.item-title {
font-size : 130%;
}
.smallcont, .sidebar {
float: none;
width: 100%;
border: none !important;
padding: 0 !important;
margin-top: 0 !important;
}
.sidebar {
padding-left: 0 !important;
margin: 0 !important;
}
.sidebar ul {
border-left: none !important;
margin: 0 !important;
padding: 0 !important;
width: 90%;
}
.sidebar li {
margin-left: none !important;
}

.subline {
font-size : 110%;
}
.pic {
width : 100%;
height : auto;
margin-right : 0;
}
#headline, #foto {
float : none;
}
.bild {
height : auto;
overflow : auto !important ;
}
.kurztext a {
display: block;
color: #000 !important;
margin-bottom: 1em;
}
.description {
width: 85%;
padding: 5% !important;
}
.cont-gr {
width: 80%;
}
#wrapper {
width : 98%;
height: auto;
border: none;
margin: auto 0;
margin-left: 2%;
min-height: 0;
}
#headline img {
width : 100%;
}
.subline {
padding-top : 1em !important;
}
#menu, #kontaktimp {
display : none;
}
#foto figure, #foto-start, #headline {
float : none;
width : 98%;
}


#foto figure {
margin : 0;
}
#content img {
width : 100%;
height: auto;
}
#content {
width : 95%;
float : none;
}

#menu-mob {
display : block !important;
position : absolute;
top : 0;
right: 0;
width : 100% !important ;
}
.sidenav {
display : block;
height : 100%;
width : 0%;
position : fixed !important ;
z-index : 999999 !important ;
top : 0;
left : 0;
background-color : #fff;
overflow-x : hidden !important ;
transition : 0.5s;
padding-top : 60px;
margin-bottom : 60px;
}
.sidenav a {
padding : 8px 8px 8px 32px;
text-decoration : none;
font-size : 120%;
color : #000;
display : block;
transition : 0.3s;
}
.sidenav a:hover, .offcanvas a:focus {
color : #f1f1f1;
background : none;
}
.sidenav .closebtn {
position : absolute !important ;
top : 0.5em;
right : 25px;
font-size : 36px;
margin-left : 50px;
}
#menu-mob ul {
list-style-type : none;
margin-bottom : 5%;
float : none;
}
#menu-mob li {
float : none;
margin : 0;
}
#foto {
float: none !important;
padding-top: 2em 
!important;
}
.ham {
position: absolute;
right: 1em;
top: 1.2em;
width: 2em;
display: block;
}
}
@media screen and (max-width: 450px) {
.kontrastlabel {
display: none;
}
}