/* cmsms stylesheet: 36_Grad_Layout modified: Freitag, 5. September 2025 13:11:51 */











/* =====================================
BASIC STYLES
===================================== */
body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: rgb(0,0,0);
    line-height: 1.4;
    font-weight: 300;
}
/* add some space inside the boxed container */
#boxed .container {
    padding: 0 1%
}
a img {
    border: none
}
.right {
    float: right
}
.left {
    float:left
}
/* if image needs some space add this class to img tag
 * so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />
 */
.spacing {
    margin: 10px
}
.spacing.left {
    margin: 10px 10px 10px 0
}
.spacing.right {
    margin: 10px 0 10px 10px
}
/* or add a 2 px border to image or something, change as you need it */
.border {
    border: 2px solid rgb(74,74,73)
}

/* target IE7 and IE6 */
*:first-child+html pre {
    padding-bottom: 20px;
    overflow-y: hidden;
    overflow: visible;
    overflow-x: auto
}
* html pre {
    padding-bottom: 20px;
    overflow: visible;
    overflow-x: auto
}
/* horizontal ruler */
hr { 
    border: solid rgb(0,0,0); 
    border-width: 1px 0 0 0; 
    clear: both; 
    margin: 10px 0 30px 0; 
    height: 0
}
/* =====================================
COMMON TYPOGRAPHY
===================================== */

/* link default styles */
a { 
    color: rgb(0,0,0);
}
a:visited {  
    color: rgb(0,0,0) 
}
a:hover { 
    color: rgb(0,0,0);
    transition: transform 0.6s ease-out;
    -webkit-transition: color 0.6s ease-out;
    -moz-transition: color 0.6s ease-out;
    -o-transition: color 0.6s ease-out;     
    text-decoration: underline
}
a:focus { 
    outline: thin dotted
}
a:hover, a:active { 
    outline: 0
}

/* default heading styles */
h1, h2, h3,h4, h5, h6 { font-family: 'Roboto', sans-serif; }
h1 { }
h2,h3 {
    font-size: 1.375em;
    text-transform: uppercase;
    font-weight:300;
    background-color: rgb(74,74,73);
    color: #fff;
    line-height: 2.7;
    font-weight: 100;
    letter-spacing: 2px;
    margin-top:0;
    margin-bottom:0;
    text-indent:50px;
}
h2 {
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    box-sizing: border-box;
}
/* blockquotes and cites */
blockquote, 
blockquote p { 
    font-size: 1em 
    line-height: 1.5; 
    color: rgb(0,0,0); 
    font-style: normal;
    font-weight:500;
    margin-left:0;
}
blockquote { }
blockquote cite { 
    display: block; 
    font-size: 1em; 
    color: rgb(0,0,0) 
}
blockquote cite:before { 
    content: "\2014 \0020"; 
}


