html { padding: 0px; margin: 0px; background-color: #001201; scroll-behavior: smooth; }
body { padding: 0px; margin: 0px; }
* { text-decoration : none; border: 0px; color: black;
font-size: large; font-family: Verdana, Century Gothic, Arial, Helvetica, sans-serif; }
#cms_wrap { width: 100%; margin: 0px; padding: 0px; overflow:hidden; }
#cms_header { padding:0px 0px 1px 0px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8), inset 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8), inset 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.8), inset 0 0 40px rgba(0, 0, 0, 0.1);
height:50px; position:fixed; width:100%; top:0; left:0; z-index: 9999; font-size:normal;
background: rgb(252,217,146);
background: -moz-linear-gradient(left, rgba(252,217,146,.6) 0%, rgba(250,202,114,.8) 100%);
background: -webkit-linear-gradient(left, rgba(252,217,146,.6) 0%,rgba(250,202,114,.8) 100%);
background: linear-gradient(to right, rgba(252,217,146,.6) 0%,rgba(250,202,114,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd992', endColorstr='#faca72',GradientType=1 );
}
img#openmenu { width: 30px; margin: 10px 30px 10px 10px; float:right; cursor:pointer}
img#message { width: 23px; margin: 15px 10px 10px 10px; float:right}
#cms_content { clear:both; padding: 0px 20px 60px 20px; min-height:45vh; overflow:hidden; width:calc(100% - 40px); max-width: 100%;
background-color:white; line-height: 150%; text-align: justify;
}
img#up { position:fixed; width: 30px; top: calc(100vh - 150px); left: calc(100% - 60px); display:none; cursor:pointer}
#cms_footer { padding: 40px 20px 60px 20px; margin:0px; width:calc(100% - 40px);
text-align:center; color:white; min-height:100px; overflow:hidden;
-webkit-box-shadow: inset 0 0 40px rgba(255, 255, 255, 0.5), 0px 0px 6px #000000; -moz-box-shadow: inset 0 0 40px rgba(255, 255, 255, 0.5), 0px 0px 6px #000000; box-shadow: inset 0 0 40px rgba(255, 255, 255, 0.5), 0px 0px 6px #000000;
background-color:#E1A73E}
#cms_footer a { font-weight:normal; color:white; font-size:normal; }
#cms_footer a:hover { color:yellow }
#cms_footer .editicon { display: block; float: right;}
#cms_footer img { width: 30px; margin: 0 5px 0px 5px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
#cms_footer .flexitem:nth-child(1) { width:20%; padding-top:30px}
#cms_footer .flexitem:nth-child(2) { width:60%; background-color:#eabf75; padding: 50px 10px 50px 10px; margin: 0 30px 0 30px }
#cms_footer .flexitem:nth-child(3) { width:20%; padding-top:30px;}
#cms_footer .flexitem:nth-child(3) li { text-align:right; }
#cms_footer img#sitelogo { width: 70%; margin-bottom:20px}
/* MENU ****************************************************************************/
/******** HMENU ***********************/
#cms_hmenu { overflow:hidden; float:right;}
#cms_hmenu a { font-weight:normal; margin: 0px; font-style:normal}
#cms_hmenu ul { margin:0px 10px 0px auto; padding:0px; float:right; overflow:hidden; }
#cms_hmenu li { z-index:1; display: inline-table; list-style-type: none; cell-spacing: 0px; border-collapse:separate;
border-bottom:0px solid transparent; color:#8D5B39; margin:0; margin-right:-6px;
padding: 17px 28px 15px 25px; font-size:15px}
#cms_hmenu li:first-child { margin-left:0px; padding-left:30px}
#cms_hmenu li:hover {
-webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.6), inset 0 0 40px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.6), inset 0 0 40px rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(255, 255, 255, 0.6), inset 0 0 40px rgba(255, 255, 255, 0.5); }
#cms_hmenu li td { color:white; font-size:90%;}
#cms_hmenu li td:last-child{ font-size:80%; font-style: italic}
#cms_hmenu li a { color:white; font-weight:normal; font-size:15px }
#cms_hmenu li a:hover { }
#cms_hmenu li.menu_active {
-webkit-box-shadow: inset 0 0 40px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 0 40px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 40px rgba(255, 255, 255, 0.5);
}
#cms_hmenu li ul.submenu { display:none; width:auto; z-index:2; position:absolute; padding-top:15px;
border: 0; margin-top:15px; margin-left: -26px; padding-bottom:10px;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
background: rgb(252,217,146);
background: -moz-linear-gradient(left, rgba(252,217,146,1) 0%, rgba(250,202,114,.9) 100%);
background: -webkit-linear-gradient(left, rgba(252,217,146,1) 0%,rgba(250,202,114,.9) 100%);
background: linear-gradient(to right, rgba(252,217,146,1) 0%,rgba(250,202,114,.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd992', endColorstr='#faca72',GradientType=1 );}
#cms_hmenu li:first-child ul.submenu { margin-left:-30px }
#cms_hmenu li ul.submenu li { color:white; display: block; background:transparent; margin:0; padding:25px 25px 0px 15px; cursor:pointer; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#cms_hmenu li ul.submenu li td:last-child { color:white; text-align:right; font-size:80%; vertical-align: bottom; }
#cms_hmenu li ul.submenu li:hover { text-decoration: underline; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#cms_hmenu li ul.submenu li:last-child { padding-bottom:20px; -moz-border-radius:0px 0px 2px 2px; -webkit-border-radius:0px 0px 2px 2px; -khtml-border-radius:0px 0px 2px 2px; border-radius:0px 0px 2px 2px; }
#cms_hmenu li ul.submenu li:first-child { padding-top: 10px; -moz-border-radius:0px 2px 0px 0px; -webkit-border-radius:0px 2px 0px 0px; -khtml-border-radius:0px 2px 0px 0px; border-radius:0px 2px 0px 0px; }
#cms_hmenu li:hover .submenu { display : block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#cms_hmenu li ul.submenu li a { color: black; }
#cms_hmenu li ul.submenu li a:hover { border:0; text-decoration:underline; }
#cms_hmenu li ul.submenu li.menu_active { border: 0;}
#cms_hmenu li ul.submenu li.menu_active a { text-decoration:underline}
#cms_hmenu ul.submenu li.rechtliches { display:none;}
/******** VMENU ********************/
#cms_vmenu { background:#4E94BF; position:fixed; width:calc(40% - 20px);
top: 51px; left: 60%;
overflow-y:scroll; min-height: calc(100vh - 51px);
padding-right: 20px; max-height: calc(100vh - 51px); z-index:200;display: none;
background: -moz-linear-gradient(left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=1 );}
#cms_vmenu ul { margin:10px 0px 10px 10px; padding:0px; float:left; width:auto; }
#cms_vmenu li { color:white; z-index:1;display: block; list-style-type: none; padding: 5px 10px 10px 10px; }
#cms_vmenu li td:last-child { color:white; text-align:right; font-size:80%; vertical-align: bottom; }
#cms_vmenu li a { color:white; font-weight:normal; font-style: normal}
#cms_vmenu li a:hover { color:yellow;}
#cms_vmenu li.menu_active { text-decoration: underline; }
#cms_vmenu li ul.submenu { display:block; width:auto; z-index:1; position:relative; float:none; margin:0px 0px 0px 8px;
background:transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#cms_vmenu li ul.submenu li { display: block; background:transparent; margin:0; padding:10px 15px 0px 5px; cursor: pointer;}
#cms_vmenu li ul.submenu li:hover { color:yellow; }
#cms_vmenu li ul.submenu li:last-child { }
#cms_vmenu li ul.submenu li:first-child { }
#cms_vmenu li:hover .submenu { display : block; }
#cms_vmenu li ul.submenu li a { color:white }
#cms_hmenu .rechtliches { display:block;}
/********************************************/
/* NAV ****************************************************************************/
.nav { background-image: url(images/home.png); background-repeat: no-repeat; background-position: 10px 50%; background-size:20px;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; -khtml-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;
padding-left:40px;
margin-right:auto;
width: -webkit-max-content; width: -moz-max-content; width: max-content;
font-size: small;
margin: 60px auto 20px 0px; }
.nav li, .nav li
{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; background-image: none;
display: inline-table;
border-left: 1px solid rgba(0, 0, 0, 0.2);
padding: 8px 20px 8px 20px;
font-size: small; }
.nav a { font-weight: bold; font-size: small; font-style:normal;}
.nav a:hover { text-decoration: underline; color:black }
/* ADMIN ****************************************************************************/
.editlinks { margin-top: -4px; float:right; border:0; }
.editicon, img.editicon, img.editnew, img.editmenu { float:right; width:16px; height:16px; max-width:16px; max-height:16px; margin-right:10px; box-shadow:none; padding:0; display:initial }
.editicon:hover, img.editnew:hover, img.editmenu:hover { cursor: pointer; }
#msg { display: none; background-color: #F0F0EE; padding:10px; position:fixed; top:0; left:0; z-index:99}
.legend { text-align:left; color:black; font-weight: normal; width:auto; }
#editoring { margin-top:60px}
#editoring input, #editoring select, #editoring textarea {
width:calc(100% - 14px); padding:6px; border:0;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.1);
}