/*NAME: */
/*COMMENT: */


/*--------------------------------------------------------------------------
This Stylesheet can be edited by hand.
N.B. Changes not compatible with Firefox may however be overwritten if changes
are later made with the Wysiwyg Css-Editor using FF, since these will be ignored.
--------------------------------------------------------------------------*/

body{font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5em; background-color: rgb(254, 253, 253); padding: 0px; margin: 0px;}

#page{position: relative; margin: 20px auto 0px; background-color: rgb(254, 253, 253); width: 100%;}

#logodiv{position: relative; max-width: 900px; margin: auto;}

#bannerImgDiv img{width: 100%; display: block;}

#primnav{display: inline-block; margin-left: 20px;}

#primnav li{float: left; margin-right: 10px; list-style-type: none; margin-left: 0px; padding: 0px 4px; transition-property: background-color, color; transition-duration: 0.5s; display: inline-block;}

#primnav ul{padding: 0px; margin: 0px;}

#primnav a{text-decoration: none; font-size: 1em; color: rgb(102, 102, 102);}

#primnav ul ul{opacity: 0; position: absolute; visibility: hidden; transition: visibility 0s linear 0.5s, opacity 1s ease 0s; box-shadow: rgb(180, 179, 179) 2px 2px 3px; background-color: rgb(204, 153, 102); z-index: 1000;}

#primnav ul ul li{float: none; padding: 4px 8px; width: 100%; box-sizing: border-box;}

#primnav li:hover > ul{opacity: 1; visibility: visible; transition-delay: 0s;}

#primnav ul ul ul{top: 10px; left: 90%;}

#primnav li.current{background-color: rgb(53, 153, 54);}

#menuwidget{display: none;}

#content{max-width: 900px; margin: auto; padding-bottom: 40px;}

#content_container{padding-top: 25px;}

#content_container div.errorbox{border: 2px solid rgb(226, 46, 46); background-color: rgb(236, 235, 165); width: 300px; margin: 0px 0px 40px; box-shadow: rgb(94, 94, 94) 2px 2px 4px; padding: 8px;}

#footer{min-height: 50px; width: 100%; background-color: rgb(180, 179, 179); margin-bottom: 40px;}

#footerContainer{max-width: 900px; margin: auto; color: rgb(68, 68, 68); padding: 12px 0px;}

#footerContainer .col{display: inline-block; white-space: nowrap; box-sizing: border-box;}

#footerContainer a{text-decoration: none;}

#footer #footerContainer a{color: rgb(68, 68, 68);}

#footerContainer a:hover{text-decoration: underline; color: rgb(115, 141, 252);}

#nlform input{display: inline-block; margin: 5px 0px; background-color: rgb(180, 179, 179); border-radius: 5px;}

#url-inactive{position: fixed; z-index: 1000000; border: 2px solid rgb(226, 46, 46); background-color: rgb(236, 235, 165); top: 100px; left: 30%;}

#logo{max-width: 90%;}

#footerContainer .col.foot30{min-width: 28%; padding-right: 10px;}

#footerContainer .foot20{min-width: 20%;}

img#logo{margin-right: 60px;}

h1{color: rgb(53, 153, 54);}

#content h1::after{content: url("/pics/titel-streifen.jpg"); margin-top: 10px; display: block; max-width: 80%;}

#footerContainer p{margin: 3px 0px;}

#zitatMotto{position: absolute; width: 100%; bottom: 30px;}

#zitatMotto div{max-width: 900px; margin: auto; text-align: right; font-weight: bold; font-size: 24px; color: rgb(240, 240, 240); text-shadow: rgb(136, 136, 136) 1px 1px 2px; padding-right: 12px;}

#bannerImgDiv{position: relative;}

#primnav li:hover{background-color: rgb(204, 102, 68);}

#primnav > li:hover a{color: rgb(254, 253, 253);}

#primnav > ul > li:hover > a{color: rgb(254, 253, 253);}

#primnav .current a{color: rgb(254, 253, 253);}

.grid-2-col h3{color: rgb(53, 153, 54);}

.grid-2-col > div{background-color: rgb(244, 244, 244); padding: 2px 12px;}

.grid-1-col h3{color: rgb(53, 153, 54);}

.grid-1-col > div{background-color: rgb(244, 244, 244); padding: 1px 12px; margin-bottom: 20px;}

h2{font-size: 28px; color: rgb(102, 102, 102); padding-bottom: 10px;}

.grid-2-col div:nth-child(1){margin-right: 3%;}

#ablauf-mediation{max-width: 100%;}

#fblock{position: fixed; left: 9px; top: 43px; background-color: rgb(236, 235, 165); padding: 8px;}

.backend{outline: rgb(0, 136, 34) dashed 3px;}

#cookie-erlaubnis{position: fixed; width: 100%; bottom: 0px; left: 0px; padding: 10px; background-color: rgb(102, 102, 102); color: rgb(244, 244, 244); text-align: center;}

.peek-a-boo li{height: 25px; overflow: hidden; margin-bottom: 25px; transition-property: height; transition-duration: 0.3s;}

.peek-a-boo strong{cursor: pointer;}

a{text-decoration: none; color: rgb(53, 153, 54);}

#content #slide-container div{display: inline-block; width: 900px; white-space: normal; box-sizing: border-box; padding: 15px; vertical-align: top;}

#content #slide-container{position: absolute; white-space: nowrap; transition: left 0.8s ease 0s; left: 0px;}

#content #slide-wrapper{position: relative; width: 900px; overflow: hidden; height: 220px;}

#slider-links h4{font-weight: normal; font-size: 15px; text-align: center; background-color: rgb(125, 181, 76); border: 2px solid rgb(242, 242, 226); border-radius: 18px; color: white; height: 100px; width: 100px; line-height: 18px; padding: 10px 5px; font-family: "Arial Narrow", Helvetica, sans-serif;}

#slider-links td{vertical-align: top; padding: 6px; cursor: pointer;}

#slider-links h4 strong{font-size: 20px; font-weight: normal;}

#slider-links td:hover h4{color: rgb(227, 254, 102);}

#slider-links-box{padding: 40px 0px; background-image: url("/images/Mediation-bg.png");}

.frame{border: 1px solid rgb(53, 153, 54); padding: 3px;}

.only-mobile{display: none;}