/* =====================================
LAYOUT
===================================== */
/* wrapping the page in a box */
#wrapper {
}
/* you can switch appearance of the page by adding or removing id #boxed to body tag */
#boxed #wrapper {
    background: #fff;
}
.fullsize {width: 100%;}  
/* ------ HEADER SECTION ------ */
/* if you need height or something for header part add style here */
.header { background:#fff url(https://jugendhilfe-region-hannover.de/uploads/360-Grad/images/cliffhanger2022.jpg) no-repeat 0 0;background-size:cover;height:870px;position: relative;margin-bottom:50px;}
/* header.top h1 { font: 0/0 a;text-shadow: none;color: transparent } */
/* the logo */
.logo { background:#fff url(https://jugendhilfe-region-hannover.de/uploads/360-Grad/images/planb-logo.jpg) no-repeat 0 23px;height:230px;}
.logo img {width:300px;height:auto;}

/*.logo::after {content:'gUG - Haftungsbeschränkt';display:block;position: absolute;left:0; bottom: -5px;color: #6d6d6d;width:100%;text-align:center;}*/
.logo {position:relative;}

.slogan { color:#fff; background: rgba(122,160,75,0.75);margin-top: 50px;height: 180px; }
.slogan p {font-size: 2.8em;line-height: 2.5em;margin:0 0 0 50px;font-weight: 100;}
/* ------ NAVIGATION ------ */
.bg_navi {float:left;width:100%;background-color:#fff;}
.slogan2 { background: rgba(122,160,75,0.75);position: absolute;bottom: 0;right: 0;height: 65px; }
.placeholder {background: #fff;position: absolute;bottom:0;left:0;height: 65px;}
.slogan2 blockquote p {color:#fff;text-transform: uppercase;line-height: 1.1;font-weight: 300;margin: 0px 0px 0px 50px;}
/* first level */
nav.main-navigation {
    z-index: 10;
    height: 70px;
    line-height: 70px;
    background: #fff;
}
nav.main-navigation > ul {
    float: left;
    padding: 0 0 0 50px;
}
nav.main-navigation > ul > li {
    float: left;
    padding: 0;
    margin:0 4px;
    position: relative;
    font-size: 0.9em;
}
nav.main-navigation > ul > li:nth-child(5) {
    margin-right:0!important;
}
nav.main-navigation > ul > li:first-child,
nav.main-navigation > ul > li.first {
    margin-left: 0
}
nav.main-navigation > ul > li:last-child,
nav.main-navigation > ul > li.last,
nav.main-navigation > ul > li.li-kontakt {
    margin-right: 0
}
nav.main-navigation > ul > li > a,
nav.main-navigation > ul > li.sectionheader span {
    color: rgb(0,0,0);
    text-decoration: none;
    font-size: .8125em;
    font-weight: 300;
    cursor: pointer;
    text-transform: uppercase
}

/* navigation text color */
nav.main-navigation ul li li a,
nav.main-navigation ul li li.sectionheader span {
    padding: 6px 12px;
    text-transform: none;
    font-weight: normal;
    font-size: .75em;
    text-decoration: none;
    color: rgb(0,0,0);
    display: block
}
nav.main-navigation > ul > li > a.current {font-weight:500;}
nav.main-navigation > ul > li.last,
nav.main-navigation > ul > li.li-kontakt {
    display: block;background-color: rgba(122,160,75,0.75);
    line-height: 40px;
    padding: 0px 124px 0px 15px;
    height: 40px;
    position: absolute;
    top:70px;
    right:0
}
nav.main-navigation > ul > li.last a,
nav.main-navigation > ul > li.li-kontakt a { 
    color: #fff;
    font-size:1.25em
}
nav.main-navigation.sticky > ul > li {
    background: transparent!important;
}
nav.main-navigation.sticky > ul > li.li-kontakt {
    position: static;
    line-height: 48px;
}
nav.main-navigation.sticky > ul > li.li-kontakt a {
    color: inherit;
    font-size: .75em;
}
nav.main-navigation a.active {font-weight:500;}
nav.sticky {width: 100%!important;margin-left:-1px;border-bottom: 1px solid #ccc;}

/* ------ CONTENT AREA ------ */
.content-wrapper {
    padding-top: 20px
}
/* ------ Modified Grid Layout  ------ */
.container .grid_3,
.container .grid_9 {
    padding:0 1%;
}
.container .grid_4 {width:28.666666%;}
.container .grid_8 {width:71.3333%;}
.container .push_4 {left:28.666666%;}
.container .pull_8 {left:-71.3333%;}
.container h2 {padding-left:28.666666%;margin-top:50px;}
/* ------ CONTENT AREA Custom ------ */
#main.content .row {
    position: relative;
}
#main.content .inner-content {
    box-sizing:border-box;
    padding:2% 4%;
}
#main.content ul,
#main.content ol {
    padding:0;
    list-style: none;
}
#main.content ul li {
    background: #fff url(https://jugendhilfe-region-hannover.de/uploads/360-Grad/images/arrow.png) no-repeat 0 5px;
    padding-left: 3%;
    line-height: 1.7;
}
.aside {float:left;overflow: hidden;margin-top:-60px;}
.aside > p {padding-left:17.441%;}
.aside {}
/* ------ FOOTER AREA ------ */
/* footer wrapper */
.footer {
    display: table;
    widows: inherit;
    width: 100%;
}
.footer * { color: #fff; text-decoration: none }
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:focus,
.footer a:active {color: #fff}



.footer a:hover, {color:#fff;}
.footer .grey {background:rgb(74,74,73);}
.footer .grid_3 {
    display: table-cell;
    float: none;
    border:none;
    vertical-align: top;
    padding: 20px 0 0 20px;
}
.footer .grid_3 {height:210px;}
.footer, .footer p {font-size:1em;line-height: 1.3;font-weight: 100;}
.footer h1 {font-size: 1em;font-weight: 300;}
.footer p {font-size: 0.825em;line-height:1.5;}
.footer .logo {background-position: 0 10px;height:230px;}
.footer .impressum {padding-left:6.3%}
.footer .hannover,
.footer .seelze {
    padding-left:3%
}

/* Scroll to Top */
.scroll-to-top,
#footer_menu ul {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: rgb(100,160,57);
    border-radius: 7px 7px 0 0;
    bottom: 0px;
    display: block;
    height: 9px;
    opacity: 0;
    padding: 10px 0 24px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    width: 49px;
    z-index: 1040;
    color:#000!important;
}
a:hover.scroll-to-top  {}
.scroll-to-top:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    color:#fff;
}

.scroll-to-top.visible,
#footer_menu ul.visible {
    filter: alpha(opacity=75);
    opacity: 0.75;
}

#footer_menu {}
#footer_menu ul {
    list-style: none;
    position: fixed;
    right: 75px;
    bottom: 0px;
    width: 250px;
    margin: 0;
}
#footer_menu ul li {float: left;margin-left: 20px;}
#footer_menu ul li a {color:#fff;}
/* Verlauefe */
/* Gruenverlauf */
.green,
.slogan,
.slogan2,
nav.main-navigation > ul > li.last,
nav.main-navigation > ul > li:last-child,
nav.main-navigation > ul > li.li-kontakt {
background: -moz-linear-gradient(left,  rgba(100,160,57,0.85) 0%, rgba(100,160,57,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(100,160,57,0.85)), color-stop(100%,rgba(100,160,57,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(100,160,57,0.85) 0%,rgba(100,160,57,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(100,160,57,0.85) 0%,rgba(100,160,57,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(100,160,57,0.85) 0%,rgba(100,160,57,0.2) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(100,160,57,0.85) 0%,rgba(100,160,57,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d964a039', endColorstr='#3364a039',GradientType=1 ); /* IE6-9 */

}

.black, h2 {
background: -moz-linear-gradient(left,  rgba(74,74,73,0.7) 0%, rgba(74,74,73,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(74,74,73,0.7)), color-stop(100%,rgba(74,74,73,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(74,74,73,0.7) 0%,rgba(74,74,73,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(74,74,73,0.7) 0%,rgba(74,74,73,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(74,74,73,0.7) 0%,rgba(74,74,73,0.2) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(74,74,73,0.7) 0%,rgba(74,74,73,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b34a4a49', endColorstr='#334a4a49',GradientType=1 ); /* IE6-9 */
}
/* Anpassungen abweichend vom Standartlayout */
/*
div[class^="tocolor-"], div[class*=" tocolor-"] {
    color:red 
}
*/
/*#so-erreichen-sie-uns-in-seelze h2,
#so-erreichen-sie-uns-in-stadthagen h2,
#kontaktformular h2 {
    display: none;
}*/
#so-erreichen-sie-uns .aside,
#so-erreichen-sie-uns-in-seelze .aside,
[id^="so-erreichen-sie-uns-in"] .aside
 {
    margin:0;
}
#main.content #so-erreichen-sie-uns ,
#main.content #so-erreichen-sie-uns-in-seelze,
#main.content #so-erreichen-sie-uns-in-stadthagen div.privacy-msg
#main.content [id^="so-erreichen-sie-uns-in"] {
    margin-bottom: 0;
}
.standort-seelze .header {background-image:url(https://jugendhilfe-region-hannover.de/uploads/360-Grad/images/header-seelze.jpg);}
/* Sticky Header */
nav.nav {  
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

nav.sticky {
    position: fixed;
    top:0;
    line-height: 48px;
    height: 48px; 
    width: 100%;
    background: #fff;
    text-align: left;
    padding-left: 20px;
    z-index:100;
}
/* Google Maps Responsive Anpassung */
.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* sonstige Anpassungen */
.copyright {
    color:rgb(122,160,75);
    margin-top:40px;
    font-size: 85%;
}
.hide_me_special * {
    height:0;
    padding:0!important;
    margin:0;
    line-height: 0;
}
.traditionel .aside { margin-top:0 }
.traditionel .container h2, .traditionel h2.grid_12 {padding-left:0;}

nav.main-navigation > ul > li:after {content:'_';position:absolute;left:50%;bottom:-5%;color:green;font-size:16px;font-weight:700}
nav.main-navigation > ul > li.li-kontakt:after {position:static;content:''}
/* cmsms stylesheet: GoogleFonts modified: Freitag, 5. September 2025 13:16:24 */
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/uploads/360-Grad/fonts/roboto-v30-latin/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* cmsms stylesheet: GoogleMapsPrivacy modified: Montag, 20. Juni 2022 13:31:24 */
#so-erreichen-sie-uns div.privacy-msg { background:url('/uploads/360-Grad/images/gmap-langenhagen.jpg'); background-size: contain;background-repeat:no-repeat}
#so-erreichen-sie-uns-in-stadthagen div.privacy-msg { background:url('/uploads/360-Grad/images/gmap-stadthagen.jpg'); background-size: contain;background-repeat:no-repeat}
#so-erreichen-sie-uns-in-hannover div.privacy-msg { background:url('/uploads/360-Grad/images/gmap-stadthagen2.jpg'); background-size: contain;background-repeat:no-repeat}
div.privacy-msg {
 border: 1px solid #fff;
 background-position: center center;
}
div.privacy-msg p {
 width:80%;
 border: 1px solid #ccc;
 padding: 5px;
 text-align:center;
 position: relative;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 text-align: left;
 color:#222;
 -webkit-box-shadow: 0 10px 6px -6px #777;
 -moz-box-shadow: 0 10px 6px -6px #777;
 box-shadow: 0 10px 6px -6px #777;
 z-index:10;
}
div.privacy-msg p {
 box-sizing:content-box;
 padding:15px;
 background:rgba(255,255,255,0.9)
}
div.privacy-msg input {
 width: auto;
 display:inline-block;
 margin:0 5px 0 0;
 line-height:20px;
 height:20px;
 min-height:auto;
 vertical-align:bottom;
}
div.privacy-map-msg label {
 line-height: 20px;
 display: inline-block;
 color:#005bac;
 vertical-align:bottom;
 margin-bottom:0;
 font-size:14px;
}
div.privacy-map-msg a {
 font-weight: 700;
 color:#005bac;
 display: block;
 margin-top:10px;
 margin-bottom:5px;
 position:relative;
 z-index:10;
}
div.privacy-map-msg br {
 display: none
}
div.privacy-map-msg p a {
 padding: 6px 12px;
 margin-bottom: 0;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.42857143;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 -ms-touch-action: manipulation;
 touch-action: manipulation;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 background-image: none;
 border: 1px solid #ccc;
 border-radius: 0;
}
div.privacy-map-msg p a:hover {
 text-decoration: none;
 color:#fff!important;
 background: #005bac;
}
/* cmsms stylesheet: 36_Grad_Form modified: Samstag, 5. Februar 2022 16:06:05 */
/* Formdefinition allgemein */
legend { font-size:1em; font-weight:300; text-transform:uppercase; margin-bottom:1em; }
fieldset {border:none;padding-left:0;}
label { font-size:1em;}
textarea {font-family: "Roboto",sans-serif; height:100px}
input[type="text"],
input[type="email"],
textarea,
input.cms_submit { background-color:#f2f2f3; padding:5px; margin:0 0 8px 0; border:2px solid #fff; -webkit-box-shadow:0px 1px 2px 0px #B9B9B9 inset; -moz-box-shadow:0px 1px 2px 0px #B9B9B9 inset; box-shadow:0px 1px 2px 0px #B9B9B9 inset; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
input.cms_submit { padding:7px 20px; }
input:hover.cms_submit { color:rgb(195,211,85); }
div.submit {margin-left:1px;}
div.required.fb_invalid label { color:red; }
/* Formdefinition workshop */
.contactform { margin-bottom:60px; }
.contactform input[type="text"],.contactform input[type="email"],
.contactform textarea   {width:100%; }
.contactform p.error   { margin: 0px 0px 0px 20px; float: left; font-size: 0.825em; padding: 0; }
.contactform label  { float: left; width: 99%; }
.contactform select { width: 93%;margin:0 0 15px 0; }
/* only visible in screen readers */
.sr-only, legend,.error_message {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
/* DatenschutzCheckbox und ReCaptcha */
.cms_checkbox {float:left;}
#fbrp__29_1_0 + label {width:calc(100% - 30px);font-size:13px;padding-left:8px;margin-bottom:20px}
.captcha {clear:both;padding:20px 0;font-size:13px}
/* cmsms stylesheet: 36_Grad_SlickNav modified: Dienstag, 25. Januar 2022 11:32:23 */
.slicknav_menu { display:none }

@media screen and (max-width:960px) {
  nav.main-navigation ul,
  nav.sticky,
  .bg_navi  { display:none }
  .slicknav_menu { display:block }
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
 #mobilemenu_container {
  position: relative;
  z-index: 100;
 }
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu { *zoom: 1;position: fixed; right:3%;top:30px;width:100%; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both;float:left;width:100%;position: relative;z-index: 10; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; border-bottom:1px solid #fff; line-height: 2;text-align: center;}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  margin-top:0px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 11px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgb(122,160,75) }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 1em;
  list-style: none;
  overflow: hidden;
  background: rgb(122,160,75)}
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #fff;
      color: #ccc; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      color: #ccc;
      text-shadow: 1px 1px 0px rgba(0,0,0,0.5);}
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

@media screen and (max-width:320px) and (orientation: portrait) {
  .slicknav_menu {

  } 
}
@media screen and (max-width:480px) {
    .slicknav_menu {

  } 
}

@media screen and (min-width:768px) and (max-width:800px) {
  .slicknav_menu {
    right:0;
  }
}
/* cmsms stylesheet: 36_Grad_Kalender modified: Dienstag, 25. Januar 2022 11:32:23 */
table#cal-calendar { float:left; height:500px;min-height:500px; margin:0; width:100%; border-collapse:separate; }
table#cal-calendar td, table#cal-calendar tr, table#cal-calendar th, table#cal-calendar tbody { text-align:left; vertical-align:top; }
table#cal-calendar td { border-right:1px dotted #ccc; }
table#cal-calendar td, table#cal-calendar th {padding:0 2px;font-weight:400;}
table#cal-calendar td.first, table#cal-calendar th.first {  }
table#cal-calendar th.last {padding-right:0; }
table#cal-calendar td.last { padding-right:0; border-right:none; }
table#cal-calendar td.dayrows1, table#cal-calendar th.Di, table#cal-calendar td.dayrows2, table#cal-calendar th.Mi, table#cal-calendar td.dayrows3, table#cal-calendar th.Do, table#cal-calendar td.dayrows4, table#cal-calendar th.Fr { }
table#cal-calendar th { height:40px;width:20%;}
table#cal-calendar th > span {font-weight:100;font-size:85%;display: block;margin-bottom: 20px;}
/*table#cal-calendar th*/
div.event {overflow:auto;padding-bottom:40px;}
span.event_time, span.event_title, span.event_field { display:block; line-height:1.4; padding:0; margin:0; }
span.event_time { font-size:14px; }
span.event_title { font-family:Verdana;font-size:65%; width:100px; font-weight:100; }
span.event_field { color:rgb(0,146,177); text-transform:uppercase; }
span.event_cat { height:16px;width:100%;float:right;margin-top:-36px;background-position:84px 0; }
span.event_cat p { font:0/0 a;color:transparent;text-shadow:none; }
#events_today { width:150px; min-height:310px; position:absolute; bottom:30px; background-color:#fff; margin-left:20px; }
#events_today h5 { padding:10px 20px; text-transform:uppercase; background:rgb(195,211,85); color:#fff; height:20px; width:110px; }
#events_today ul { list-style:none; padding-left:20px; }
#events_today ul li {margin-bottom:4px;}
.calendar-event h2 {background:none;}
.highlight {background-color:#64A039;background-color:rgba(100, 160, 57, 0.85);color:#fff;}
.Sa, .So { display:none; visibility:hidden; width:0; height:0; }
.hour1_6, .hour7_9, .hour10_12, .hour13_15, .hour19_24, .hour16_18 { }
.hour1_6 { height:30px; }
.hour7_9 { height:30px; }
.hour10_12 { height:30px; }
.hour13_15 { height:30px; }
.hour16_18 { height:30px; }
.hour19_24 { height:30px; }

/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */
/* REsponsice Tables */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* Mobile */
@media only screen and (max-width: 1023px) {
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }	
}
/* cmsms stylesheet: 36_barriefreiheit_override modified: Freitag, 5. September 2025 13:25:56 */
/* Barrierefreiheitstemplate */
.copyright {
    color: rgb(55, 100, 0);
    margin-top: 40px;
    font-size: 85%;
}

.hide_me_special * {
    height: 0;
    padding: 0 !important;
    margin: 0;
    line-height: 0;
}

.traditionel .aside {
    margin-top: 0
}

.traditionel .container h2,
.traditionel h2.grid_12 {
    padding-left: 0;
}

/* sr-only: nur für Screenreader sichtbar, visuell ausblenden */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
body.barrierefreiheit .container h2 {margin-top:0;background:#fff;height:auto;position:static;text-indent:0;font-size: initial;text-transform: none;font-weight: 700}
#footer_menu ul li a {
  color: #172014;
}
.slogan p, .slogan h2 {
	font-size: 2.8em;
	line-height: 2.5em;
	margin-top: 50px !important;
	font-weight: 100;
	padding: 0 !important;
	background: transparent;
	text-transform: none;
}
.slogan h2 {color:#000}
nav.main-navigation > ul > li.last a,
nav.main-navigation > ul > li.li-kontakt a { 
    color: #000;
}
blockquote, blockquote p {
  font-size: 1em line-height: 1.5;
  color: rgb(0,0,0);
  font-style: normal;
  font-weight: 500;
  margin-left: 0;
}
.slogan2 blockquote p {
  color: #000;
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: 500;
  margin: 0px 0px 0px 50px;
  text-shadow: 2px 2px 8px #fff;
}
.slogan h2 {
  color: #292a2d;
font-weight:300;
  text-shadow: 2px 2px 8px #fff;
}
.black,
h2 {
    background: -moz-linear-gradient(left, rgba(74, 74, 73, 0.7) 0%, rgba(74, 74, 73, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(74, 74, 73, 0.7)), color-stop(100%, rgba(74, 74, 73, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(74, 74, 73, 0.7) 0%, rgba(74, 74, 73, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(74, 74, 73, 0.7) 0%, rgba(74, 74, 73, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(74, 74, 73, 0.7) 0%, rgba(74, 74, 73, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(74, 74, 73, 0.7) 0%, rgba(74, 74, 73, 1) 100%);
    /* W3C */
}


.green, .slogan, .slogan2, nav.main-navigation > ul > li.last, nav.main-navigation > ul > li:last-child, nav.main-navigation > ul > li.li-kontakt {
  background: -moz-linear-gradient(left, rgba(100,160,57,0.85) 0%, rgba(100,160,57,0.75) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(100,160,57,0.85)), color-stop(100%,rgba(100,160,57,0.75)));
  background: -webkit-linear-gradient(left, rgba(100,160,57,0.85) 0%,rgba(100,160,57,0.75) 100%);
  background: -o-linear-gradient(left, rgba(100,160,57,0.85) 0%,rgba(100,160,57,0.75) 100%);
  background: -ms-linear-gradient(left, rgba(100,160,57,0.85) 0%,rgba(100,160,57,0.75) 100%);
  background: linear-gradient(to right, rgba(100,160,57,0.85) 0%,rgba(100, 160, 57, 0.75) 100%);
}
#footer_menu ul {width:auto;padding-right:1em;}