@charset "UTF-8";
/* CSS Document */
/* fira-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/fira-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/fira-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/fira-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/fira-sans-v17-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/fonts/fira-sans-v17-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/fonts/fira-sans-v17-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/fonts/fira-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/fira-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/fira-sans-v17-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/fira-sans-v17-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/fonts/fira-sans-v17-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/fonts/fira-sans-v17-latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/fonts/fira-sans-v17-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/fira-sans-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/fira-sans-v17-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/fira-sans-v17-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/fonts/fira-sans-v17-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/fonts/fira-sans-v17-latin-500.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/fira-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/fira-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/fira-sans-v17-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/fira-sans-v17-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/fonts/fira-sans-v17-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/fonts/fira-sans-v17-latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fonts/fira-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/fira-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/fira-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/fira-sans-v17-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/fonts/fira-sans-v17-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/fonts/fira-sans-v17-latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Webfonts */

/* General */

    /* Basic */

        html {
            font-size: 62.5%;
        }

        body {
            background-color: #607473;
            color: #FFF;
            font-family: 'Fira Sans', Arial, sans-serif;
            font-size: 1.5em;
            font-weight: 400;
            line-height: 1.6;
            padding: 0;
            margin: 0;
        }

        a {
            color: #78B92D;
        }
        a:hover,
        a:focus,
        a:active {
            text-decoration: underline;
        }

        /* Basic: Navigation */

            .mod_navigation ul,
            .mod_customnav ul {
                list-style: none;
            }
            .mod_navigation li,
            .mod_customnav li {
                margin: 0;
            }
            .mod_navigation a,
            .mod_customnav a {
                text-decoration: none;
            }

        /* Basic: TinyMCE */

        #tinymce.mce-content-body {
            background: #FFF;
            color: #334A49;
        }

    /* Helper */

        .offscreen {
            position: absolute !important;
            top: -6000px !important;
            left: -6000px !important;
            height: 1px !important;
            width: 1px !important;
        }

        /* TinyMCE */

            #tinymce.mce-content-body .offscreen {
                position: static !important;
                top: auto !important;
                left: auto !important;
                height: auto !important;
                width: auto !important;
                opacity: .2 !important;
            }

        .cf:before,
        .cf:after {
            content: " ";
            display: table;
        }

        .cf:after {
            clear: both;
        }

/* Layout */

    #header,
    #intro,
    #container {
        background-color: #FFF;
        color: #334A49;
    }

    #container:before,
    #container:after {
        content: " ";
        display: table;
    }
    #container:after {
        clear: both;
    }

	@media (min-width: 53.125em) {
	    .intro #container > .inside:before {
	    	content: " ";
	    	display: block;
	    	position: absolute;
	    	z-index: 0;
	    	left: 0;
	    	width: 100%;
	    	height: 300px;
	    	background-color: #D7DDDD;
	    }
	}

	@media (min-width: 45.000em) {
	    .zweispaltig #container > .inside {
	        width: 95%;
	        margin: 0 auto;            
	    }
	}
	@media (min-width: 62.500em) {
	    .zweispaltig #container > .inside {
	        width: 93%;
	        max-width: 108.0rem;
	    }
	}

	#main,
	#right {
		position: relative;
		z-index: 1;
	}

	#right {
		padding-bottom: 40px;
	}
	@media (min-width: 62.500em) {
		#right {
			padding-bottom: 50px;
		}
	}

	@media (min-width: 56.250em) {
		.zweispaltig #main {
			float: left;
			width: calc((((100% - 80px) / 5) * 3) + 60px);
		}
	}

	@media (min-width: 56.250em) {
		.zweispaltig #right {
			float: right;
			width: calc((((100% - 80px) / 5) * 2) - 20px);
			max-width: 30.0rem;
			padding-top: 9.0rem;
		}
		.zweispaltig.intro #right {
			padding-top: 350px;			
		}
	}
	@media (min-width: 62.500em) {
		.zweispaltig #right {
			max-width: 32.0rem;
		}
	}	
	@media (min-width: 68.750em) {
		.zweispaltig #right {
			max-width: 34.0rem;
		}
	}

	@media (min-width: 56.250em) {
		.zweispaltig.intro #right:before {
	    	content: " ";
	    	display: block;
	    	position: absolute;
	    	background-repeat: no-repeat;
	    	background-size: 100% auto;
		}
		.eimsbuettel-altona.intro.zweispaltig #right:before {
	    	top: 22px;
	    	left: 15px;
	    	width: 214px;
	    	height: 283px;
	    	background-image: url(/files/images/layout/intro-motiv-eimsbuettel-altona.png);
		}
		.harburg.intro.zweispaltig #right:before {
	    	top: 48px;
	    	right: -3px;
	    	width: 325px;
	    	height: 215px;
	    	background-image: url(/files/images/layout/intro-motiv-harburg.png);
		}
		.winterhude.intro.zweispaltig #right:before {
	    	top: 11px;
	    	left: 25px;
	    	width: 207px;
	    	height: 286px;
	    	background-image: url(/files/images/layout/intro-motiv-winterhude.png);
		}
		.familienrat.intro.zweispaltig #right:before {
	    	top: 17px;
	    	left: calc(50% - 145px);
	    	width: 281px;
	    	height: 273px;
	    	background-image: url(/files/images/layout/intro-motiv-familienrat.png);
		}
		.muetterzeit.intro.zweispaltig #right:before {
	    	top: 47px;
	    	left: 0;
	    	width: 260px;
	    	height: 200px;
	    	background-image: url(/files/images/layout/intro-motiv-muetterzeit.png);
		}
		.onlineberatung.intro.zweispaltig #right:before {
	    	top: 11px;
	    	left: 25px;
	    	width: 207px;
	    	height: 286px;
	    	background-image:none;
		}
	}
	@media (min-width: 62.500em) {
		.harburg.intro.zweispaltig:not(.muetterzeit) #right:before {
	    	top: 35px;
	    	width: 350px;
	    	height: 230px;
		}
	}
	@media (min-width: 68.750em) {
		.harburg.intro.zweispaltig:not(.muetterzeit) #right:before {
	    	top: 26px;
	    	width: 380px;
	    	height: 245px;
		}
	}
    #footer {
        clear: both;
    }

    /* Layout-Vergroesserung */
		#footer:after {
			content: " ";
			display: block;
			max-width: 100%;
			height: 1px;
		}
		@media (min-width: 45.000em) {
			#footer:before {
				width: 72.0rem;
			}
		}
		@media (min-width: 62.500em) {
			#footer:before {
				width: 100.0rem;
			}
		}

    /* TinyMCE */
        #tinymce.mce-content-body {
            max-width: 660px;
            padding: 10px 20px;
            margin: 0 auto;
        }

/* Header */

    /* Header: Basic */

        #header {
            border-top: 6px solid #78B92D;
        }
	   	@media (min-width: 45.000em) {
	        #header {
	            border-top-width: 10px;
	        }
	    }

        .header-logo {
            width: 140px;
            margin: 0 auto;
        }
		@media (min-width: 45.000em) {
	        .header-logo {
	            float: left;
	            width: 250px;       	
	        }
	    }

	    .header-1,
	    .header-2 > .inside {
	        color: #000;
	    }
		@media (min-width: 45.000em) {
		    .header-1,
		    .header-2 > .inside {
		        width: 95%;
		        margin: 0 auto;
		    }
		}
	    @media (min-width: 62.500em) {
		    .header-1,
		    .header-2 > .inside {
		        width: 93%;
		        max-width: 108.0rem;
		    }
	    }

		@media (min-width: 45.000em) {
	        .header-sekundaermenue {
	            float: right;
	            width: calc(100% - 250px);       	
	        }
	    }

    /* Header 1 */

    	.header-logo img {
    		display: block;
    		margin: 14px 0 11px 0;
    	}
		@media (min-width: 45.000em) {
	    	.header-logo img {
	    		margin: 22px 10px 20px -3px;
	    	}
	   	}

	   	.header-sekundaermenue ul {
	   		margin: 0;
	   	}
		@media (min-width: 45.000em) {
	    	.header-sekundaermenue ul {
	    		float: right;
	    		margin: 0 0 0 25px;
	    	}
	    }
    	.header-sekundaermenue li {
    		font-size: 1.7rem;
    		line-height: 2.2rem;
    	}
    	@media (max-width: 44.999em) {
    		.header-sekundaermenue li {
	    		border-top: 1px solid #CFD5D5;
	    	}
    	}
    	@media (min-width: 45.000em) {
	    	.header-sekundaermenue li {
	    		float: left;
	    	}
	    }

        .header-sekundaermenue a,
        .header-sekundaermenue strong {
            position: relative;
            display: block;
            color: #384D4B;
            font-weight: 400;
        }
        .header-sekundaermenue li a:hover,
        .header-sekundaermenue li a:focus,
        .header-sekundaermenue li a:active {
            color: #384D4B;
        }
	    @media (max-width: 44.999em) {
	        .header-sekundaermenue a,
	        .header-sekundaermenue strong {
	        	padding: 7px 10px 6px 10px;
	        }
	    }
	    @media (min-width: 45.000em) {
	        .header-sekundaermenue a,
	        .header-sekundaermenue strong {
	            margin: 10px 10px;
	        }
	        .header-sekundaermenue .last a,
	        .header-sekundaermenue .last strong {
	        	margin-right: 0;
	        }
	        .header-sekundaermenue a:hover:after,
	        .header-sekundaermenue a:focus:after,
	        .header-sekundaermenue a:active:after,
	        .header-sekundaermenue strong.active:after {
	            content: " ";
	            display: block;
	            position: absolute;
	            left: 0;
	            bottom: -8px;
	            width: 100%;
	            height: 1px;
	            border-bottom: 3px solid #78B92D;
	            border-radius: 1px;
	        }
	    }

    /* Header 2 - Hauptmenue und Claim */

    	/* Header 2 - General */

	        .header-2 {
	            background-color: #4E6564;
	            color: #FFF;
	            border-bottom-width: 6px;
	            border-bottom-style: solid;
	            -webkit-font-smoothing: antialiased;
	            -moz-osx-font-smoothing: grayscale;
	        }
	        .startseite .header-2,
	        .global .header-2 {
	            border-bottom-color: #78B92D;;
	        }
	        .eimsbuettel-altona .header-2 {
	            border-bottom-color: #E25962;
	        }
	        .harburg .header-2 {
	            border-bottom-color: #1BB3B3;
	        }
	        .winterhude .header-2 {
	            border-bottom-color: #9178B9;
	        }
	        .familienrat .header-2 {
	            border-bottom-color: #F2BC18;
	        }
	        @media (min-width: 45.000em) {
	        	.header-2 {
	        		border-bottom-width: 10px;
	        	}
	        }

	        .header-2 a {
	            color: #FFF;
	        }

        /* Header - Hauptmenue */

	        @media (min-width: 56.250em) {
		        .header-hauptmenue {
		            float: left;
		            width: calc((((100% - 80px) / 5) * 3) + 60px);
		        }
		    }

		    @media (min-width: 45.000em) {
		        body.intro .header-hauptmenue {
		            position: relative;
		        }
		    }

		    @media (min-width: 59.375em) {
		    	.startseite .header-hauptmenue,
		        .intro .header-hauptmenue {
		            background-image: linear-gradient(90deg, rgba(255,255,255,0) 60%, rgba(255,255,255,.08) 100%);
		        }
		    }

	        .header-hauptmenue ul {
	            margin: 0;
	        }

	        .header-hauptmenue .level_1 > li {
	            font-size: 1.7rem;
	            line-height: 2.2rem;
	        }
	        @media (max-width: 44.999em) {
		    	.header-hauptmenue .level_1 > li:first-child {
		    		display: none;
		    	}
	        	.header-hauptmenue .level_1 > li:not(:nth-child(2)) {
	        		border-top: 1px solid rgba(255,255,255,.4);
	        	}
	        }
	        @media (min-width: 45.000em) {
		        .header-hauptmenue .level_1 > li {
		            float: left;
		            font-size: 1.9rem;
		            line-height: 3.0rem;
		        }
		    }

		    .header-hauptmenue .level_1 > .familienrat {
		    	display: none;
		    }
		    .header-hauptmenue .level_1 > .familienrat.active,
		    .header-hauptmenue .level_1 > .familienrat.trail {
		    	display: block;
		    }

	        .header-hauptmenue .level_1 > li > a,
	        .header-hauptmenue .level_1 > li > strong {
	            display: block;
	            color: #FFF;
	            font-weight: 400;
	        	padding: 7px 10px 6px 10px;
	        }
		    @media (min-width: 45.000em) {
		        .header-hauptmenue .level_1 > li > a,
		        .header-hauptmenue .level_1 > li > strong {
		            background-image: linear-gradient(-180deg, #667D7C 0%, #627978 97%);
		            font-weight: 500;
		            padding: 6px 14px 4px 14px;
		            margin: 4px 4px 0 0;
		            border-radius: 2px 2px 0 0;
		        }
		        .header-hauptmenue .level_1 > li:nth-child(1) > a:hover,
		        .header-hauptmenue .level_1 > li:nth-child(1) > a:focus,
		        .header-hauptmenue .level_1 > li:nth-child(1) > a:active,
		        .startseite .header-hauptmenue .level_1 > li > .forward,
		        .global .header-hauptmenue .level_1 > .first a {
		            background-image: none;
		            background-color: #78B92D;          
		        }
		        .header-hauptmenue .level_1 > li:nth-child(2) > a:hover,
		        .header-hauptmenue .level_1 > li:nth-child(2) > a:focus,
		        .header-hauptmenue .level_1 > li:nth-child(2) > a:active,
		        .eimsbuettel-altona .header-hauptmenue .level_1 > li > .active,
		        .eimsbuettel-altona .header-hauptmenue .level_1 > li > .trail {
		            background-image: none;
		            background-color: #E25962;
		        }
		        .header-hauptmenue .level_1 > li:nth-child(3) > a:hover,
		        .header-hauptmenue .level_1 > li:nth-child(3) > a:focus,
		        .header-hauptmenue .level_1 > li:nth-child(3) > a:active,
		        .harburg .header-hauptmenue .level_1 > li > .active,
		        .harburg .header-hauptmenue .level_1 > li > .trail {
		            background-image: none;
		            background-color: #1BB3B3;
		        }
		        .header-hauptmenue .level_1 > li:nth-child(4) > a:hover,
		        .header-hauptmenue .level_1 > li:nth-child(4) > a:focus,
		        .header-hauptmenue .level_1 > li:nth-child(4) > a:active,
		        .winterhude .header-hauptmenue .level_1 > li > .active,
		        .winterhude .header-hauptmenue .level_1 > li > .trail {
		            background-image: none;
		            background-color: #9178B9;
		        }
		        .header-hauptmenue .level_1 > .familienrat > a:hover,
		        .header-hauptmenue .level_1 > .familienrat > a:focus,
		        .header-hauptmenue .level_1 > .familienrat > a:active,
		        .familienrat .header-hauptmenue .level_1 > li > .active,
		        .familienrat .header-hauptmenue .level_1 > li > .trail {
		            background-image: none;
		            background-color: #F2BC18;
		        }
		    }

	    /* Header - Submenue */

	        .header-hauptmenue-submenue {
	            display: none;
	        }
	        .header-hauptmenue .active.submenu .header-hauptmenue-submenue,
	        .header-hauptmenue .trail.submenu .header-hauptmenue-submenue {
	            display: block;
	        }
	        @media (min-width: 45.000em) {
				.header-hauptmenue-submenue {
		            box-sizing: border-box;
		            position: absolute;
		            z-index: 2;
		            left: 0;
		            width: 100%;
		            -webkit-font-smoothing: auto;
		            -moz-osx-font-smoothing: auto;					
				}
				body:not(.intro) .trail .header-hauptmenue-submenue {
					background-image: linear-gradient(-180deg, #E9ECEC 0%, #E5E8E8 100%);
		            padding: 0 0 1px 0;
				}
			}	

			@media (min-width: 45.000em) {
			    body:not(.intro) .header-hauptmenue-submenue > .inside {
			        width: 95%;
			        margin: 0 auto;            
			    }
			}
			@media (min-width: 62.500em) {
			    body:not(.intro) .header-hauptmenue-submenue > .inside {
			        width: 93%;
			        max-width: 108.0rem;
			    }
			}

			.header-hauptmenue-submenue .level_2:before,
			.header-hauptmenue-submenue .level_2:after {
				content: " ";
				display: table;
			}
			.header-hauptmenue-submenue .level_2:after {
				clear: both;
			}

			.intro .header-hauptmenue-submenue .level_2 {
				padding: 0 0 0 5px;
	            border-bottom: 1px solid #D1D7D7;
			}
			@media (min-width: 56.250em) {
				.intro .header-hauptmenue-submenue .level_2 {
					padding: 0 5px;
				}
			}

			@media (min-width: 45.000em) {
				body:not(.intro) .trail .header-hauptmenue-submenue .level_2 {
		            width: calc((((100% - 80px) / 5) * 3) + 60px);
				}
			}

	        .eimsbuettel-altona .header-hauptmenue-submenue {
	            border-top: 10px solid #E25962;
	        }
	        .harburg .header-hauptmenue-submenue {
	            border-top: 10px solid #1BB3B3;
	        }
	        .winterhude .header-hauptmenue-submenue {
	            border-top: 10px solid #9178B9;
	        }
	        .familienrat .header-hauptmenue-submenue {
	            border-top: 10px solid #F2BC18;
	        }

	        .header-hauptmenue .level_2 > li {
	            font-size: 1.7rem;
	            line-height: 2.2rem;
	        }
	        @media (max-width: 44.999em) {
	        	.header-hauptmenue .level_2 > li {
	        		border-top: 1px solid rgba(255,255,255,.4);
	        	}
	        }
	        @media (min-width: 45.000em) {
		        .header-hauptmenue .level_2 > li {
		            float: left;
		        }
		    }

	        .header-hauptmenue .level_2 > li > a,
	        .header-hauptmenue .level_2 > li > strong {
	            display: block;
	            color: #FFF;
	            font-weight: 400;
	            padding: 7px 10px 6px 30px;
	        }
		    @media (min-width: 45.000em) {
		        .header-hauptmenue .level_2 > li > a,
		        .header-hauptmenue .level_2 > li > strong {
		            position: relative;
		            color: #334A49;
		            padding: 11px 0 9px 0;
		            margin: 0 5px 0 10px;
		        }
		        body:not(.intro) .header-hauptmenue .level_2 > li > a,
		        body:not(.intro) .header-hauptmenue .level_2 > li > strong {
		        	margin: 0 15px 0 0;
		        }

		        .header-hauptmenue .level_2 > li:not(.familienrat):not(.muetterzeit) > a:hover:after,
		        .header-hauptmenue .level_2 > li:not(.familienrat):not(.muetterzeit) > a:focus:after,
		        .header-hauptmenue .level_2 > li:not(.familienrat):not(.muetterzeit) > a:active:after,
		        .header-hauptmenue .level_2 > li:not(.familienrat):not(.muetterzeit) > .active:after,
		        .header-hauptmenue .level_2 > li:not(.familienrat):not(.muetterzeit) > .trail:after {
		            content: " ";
		            position: absolute;
		            bottom: -1px;
		            left: 0;
		            width: 100%;
		            height: 1px;
		        }
		        .eimsbuettel-altona .header-hauptmenue .level_2 > li > a:hover:after,
		        .eimsbuettel-altona .header-hauptmenue .level_2 > li > a:focus:after,
		        .eimsbuettel-altona .header-hauptmenue .level_2 > li > a:active:after,
		        .eimsbuettel-altona .header-hauptmenue .level_2 > li > .active:after,
		        .eimsbuettel-altona .header-hauptmenue .level_2 > li > .trail:after {
		            border-bottom: 3px solid #E25962;
		        }
		        .harburg .header-hauptmenue .level_2 > li > a:hover:after,
		        .harburg .header-hauptmenue .level_2 > li > a:focus:after,
		        .harburg .header-hauptmenue .level_2 > li > a:active:after,
		        .harburg .header-hauptmenue .level_2 > li > .active:after,
		        .harburg .header-hauptmenue .level_2 > li > .trail:after {
		            border-bottom: 3px solid #1BB3B3;
		        }
				
		        .winterhude .header-hauptmenue .level_2 > li:not(.familienrat):not(.muetterzeit) > a:hover:after,
		        .winterhude .header-hauptmenue .level_2 > li:not(.familienrat):not(.muetterzeit) > a:focus:after,
		        .winterhude .header-hauptmenue .level_2 > li:not(.familienrat):not(.muetterzeit) > a:active:after,
		        .winterhude .header-hauptmenue .level_2 > li:not(.familienrat):not(.muetterzeit) > .active:after,
		        .winterhude .header-hauptmenue .level_2 > li:not(.familienrat):not(.muetterzeit) > .trail:after {
		            border-bottom: 3px solid #9178B9;	
		        }
		        .familienrat .header-hauptmenue .level_2 > li > a:hover:after,
		        .familienrat .header-hauptmenue .level_2 > li > a:focus:after,
		        .familienrat .header-hauptmenue .level_2 > li > a:active:after,
		        .familienrat .header-hauptmenue .level_2 > li > .active:after,
		        .familienrat .header-hauptmenue .level_2 > li > .trail:after {
		            border-bottom: 3px solid #F2BC18;
		        }
		    }

		/* Header - Submenue - Button FamilienRat und MuetterZeit */

		    @media (min-width: 45.000em) {
		    	.winterhude .header-hauptmenue .level_2 > .last,
		    	.harburg .header-hauptmenue .level_2 > .last,
				.winterhude .header-hauptmenue .level_2 > li.familienrat,
				.harburg .header-hauptmenue .level_2 > li.muetterzeit,
				.header-hauptmenue .level_2 > li.onlineberatung
				{
		    		float: right;
		    	}
		   	}

		   	@media (min-width: 45.000em) {
			   	.winterhude .header-hauptmenue .level_2 > .last > a,
			   	.harburg .header-hauptmenue .level_2 > .last > a,
			   	.harburg .header-hauptmenue .level_2 > .last > strong,
				.winterhude .header-hauptmenue .level_2 > li.familienrat a,
				.harburg .header-hauptmenue .level_2 > li.muetterzeit a,
				.harburg .header-hauptmenue .level_2 > li.muetterzeit .active{
	                display: inline-block;
	                background-color: #78B92D;
	                color: #FFF;
	                font-size: 1.6rem;
	                font-weight: 500;
	                text-decoration: none;
	                text-align: center;
	                padding: 4px 8px 3px 8px;
	                border: 1px solid #78B92D;
	                border-radius: 3px;
	                margin: 5px 0 0 5px;
	                -webkit-font-smoothing: antialiased;
	                -moz-osx-font-smoothing: grayscale;        
			   	}
			   	.winterhude .header-hauptmenue .level_2 > .last > a:hover,
			   	.winterhude .header-hauptmenue .level_2 > .last > a:focus,
			   	.winterhude .header-hauptmenue .level_2 > .last > a:active {
			   		background-color: #F2BC18;
			   		border-color: #F2BC18;
			   	}
			   	.harburg .header-hauptmenue .level_2 > li.muetterzeit a:hover,
			   	.harburg .header-hauptmenue .level_2 > li.muetterzeit a:focus,
			   	.harburg .header-hauptmenue .level_2 > li.muetterzeit a:active,
				.harburg .header-hauptmenue .level_2 > li.muetterzeit .active,
			   	.harburg .header-hauptmenue .level_2 > li.muetterzeit strong {
			   		background-color: #1BB3B3;
			   		border-color: #1BB3B3;
			   	}

			   	.winterhude .header-hauptmenue .level_2 > .last > a {
			   		padding: 4px 26px 3px 8px;
			   	}
			   	.winterhude .header-hauptmenue .level_2 > .last > a:after {
			   		content: " ";
			   		position: absolute;
			   		top: calc(50% - 7px);
			   		right: 5px;
			   		display: block;
			   		width: 10px;
			   		height: 14px;
			   		background-image: url(/files/images/layout/icons-pfeile-10x14px.png);
			   		background-size: 140px 14px;
			   		background-repeat: no-repeat;
			   	}
				.header-hauptmenue .level_2 > li.onlineberatung a,
				.header-hauptmenue .level_2 > li.onlineberatung .active{
	                display: inline-block;
	                background-color: #ff8000;
	                color: #FFF;
	                font-size: 1.6rem;
	                font-weight: 500;
	                text-decoration: none;
	                text-align: center;
	                padding: 4px 8px 3px 8px;
	                border: 1px solid #ff8000;
	                border-radius: 3px;
	                margin: 5px 0 0 0 !important;
	                -webkit-font-smoothing: antialiased;
	                -moz-osx-font-smoothing: grayscale;        
			   	}
				body.onlineberatung .content-text .button {
					display: inline-block;
                    background-color: #ff8000;
                    color: #FFF;
                    font-size: 1.8rem;
                    font-weight: 500;
                    line-height: 2.4rem;
                    text-decoration: none;
                    text-align: center;
                    padding: 7px 16px 7px 16px;
                    border: 1px solid #ff8000;
                    border-radius: 3px;
                    margin: 0;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;    
				}
				.header-hauptmenue .level_2 > li.onlineberatung > a:hover:after,
				.header-hauptmenue .level_2 > li.onlineberatung > a:focus:after,
				.header-hauptmenue .level_2 > li.onlineberatung > .active:after{
					border-bottom: 0 !important;
				}
				
			
			}

	    /* Header - Claim */

	    	.header-claim {
	    		display: none;
	    	}
		    @media (min-width: 59.375em) {
		        .header-claim {
		        	display: block;
		            float: left;
		            width: calc((((100% - 80px) / 5) * 2) + 20px);
		            color: rgba(255,255,255,.9);
		            margin-top: 0;
		        }
		        .familienrat .header-claim {
		        	display: none;
		        }
		    }
	        .header-claim p {
	            font-size: 1.8rem;
	            line-height: 2.6rem;
	            margin: 10px 0 0 35px;
	            text-align: right;
	        }
	        @media (min-width: 62.500em) {
		        .header-claim p {
		            margin: 10px 0 0 30px;
		        }
	        }
	        @media (min-width: 75.000em) {
		        .header-claim p {
		            margin: 10px 0 0 35px;
		        }
	        }

/* Elements */

    /* Akkordeon */

        .accordion {
            margin-top: 20px;
            margin-bottom: 20px;
        }
        #right .accordion {
        	margin-top: 30px;
        }

        .accordion-item {
            border-top: 1px solid #CED5D5;
        }
        .accordion-item:last-child {
            border-bottom: 1px solid #CED5D5;
        }
        .open.accordion-item  {
            border-top: 1px solid #FFF;
        }

        .accordion-item-title h2,
        .accordion-item-title h3 {
            font-size: 1.8rem;
            line-height: 2.6rem;
            font-weight: 400;
            margin: 0;
        }
        #right .accordion-item-title h2 {
        	font-size: 1.7rem;
        	line-height: 2.5rem;
        }

        .open .accordion-item-title h2,
        .open .accordion-item-title h3 {
            font-weight: 500 !important;
        }

        .accordion-item-title-link,
        .accordion .accordion-item-title-link:focus {
            display: block;
            position: relative;
            color: #000;
            text-decoration: none;
            padding: .7rem 10px .6rem 45px;
            outline: none;
        }
        #right .accordion-item-title-link, 
        #right .accordion .accordion-item-title-link:focus {
        	padding: .6rem 10px .6rem 40px;
        }

        .accordion-item-title-link:hover,
        .accordion-item-title-link.cursor-over:focus,
        .accordion-item-title-link:active {
            color: #AE005E;
            background-color: #EBEDED;
            text-decoration: underline;
            outline: 0;
        }
        .harburg .accordion-item-title-link:hover,
        .harburg .accordion-item-title-link.cursor-over:focus,
        .harburg .accordion-item-title-link:active {
            color: #18A3A3;
        }
        .eimsbuettel-altona .accordion-item-title-link:hover,
        .eimsbuettel-altona .accordion-item-title-link.cursor-over:focus,
        .eimsbuettel-altona .accordion-item-title-link:active {
        	color: #D84149;
        }
        .winterhude .accordion-item-title-link:hover,
        .winterhude .accordion-item-title-link.cursor-over:focus,
        .winterhude .accordion-item-title-link:active {
        	color: #7E64A9;
        }
        .familienrat .accordion-item-title-link:hover,
        .familienrat .accordion-item-title-link.cursor-over:focus,
        .familienrat .accordion-item-title-link:active {
        	color: #E3B017;
        }

        .open.accordion-item-title-link,
        .open.accordion-item-title-link.cursor-over {
            color: #FFF;
            background-color: #78B92D;
            text-decoration: none;
            border-radius: 2px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .harburg .open.accordion-item-title-link,
        .harburg .open.accordion-item-title-link.cursor-over{
        	color: #FFF;
            background-color: #1BB3B3;
        }
        .eimsbuettel-altona .open.accordion-item-title-link,
        .eimsbuettel-altona .open.accordion-item-title-link.cursor-over{
        	color: #FFF;
            background-color: #E25962;
        }
        .winterhude .open.accordion-item-title-link,
        .winterhude .open.accordion-item-title-link.cursor-over{
        	color: #FFF;
            background-color: #9178B9;
        }
        .familienrat .open.accordion-item-title-link,
        .familienrat .open.accordion-item-title-link.cursor-over{
        	color: #FFF;
            background-color: #F2BC18;
        }

        .open.accordion-item-title-link:hover,
        .open.accordion-item-title-link.cursor-over:hover,
        .open.accordion-item-title-link.cursor-over:focus,
        .open.accordion-item-title-link.cursor-over:active {
            text-decoration: underline;
        }

        .accordion-item-title-link:before {
            display: block;
            content: " ";
            position: absolute;
            left: 10px;
            top: .8rem;
            width: 23px;
            height: 23px;
            background-image: url(/files/images/layout/icons-akkordeon-pfeile.png);
            background-size: 207px 23px;
            background-repeat: no-repeat;
        }
        #right .accordion-item-title-link:before {
        	left: 8px;
        	top: .7rem;
        }

        .eimsbuettel-altona .accordion-item-title-link:hover:before,
        .eimsbuettel-altona .accordion-item-title-link.cursor-over:focus:before,
        .eimsbuettel-altona .accordion-item-title-link:active:before {
            background-position: -23px 0;
        }
        .eimsbuettel-altona .open.accordion-item-title-link:before {
            background-position: -115px 0;
        }
        .eimsbuettel-altona .accordion-item-title-link.open:hover:before,
        .eimsbuettel-altona .accordion-item-title-link.open.cursor-over:focus:before,
        .eimsbuettel-altona .accordion-item-title-link.open:active:before {
            background-position: -115px 0;
        }
        .harburg .accordion-item-title-link:hover:before,
        .harburg .accordion-item-title-link.cursor-over:focus:before,
        .harburg .accordion-item-title-link:active:before {
            background-position: -46px 0;
        }
        .harburg .open.accordion-item-title-link:before {
            background-position: -138px 0;
        }
        .harburg .accordion-item-title-link.open:hover:before,
        .harburg .accordion-item-title-link.open.cursor-over:focus:before,
        .harburg .accordion-item-title-link.open:active:before {
            background-position: -138px 0;
        }
        .winterhude .accordion-item-title-link:hover:before,
        .winterhude .accordion-item-title-link.cursor-over:focus:before,
        .winterhude .accordion-item-title-link:active:before {
            background-position: -69px 0;
        }
        .winterhude .open.accordion-item-title-link:before {
            background-position: -161px 0;
        }
        .winterhude .accordion-item-title-link.open:hover:before,
        .winterhude .accordion-item-title-link.open.cursor-over:focus:before,
        .winterhude .accordion-item-title-link.open:active:before {
            background-position: -161px 0;
        }
        .familienrat .accordion-item-title-link:hover:before,
        .familienrat .accordion-item-title-link.cursor-over:focus:before,
        .familienrat .accordion-item-title-link:active:before {
            background-position: -92px 0;
        }
        .familienrat .open.accordion-item-title-link:before {
            background-position: -184px 0;
        }
        .familienrat .accordion-item-title-link.open:hover:before,
        .familienrat .accordion-item-title-link.open.cursor-over:focus:before,
        .familienrat .accordion-item-title-link.open:active:before {
            background-position: -184px 0;
        }

        .accordion-item-content-inner {
            padding: 10px 30px 25px 45px;
        }
        #right .accordion-item-content-inner {
        	padding: 0 0 10px 0;
        }

        .accordion-item h3 {
        	font-size: 1.8rem;
        	line-height: 2.7rem;
        }

        .accordion-item p {
            line-height: 2.7rem;
            margin: .8rem 0;
        }
        #right .accordion-item p {
        	font-size: 1.6rem;
        	line-height: 2.2rem;
        	margin: 1.0rem 0;
        	opacity: .8;
        }
        #right .accordion-item p:first-of-type {
        	margin-top: 2.0rem;
        }

        .accordion-item-content-inner-title {
            font-size: 2.0rem;
            font-weight: 700;
            line-height: 2.6rem;
            margin: 2.2rem 0 .8rem 0;
        }

    /* Aktuelles */

    	.news-list {
    		margin: 4.0rem 0;
    	}
    	.news-list-item {
    		padding: 2.5rem 0 3.0rem 0;
    		border-top: 1px solid #CED5D5;
    		margin: 0;
			list-style-type: none;
    	}
    	.news-list-item:last-child {
    		border-bottom: 1px solid #CED5D5;
    	}

    	.news-list-item-title {
    		font-size: 2.0rem;
    		font-weight: 500;
    		line-height: 2.8rem;
    		margin-top: 0;
    		margin-bottom: 0;
    	}

    	.news-list-item-date {
    		font-size: 1.7rem;
    		margin-top: 0;
    		margin-bottom: .8rem;
    		opacity: .8;
    	}

    	.news-list-item-title a {
    		color: #334A49;
    		text-decoration: none;
    	}
    	.news-list-item-title a:hover,
    	.news-list-item-title a:focus,
    	.news-list-item-title a:active {
    		text-decoration: underline;
    	}

    	.news-list-item-teaser p {
    		/*display: inline;
    		margin: 0;*/
    	}

	/* Article */

        .mod_article:before,
        .mod_article:after {
            content: " ";
            display: table;
        }
        .mod_article:after {
            clear: both;
        }

        #main .mod_article.last,
		.abstand-nach-unten{
            padding-bottom: 30px;
        }     
        @media (min-width: 62.500em) {
	        #main .mod_article.last,
			.abstand-nach-unten{
	            padding-bottom: 50px;
	        }     
	    }

	    .mod_article.article-bg-grey {
	    	background-color: #F2F2F2;
	    }

        .mod_article > .inside,
		.article-wrapper{
        	margin: 0 10px;
        }
		@media (min-width: 45.000em) {
	        .mod_article > .inside,
			.article-wrapper{
	        	margin: 0;
	        }
	        body:not(.zweispaltig) .mod_article > .inside,
			body:not(.zweispaltig) .article-wrapper{
	            width: 95%;
	            margin: 0 auto;
	        }
	    }
        @media (min-width: 62.500em) {
        	body:not(.zweispaltig) .mod_article > .inside,
			body:not(.zweispaltig) .article-wrapper{
	            width: 93%;
	            max-width: 108.0rem;
	        }
        }

    /* Intro */

        /* Intro */

	        #intro {
	            padding-bottom: 30px;
	        }
	        @media (min-width: 56.250em) {
		        #intro {
		            padding-bottom: 65px;
		        }
		        .startseite #intro {
		        	padding-bottom: 50px;
		        }
	       	}

	        #intro .mod_article {
	            padding-bottom: 0;
	        }
	       	@media (min-width: 56.249em) {
	       		#intro .mod_article {
	       			position: relative;
		            max-height: 300px;
		            background-color: #D7DDDD;
	       		}
	       		.startseite #intro .mod_article {
	       			background-color: #C9E3AB;
	       		}
	       	}

	        #intro .mod_article > .inside {
	        	width: 100%;
	            margin: 0;
	        }
			@media (min-width: 56.250em) {
		        #intro .mod_article > .inside {
		        	position: relative;
		            width: 95%;
		            margin: 0 auto;
		        }
		    }
	        @media (min-width: 62.500em) {
	        	#intro .mod_article > .inside {
		            width: 93%;
		            max-width: 108.0rem;
		        }
	        }

            .intro .content-text.intro-1 {
            	position: relative;
                background-image: linear-gradient(-180deg, #E9ECEC 0%, #E6E9E9 100%);
                margin: 0 -10px;           	
            }
            .startseite .content-text.intro-1 {
            	position: relative;
            	background-image: linear-gradient(211deg, #C0DD9E 22%, #AFD584 100%);
            }
            @media (min-width: 45.000em) {
		        .intro .content-text.intro-1 {
		        	margin: 0 -2.5%;
		        }
            }
            @media (min-width: 56.250em) {
	            .intro .content-text.intro-1 {
	                border-bottom-right-radius: 2px;
	                border-bottom-left-radius: 2px;
	                margin: 0;
	            }
	        }

			@media (min-width: 56.250em) {
	            .intro-1 .biff-bubble {
	            	content: " ";
	            	position: absolute;
	            	bottom: -70px;
	            	right: 350px;
	            	display: block;
	            	width: 140px;
	            	height: 140px;
	            	background-image: linear-gradient(-180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.10) 65%);
	            	border-radius: 100%;
	            }
	            .startseite .intro-1 .biff-bubble {
	            	background-image: linear-gradient(-180deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.10) 65%);
	            }
	            .intro-1 .biff-bubble:nth-of-type(1) {
	            	right: 210px;
	            }
	            .intro-1 .biff-bubble:nth-of-type(2) {
	            	right: 70px;
	            }
	            .intro-1 .biff-bubble:nth-of-type(3) {
	            	right: -70px;
	            }
	        }

            .content-text.intro-1 > h1 {
            	padding: 3.5rem 10px 0 10px;
            }
            @media (min-width: 45.000em) {
	            .content-text.intro-1 > h1 {
	                padding: 9.0rem 80px 0 35px;
	            }
	        }

            .content-text.intro-1 .rte {
            	padding: 0 10px 30px 10px;
            }
            @media (min-width: 45.000em) {
	            .content-text.intro-1 .rte {
	            	min-height: 175px;
	                padding: 0 30px 55px 35px;
	            }
	        }

            @media (min-width: 45.000em) {
				.content-text.intro-1 p {
					max-width: 52.5rem;
				}
			}

        /* Intro - Startseite */

        	.startseite #intro .mod_article {
        		max-height: none;
        	}

	        /* Kurzvorstellung */

	            @media (min-width: 56.249em) {
		            .startseite .content-text.intro-1 {
		                float: left;
		                width: calc((((100% - 80px) / 5) * 3) + 60px);
		                margin: 0;
		            }
		        }

	            .startseite .content-text.intro-1 .rte {
	            	max-width: 44.0rem;
	                text-align: center;
	            	padding: 35px 15px 25px 15px;
	                margin: 0 auto;
	            }
	        	@media (min-width: 45.000em) {
		            .startseite .content-text.intro-1 .rte {
		            	max-width: 50.0rem;
	            		padding: 35px 15px 35px 15px;
		            }
	        	}
	        	@media (min-width: 56.250em) {
		            .startseite .content-text.intro-1 .rte {
		            	max-width: none;
		            	text-align: left;
		                padding: 60px 30px 60px 30px;
		                margin: 0;
		            }
		        }
	            @media (min-width: 56.250em) {
		            .startseite .content-text.intro-1 .rte {
		            	max-width: 44.0rem;
		                padding: 60px 40px 60px 40px;
		            }
		        }
		        @media (min-width: 62.500em) {
		            .startseite .content-text.intro-1 .rte {
		            	max-width: 44.0rem;
		                padding: 55px 40px 75px 70px;
		            }
		        }

	            .startseite .content-text.intro-1 p {
	                font-size: 1.8rem;
	                line-height: 2.6rem;
	                margin: 0;
	            }
	            @media (min-width: 45.000em) {
		            .startseite .content-text.intro-1 p {
		                font-size: 2.1rem;
		                line-height: 3.2rem;
		            }
	            }
	            @media (min-width: 56.250em) {
		            .startseite .content-text.intro p {
		                font-size: 2.1rem;
		                line-height: 3.2rem;
		            }
	            }

	        /* Beratungsthemen */

	        	@media (min-width: 56.249em) {
		            .startseite .content-text.intro-2 {
		                float: right;
		                width: calc((((100% - 80px) / 5) * 2) + 20px);
		            }
		        }

				@media (max-width: 56.249em) {
					.startseite .content-text.intro-2 .rte {
		            	max-width: 50.0rem;
		                text-align: center;
			        	padding: 30px 25px 0 25px;
		                margin: 0 auto;
					}
				}
		        @media (min-width: 56.249em) {
		            .startseite .content-text.intro-2 .rte {
		                padding: 30px 0 30px 25px;
		            }
		        }
	            @media (min-width: 56.250em) {
	            	.startseite .content-text.intro-2 .rte {
		                padding: 35px 0 30px 30px;
	            	}
	            }
	            @media (min-width: 75.000em) {
	            	.startseite .content-text.intro-2 .rte {
		                padding: 45px 0 30px 35px;
	            	}
	            }

	            .startseite .content-text.intro-2 h2 {
	                font-size: 1.9rem;
	                font-weight: 500;
	                line-height: 2.9rem;
	                margin: 0 0 .8rem 0;
	            }

	            .startseite .content-text.intro-2 h2:after {
	            	content: " ";
	            	display: block;
	            	width: 38px;
	            	height: 3px;
	            	background-color: #78B92D;
	            	margin: 10px auto 12px auto;
	            }
	            @media (min-width: 56.250em) {
	            	.startseite .content-text.intro-2 h2:after {
	            		margin: 8px 0 12px 0;
	            	}
	            }

	            .startseite .content-text.intro-2 p {
	                font-size: 1.6rem;
	                line-height: 2.2rem;
	                margin: 0;
	            }

	    /* Intro - biff Bubbles */

	    	.biff-bubble-container {
	    		position: absolute;
	    		left: 0;
	    		display: block;
	    		width: 100%;
	    		overflow: hidden;
	    	}
	    	body.intro .biff-bubble-container {
	    		height: 300px;
	    		background-image: linear-gradient(-90deg, #D7DDDD 0%, #DFE4E4 50%, #D7DDDD 100%);	    		
	    	}
	    	
			@media (min-width: 45.000em) {
			    .biff-bubble-container > .inside {
			    	position: relative;
			    	display: block;
			        width: 95%;
			        height: 300px;
			        margin: 0 auto;       
			    }
			}
			@media (min-width: 62.500em) {
			    .biff-bubble-container > .inside {
			        width: 93%;
			        max-width: 108.0rem;
			    }
			}

	    	.biff-bubble-container .biff-bubble {
	    		position: absolute;
	    		width: 440px;
	    		height: 440px;
	    		left: -540px;
	    		top: calc(50% - 220px);
	    		background-image: linear-gradient(-90deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 100%);
	    		box-shadow: 0 0 30px 0 rgba(215,221,221,0.10);
	    		border-radius: 100%;
	    	}
	    	.biff-bubble-container .biff-bubble:nth-child(1) {
	    		left: -100px;
	    		background-image: linear-gradient(90deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.00) 40%);
	    		
	    	}
	    	.biff-bubble-container .biff-bubble:nth-child(2) {
	    		left: auto;
	    		right: -100px;
	    		background-color: transparent;
	    		background-image: linear-gradient(-90deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.00) 100%);
	    	}
	    	.biff-bubble-container .biff-bubble:nth-child(3) {
	    		left: calc(100% + 100px);
	    		background-image: linear-gradient(90deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 100%);
	    	}

    /* Boxen */

        /* Beratungsstellen-Boxen */

        	/* Beratungsstellen-Boxen: General */

	            .beratungsstellen-box {
	                background-image: linear-gradient(-180deg, #EDEFEF 0%, #EBEDED 100%);
	                border-radius: 2px;
        			margin-bottom: 2.2rem;
	            }
	        	@media (min-width: 34.375em) and (max-width: 56.249em) {
	        		.beratungsstellen-box {
	        			display: table;
	        			width: 100%;
	        		}
	        	}

	        	@media (min-width: 34.375em) and (max-width: 56.249em) {
	        		.beratungsstellen-box .rte {
	        			display: table-row;
	        		}
	        	}

	            .beratungsstellen-box-1 {
	                padding: 25px 15px 12px 20px;
	                background-image: linear-gradient(-180deg, #E6E9E9 0%, #E0E4E3 100%);
	            }
	        	@media (min-width: 34.375em) and (max-width: 56.249em) {
		            .beratungsstellen-box-1 {
	        			display: table-cell;
	        			width: 50%;
	        		}
	        	}
	            @media (min-width: 56.250em) {
		            .beratungsstellen-box-1 {
		                padding-right: 20px;
		                padding-left: 25px;
		            }
		        }

	            .beratungsstellen-box-2 {
	                padding: 5px 20px 15px 20px;
	            }
	        	@media (min-width: 34.375em) and (max-width: 56.249em) {
		            .beratungsstellen-box-2 {
	        			display: table-cell;
	        			width: 50%;
	        		}
	        	}
	            @media (min-width: 56.250em) {
		            .beratungsstellen-box-2 {
		                padding-right: 25px;
		                padding-left: 25px;
		            }
		        }

	            .beratungsstellen-box.eimsbuettel-altona {
	                border-top: 10px solid #E25962;
	            }
	            .beratungsstellen-box.harburg {
	                border-top: 10px solid #1BB3B3;
	            }
	            .beratungsstellen-box.winterhude {
	                border-top: 10px solid #9178B9;
	            }
	            .beratungsstellen-box.familienrat {
	            	border-top: 10px solid #F2BC18;
	            }

	        /* Beratungsstellen-Boxen: Startseite */

	        	.startseite .beratungsstellen-box {
	        		margin-bottom: 10px;
	        	}
	        	@media (min-width: 45.000em) {
		        	.startseite .beratungsstellen-box {
		        		margin-bottom: 15px;
		        	}
	        	}
	        	@media (min-width: 56.249em) {
		            .startseite .beratungsstellen-box {
		                float: left;
		                width: calc(((100% - 30px) / 3));
		                margin: 0 15px 0 0;
		            }
		        }
	        	@media (min-width: 56.250em) {
		            .startseite .beratungsstellen-box {
		                width: calc(((100% - 40px) / 3));
		                margin: 0 20px 0 0;
		            }
		            .startseite .beratungsstellen-box.last {
		                margin-right: 0;
		            }
		        }
	        	@media (min-width: 62.500em) {
		            .startseite .beratungsstellen-box {
		                width: calc(((100% - 60px) / 3));
		                margin: 0 30px 0 0;
		            }
		        }

        
	        /* Beratungsstellen-Boxen: Typographie */

	            .startseite .beratungsstellen-box h3 {
	                font-size: 2.2rem;
	                font-weight: 500;
	                line-height: 3.2rem;
	                margin: 0;
	            }
	            .beratungsstellen-box h3,
	            .beratungsstellen-box h4 {
	                font-size: 1.8rem;
	                font-weight: 500;
	                line-height: 2.2rem;
	                margin: 20px 0 10px 0;
	            }
	            .beratungsstellen-box p {
	                font-size: 1.7rem;
	                line-height: 2.2rem;
	                margin: 1.0rem 0;
	            }
	            #right .beratungsstellen-box .p-beratungsstelle {
	            	font-size: 2.2rem;
	            	font-weight: 600;
	            	line-height: 3.2rem;
	            	margin-top: 0;
	            }
	            #right .beratungsstellen-box .p-beratungsstelle a {
	            	text-decoration: none;
	            }
	           	#right .beratungsstellen-box .p-beratungsstelle a:hover,
	           	#right .beratungsstellen-box .p-beratungsstelle a:focus,
	           	#right .beratungsstellen-box .p-beratungsstelle a:active {
	           		text-decoration: underline;
	           	}
                /* TinyMCE */
			        #tinymce.mce-content-body .p-beratungsstelle {
		            	font-size: 2.2rem;
		            	font-weight: 600;
		            	line-height: 3.2rem;
			        }


	            .beratungsstellen-box-1 a {
	            	color: #334A49;
	            }
	            .beratungsstellen-box-1 h3 a {
	            	text-decoration: none;
	            }

	            .eimsbuettel-altona .beratungsstellen-box-1 a:hover,
	            .eimsbuettel-altona .beratungsstellen-box-1 a:focus,
	            .eimsbuettel-altona .beratungsstellen-box-1 a:active {
	                color: #D84149;
	                text-decoration: underline;
	            }
	            .harburg .beratungsstellen-box-1 a:hover,
	            .harburg .beratungsstellen-box-1 a:focus,
	            .harburg .beratungsstellen-box-1 a:active {
	                color: #18A3A3;
	                text-decoration: underline;
	            }
	            .winterhude .beratungsstellen-box-1 a:hover,
	            .winterhude .beratungsstellen-box-1 a:focus,
	            .winterhude .beratungsstellen-box-1 a:active {
	                color: #7E64A9;
	                text-decoration: underline;
	            }
	            .familienrat .beratungsstellen-box-1 a:hover,
	            .familienrat .beratungsstellen-box-1 a:focus,
	            .familienrat .beratungsstellen-box-1 a:active {
	                color: #E3B017;
	                text-decoration: underline;
	            }

	            .beratungsstellen-box table {
	                width: 100%;
	                margin-bottom: 15px;
	            }
	            .startseite .beratungsstellen-box table {
	            	margin-bottom: 25px;
	            }

	            .beratungsstellen-box td {
	                width: 50%;
	                font-size: 1.7rem;
	                font-weight: 400;
	                line-height: 2.2rem;
	                padding: 3px 0;
	                border-bottom: 1px solid #CED5D5;
	                margin: 0;
	            }
	            .beratungsstellen-box tr:first-child td {
	                border-top: 1px solid #CED5D5;
	            }

    /* Breadcrumb */

    	.mod_breadcrumb {
    		margin: 3.0rem 10px 0 10px;
    	}
        @media (min-width: 45.000em) {
	        .mod_breadcrumb {
	            margin: 10.0rem 0 0 0;
	        }
	        .global .mod_breadcrumb {
	        	margin: 7.0rem 0 0 0;
	        }
	    }

        .mod_breadcrumb p,
 .mod_breadcrumb li{
            font-size: 1.8rem;
            line-height: 2.5rem;
            margin: 0 0 .2rem 0;
        }
	    @media (min-width: 45.000em) {
	        .mod_breadcrumb p,
			 .mod_breadcrumb li{
	            font-size: 2.0rem;
	            line-height: 3.0rem;
	            margin: 0 0 .3rem 0;
	        }
	    }

        .mod_breadcrumb a,
        .mod_breadcrumb strong {
            color: #334A49;
            font-weight: 400;
            text-decoration: none;
        }
        .mod_breadcrumb a:hover,
        .mod_breadcrumb a:focus,
        .mod_breadcrumb a:active {
        	color: #78B92D;
        	text-decoration: underline;
        }

.mod_breadcrumb .startseite,
.mod_breadcrumb .active {
	display:none;
}
.mod_breadcrumb li {
	display: inline-block;
}
.mod_breadcrumb ul {
	margin-bottom:0;
}

    /* Forms */

        /* Basic */
            
            input, button, select, textarea {
                font: inherit;
                margin: 0;
            }
            input[type="text"], 
            input[type="submit"], 
            input[type="password"], 
            textarea {
                -webkit-appearance: none;
            }

            form .widget-text {
                font-size: 1.7rem;
                line-height: 2.2rem;
                margin: 1.0rem 0;
            }

    /* Google Map */

    	.google-map {
    		width: 100%;
    		height: 220px;
    	}

    /* Images */

        /* Basic */

            img {
                max-width: 100%;
                height: auto;
                color: #000;
                vertical-align: bottom;
                border: 0;
            }

            .image_container > a {
                display: block;
                position: relative
            }

        /* Positionierung: Links oder rechts */

            .content-text .image_container.float_left,
            .content-text .image_container.float_right,
            .content-text .image_container.float_left_col,
            .content-text .image_container.float_right_col {
                float: left;
                display: table;
                margin: 0 25px 1.5rem 0;
            }
            .content-text .image_container.float_right,
            .content-text .image_container.float_right_col {
                float: right;
                margin: 0 0 0 25px;
            }

            .content-text .image_container.float_left img,
            .content-text .image_container.float_left_col img,
            .content-text .image_container.float_right img,
            .content-text .image_container.float_right_col img {
                display: block;
            }

            .image_container.float_left_col + .rte,
            .image_container.float_right_col + .rte {
                overflow: auto;
            }
            .image_container.float_left + .rte:after,
            .image_container.float_right + .rte:after {
                content: " ";
                display: table;
                clear: both;
            }
            .image_container.float_right + .rte > :last-child {
                margin-bottom: 0;
            }
            .image_container.float_left + .rte > ul {
                overflow: auto;
            }
            
        /* Positionierung: Oberhalb */

            .content-text .image_container.float_above {
                margin: 1.5rem 0 2.0rem 0;
            }

        /* Bildunterschrift */

            .image_container .caption {
                font-size: 1.6rem;
                line-height: 2.2rem;
                padding: .8rem 0 0 0;
                margin: 0;
                opacity: .85;           
            }
            .image_container.float_left .caption,
            .image_container.float_left_col .caption,
            .image_container.float_right .caption,
            .image_container.float_right_col .caption {
                display: table-caption;
                caption-side: bottom;
            }

    /* Karussell */

    	.karussell {
    		position: relative;
    		margin: 7.0rem 0;
    	}
    	body:not(.zweispaltig) .mod_article.karussell > .inside {
    		max-width: 64.0rem;
    		position: relative;
    	}

        .slick-prev,
        .slick-next {
            position: absolute;
            top: calc(((100% - 2.2rem) / 2) - 14px);
            display: block;
            width: 17px;
            height: 28px;
            background: transparent;
            color: #FFF;
            padding: 0;
            cursor: pointer;
            border: none;
            outline: none;
        }
        .slick-prev {
            left: -40px;
        }
        .slick-next {
            right: -40px;
        }
        .slick-prev img,
        .slick-next img {
            color: #FFF;
        }

        .slick-dots {
            position: absolute;
            display: block;
            top: 0;
            bottom: auto;
            width: 100%;
            font-size: 0;
            padding: 0;
            margin: 0;
            list-style: none;
            text-align: center;
        }
        .slick-dots li {
            position: relative;
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0 4px;
            padding: 0 0;
            vertical-align: top;
        }
        .slick-dots button {
        	display: block;
            width: 12px;
            height: 12px;
            background: #FFF;
            color: #FFF;
            font-size: 0;
            line-height: 12px;
            padding: 0;
            border: 1px solid #78B92D;
            border-radius: 12px;
            margin: 0;
            cursor: pointer;
            outline: 0;
        }
        .karussell .slick-dots .slick-active button {
            background: #78B92D;
        	border: 6px solid #78B92D;
        }
        .karussell .slick-dots button:hover,
        .karussell .slick-dots button:focus,
        .karussell .slick-dots button:active {
            background: #78B92D;
            border-color: #78B92D;
        }

        .karussell .blockquote-zitat {
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	min-height: 11.5rem;
        	margin-top: 2.2rem;
        }

    /* Tables */

        table {
            border: 0;
            border-collapse: collapse;
        }
        th,
        td {
            font-size: 1.8rem;
            line-height: 2.6rem;
            text-align: left;
            vertical-align: top;          
        }

    /* Termine */

    	/* Termine - Basic */

	    	@media (max-width: 56.249em) {
		    	.mod_eventlist {
		    		max-width: 64.0rem;
		    		margin: 0 auto;
		    	}
		    }

	    	.ul-terminliste {
	    		margin: 3.0rem 0 2.0rem 0;
	    	}
	    	h2 + .ul-terminliste,
	    	h3 + .ul-terminliste {
	    		margin-top: 0;
	    	}
	    	.startseite .ul-terminliste {
	    		margin-bottom: 1.0rem;
	    	}

	    	.li-terminliste {
	    		display: table;
	    		width: 100%;
	    		margin: 6px 0;
	    	}

	    	.li-terminliste a {
	    		display: table-row;
	    		text-decoration: none;
	    	}

	    	.terminliste-tag-datum {
	    		display: table-cell;
	    		width: 6.5rem;
	    		color: #FFF;
				background-image: linear-gradient(90deg, rgba(72,99,98,0.90) 0%, #486362 100%);
				vertical-align: top;
				padding: 17px 10px 18px 10px;
				border-right: 10px solid #78B92D;
				border-top-left-radius: 2px;
				border-bottom-left-radius: 2px;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
			.eimsbuettel-altona .terminliste-tag-datum {
				border-right-color: #E25962;
			}
			.harburg .terminliste-tag-datum {
				border-right-color: #1BB3B3;
			}
			.winterhude .terminliste-tag-datum {
				border-right-color: #9178B9;
			}
			.familienrat .terminliste-tag-datum {
				border-right-color: #F2BC18;
			}

			.startseite .terminliste-tag-datum {
				width: 5.5rem;
				padding-right: 8px;
				padding-left: 8px;
				border-right: 0;			
			}

			.startseite .el-terminliste-eimsbuettel-altona .terminliste-tag-datum {
				background-image: none;
				background-color: #E25962;
			}
			.startseite .el-terminliste-harburg .terminliste-tag-datum {
				background-image: none;
				background-color: #1BB3B3;
			}
			.startseite .el-terminliste-winterhude .terminliste-tag-datum {
				background-image: none;
				background-color: #9178B9;
			}

			.terminliste-tag {
				display: block;
				font-size: 1.9rem;
				font-weight: 400;
				line-height: 1.9rem;
				text-transform: uppercase;
			}

			.startseite .terminliste-tag {
				font-size: 1.7rem;
				line-height: 1.7rem;
			}

			.terminliste-datum {
				display: block;
				font-size: 2.4rem;
				font-weight: 600;
				line-height: 2.3rem;
			}

			.startseite .terminliste-datum {
				font-size: 2.2rem;
				line-height: 2.1rem;
			}

	    	.terminliste-titel-uhrzeit-anmeldung {
	    		display: table-cell;
	    		width: calc(100% - 6.5rem - 55px);
	    		color: #334A49;
				background-image: linear-gradient(-90deg, rgba(236,239,239,0.80) 0%, #ECEFEF 100%);
				font-size: 1.8rem;
				line-height: 2.2rem;
				vertical-align: top;
				padding: 16px 10px 16px 15px;
				border-top-right-radius: 2px;
				border-bottom-right-radius: 2px;
			}

			.startseite .terminliste-titel-uhrzeit-anmeldung {
				font-size: 1.7rem;
				line-height: 2.1rem;
				background-image: none;
				background-color: #FFF;
				padding: 15px 8px 14px 10px;
			}

			.terminliste-titel {
				display: inline-block;
				font-weight: 500;
			}

			a:hover .terminliste-titel,
			a:focus .terminliste-titel,
			a:active .terminliste-titel {
				color: #78B92D;
				text-decoration: underline;
			}
			.eimsbuettel-altona a:hover .terminliste-titel,
			.eimsbuettel-altona a:focus .terminliste-titel,
			.eimsbuettel-altona a:active .terminliste-titel,
			.startseite .el-terminliste-eimsbuettel-altona a:hover .terminliste-titel,
			.startseite .el-terminliste-eimsbuettel-altona a:focus .terminliste-titel,
			.startseite .el-terminliste-eimsbuettel-altona a:active .terminliste-titel,
			.startseite .el-terminliste-eimsbuettel-altona .ul-terminliste + p a {
				color: #D84149;
			}
			.harburg a:hover .terminliste-titel,
			.harburg a:focus .terminliste-titel,
			.harburg a:active .terminliste-titel,
			.startseite .el-terminliste-harburg a:hover .terminliste-titel,
			.startseite .el-terminliste-harburg a:focus .terminliste-titel,
			.startseite .el-terminliste-harburg a:active .terminliste-titel,
			.startseite .el-terminliste-harburg .ul-terminliste + p a {
				color: #18A3A3;;
			}
			.winterhude a:hover .terminliste-titel,
			.winterhude a:focus .terminliste-titel,
			.winterhude a:active .terminliste-titel,
			.startseite .el-terminliste-winterhude a:hover .terminliste-titel,
			.startseite .el-terminliste-winterhude a:focus .terminliste-titel,
			.startseite .el-terminliste-winterhude a:active .terminliste-titel,
			.startseite .el-terminliste-winterhude .ul-terminliste + p a {
				color: #7E64A9;
			}
			.familienrat a:hover .terminliste-titel,
			.familienrat a:focus .terminliste-titel,
			.familienrat a:active .terminliste-titel {
				color: #E3B017;
			}

			.terminliste-uhrzeit-anmeldung {
				display: inline-block;
				color: rgba(56,77,75,.8);
				font-size: 1.6rem;
				margin-top: 2px;
			}

			.startseite .terminliste-uhrzeit-anmeldung {
				font-size: 1.5rem;
				line-height: 2.1rem;
				margin-top: 1px;
			}







		/* Termine - Detailseite */

			.termin-detail-datum {
				font-size: 2.0rem;
				line-height: 3.0rem;
				padding-bottom: 2.0rem;
				border-bottom: 1px solid rgba(31,35,37,.2);
				margin-top: 2.0rem;
				margin-bottom: 4.0rem;
			}

			.termin-detail-anmeldung {
				padding-top: 1.8rem;
				border-top: 1px solid rgba(31,35,37,.2);
				border-bottom: 1px solid rgba(31,35,37,.2);
				margin-top: 4.0rem;
				margin-bottom: 4.0rem;
			}
			.termin-detail-anmeldung h2 {
				font-size: 2.0rem;
				margin-top: 0;
				margin-bottom: 0;
			}
			.termin-detail-anmeldung h2 + p {
				margin-top: 1.0rem;
			}

		/* Termine - Navigation */

			.nav-termine {
				position: relative;
			}
			.nav-termine h1 {
				max-width: calc(100% - 20.0rem);
			}
			.nav-termine-item {
				position: absolute;
				width: 20.0rem;
				top: 0;
				right: 0;
			}
			.nav-termine-item p {
				margin: 1.2rem 0 0 0;
				text-align: right;
			}

		/* Termine - Startseite */

			.startseite .article-terminlisten h2 {
				max-width: 64.0rem;
				margin-top: 5.0rem;
				margin-right: auto;
				margin-left: auto;
			}
			@media (min-width: 56.249em) {
				.startseite .article-terminlisten h2 {
					text-align: center;
				}
			}

			.startseite .el-terminliste h3 {
				font-size: 1.8rem;
				font-weight: 400;
				margin-top: 2.0rem;
				margin-bottom: 0;
			}

        	@media (min-width: 56.249em) {
	            .startseite .el-terminliste {
	                float: left;
	                width: calc(((100% - 30px) / 3));
	                margin: 0 15px 0 0;
	            }
	        }
        	@media (min-width: 56.250em) {
	            .startseite .el-terminliste {
	                width: calc(((100% - 40px) / 3));
	                margin: 0 20px 0 0;
	            }
	            .startseite .el-terminliste:last-child {
	                margin-right: 0;
	            }
	        }
        	@media (min-width: 62.500em) {
	            .startseite .el-terminliste {
	                width: calc(((100% - 60px) / 3));
	                margin: 0 30px 0 0;
	            }
	        }

	        .startseite .ul-terminliste + p {
	        	margin-top: 0;
	        }

	/* Text-Elemente */

		.content-text:not(.intro-1),
		.ce_text:not(.intro-1){
			max-width: 64.0rem;
		}
		@media (max-width: 56.249em) {
			.content-text,
			.ce_text{
				margin: 0 auto;
			}
		}

    /* Typography */

        /* Headlines */

            h1 {
                font-size: 2.4rem;
                font-weight: 500;
                line-height: 3.1rem;
                margin-top: 0;
                margin-bottom: 1.5rem;
            }
            @media (min-width: 45.000em) {
	            h1 {
	                font-size: 3.2rem;
	                line-height: 4.0rem;
	                margin-bottom: 2.0rem;
	            }
            }
            h2 {
                font-size: 2.4rem;
                font-weight: 500;
                line-height: 3.2rem;
                margin-top: 4.0rem;
                margin-bottom: 1.8rem;
            }
            h3 {
                font-size: 2.0rem;
                font-weight: 500;
                line-height: 2.6rem;
                margin-top: 3.0rem;
                margin-bottom: 1.5rem;
            }
            h4 {
                font-size: 1.8rem;
                font-weight: 600;
                line-height: 2.6rem;
                margin-top: 1.8rem;
                margin-bottom: 1.8rem;
            }
            h5,
            h6 {
                font-size: 1.8rem;
                font-weight: 600;
                line-height: 2.6rem;
                margin-top: 1.8rem;
                margin-bottom: 0;
            }

            h5 + p,
            h6 + p {
                margin-top: 0;
            }

        /* Paragraphs */

            p {
                font-size: 1.7rem;
                line-height: 2.4rem;
                margin: 1.5rem 0;
            }
            @media (min-width: 45.000em) {
	            p {
	                font-size: 1.8rem;
	                line-height: 2.6rem;
	                margin: 1.8rem 0;
	            }
	        }
	        #right p {       	
                font-size: 1.7rem;
                line-height: 2.2rem;
                margin: 1.0rem 0;
	        }

            .p-einleitung {
            }
            .p-hervorgehoben {
            }
            .p-zentriert {
                text-align: center;
            }

            @media (min-width: 56.250em) {
	            .p-kleiner,
	            #right .p-kleiner {
	            	opacity: .8;
	            	font-size: 1.6rem;
	            	line-height: 2.2rem;
	            }
	        }

        /* Lists */

            ul,
            ol {
                padding: 0;
                margin: 1.5rem 0;
                list-style: none;
            }
            @media (min-width: 45.000em) {
	            ul,
	            ol {
	                margin: 1.8rem 0;
	            }
           	}

            li {
                font-size: 1.7rem;
                line-height: 2.4rem;
                margin: 1.5rem 0;
            }
            @media (min-width: 45.000em) {
	            li {
	                font-size: 1.8rem;
	                line-height: 2.6rem;
	                margin: 1.8rem 0;
	            }
           	}

            .content-text ul li:not(.li-ohne-bullet) {
                position: relative;
                padding-left: 2.0rem;
            }
            .content-text ul li:not(.li-ohne-bullet):before {
                content: "•";
                position: absolute;
                left: 0;
            }

            .li-ohne-abstand {
                margin: 0;
            }
            .li-ohne-abstand > ul,
            .li-ohne-abstand > ol {
                margin-top: 0;
            }
            .li-kleiner-abstand,
            .ul-li-kleiner-abstand li {
                margin: .4rem 0;
            }
            .li-ohne-bullet {
                padding: 0; 
            }

            li h3 {
            	font-size: 1.8rem;
            	line-height: 2.6rem;
            	margin-bottom: .8rem;
            }
            li h3 + p {
            	margin-top: 0;
            }

            /* TinyMCE */

                #tinymce.mce-content-body ul li:not(.li-ohne-bullet):not(.li-para-linklist) {
                    position: relative;
                    padding-left: 2.0rem;
                }
                #tinymce.mce-content-body ul li:not(.li-ohne-bullet):not(.li-para-linklist):before {
                    content: "•";
                    position: absolute;
                    left: 0;
                }

        /* Links */

        	/* Links allgemein */

        		.eimsbuettel-altona a:hover,
        		.eimsbuettel-altona a:focus,
        		.eimsbuettel-altona a:active {
        			color: #D84149;
        		}
        		.harburg a:hover,
        		.harburg a:focus,
        		.harburg a:active {
        			color: #18A3A3;
        		}
        		.winterhude a:hover,
        		.winterhude a:focus,
        		.winterhude a:active {
        			color: #7E64A9;
        		}
        		.familienrat a:hover,
        		.familienrat a:focus,
        		.familienrat a:active {
        			color: #E3B017;
        		}


            /* Buttons */

                .button {
                    display: inline-block;
                    background-color: #78B92D;
                    color: #FFF;
                    font-size: 1.8rem;
                    font-weight: 500;
                    line-height: 2.4rem;
                    text-decoration: none;
                    text-align: center;
                    padding: 7px 16px 7px 16px;
                    border: 1px solid #78B92D;
                    border-radius: 3px;
                    margin: 0;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;        
                }
                .button:hover,
                .button:focus,
                .button:active {
                    color: #FFF;
                    background-color: #4E6564;
                    border-color: #4E6564;
                    text-decoration: none;
                }

                .button.rot,
                .eimsbuettel-altona .button:hover,
                .eimsbuettel-altona .button:focus,
                .eimsbuettel-altona .button:active {
                    color: #FFF;
                    background-color: #E25962;
                    border: 1px solid #E25962;
                }
                .button.rot:hover,
                .button.rot:focus,
                .button.rot:active {
                    background-color: #78B92D;
                    color: #FFF;
                    border-color: #78B92D;
                }

                .button.blau,
                .harburg .button:hover,
                .harburg .button:focus,
                .harburg .button:active {
                    background-color: #1BB3B3;
                    color: #FFF;
                    border: 1px solid #1BB3B3;
                }
                .button.blau:hover,
                .button.blau:focus,
                .button.blau:active {
                    background-color: #78B92D;
                    color: #FFF;
                    border-color: #78B92D;
                }

                .button.lila,
                .winterhude .button:hover,
                .winterhude .button:focus,
                .winterhude .button:active {
                    background-color: #9178B9;
                    color: #FFF;
                    border: 1px solid #9178B9;
                }
                .button.lila:hover,
                .button.lila:focus,
                .button.lila:active {
                    background-color: #78B92D;
                    color: #FFF;
                    border-color: #78B92D   ;
                }

                .button.gelb,
                .familienrat .button:hover,
                .familienrat .button:focus,
                .familienrat .button:active {
                    background-color: #F2BC18;
                    color: #FFF;
                    border: 1px solid #F2BC18;
                }
                .button.gelb:hover,
                .button.gelb:focus,
                .button.gelb:active {
                    background-color: #78B92D;
                    color: #FFF;
                    border-color: #78B92D   ;
                }

        /* Trennlinien */


	    	.trennlinie-oben {
	    		clear: both;
	            border-top: 1px solid rgba(31,35,37,.2);
	            margin-top: 5.0rem;
	    	}
            .trennlinie-unten {
                padding-bottom: 3.0rem;
                border-bottom: 1px solid rgba(31,35,37,.2);
                margin-bottom: 3.0rem;
            }

        /* Other */

            abbr {
                text-decoration: none;
            }

    /* Zitate */

    	.content-text.zitat {
    		margin: 0 auto;
    	}

    	.blockquote-zitat {
    		background-color: #F2F2F2;
    		border-radius: 15px;
        	box-sizing: border-box;
    		color: #486362;
    		font-size: 1.8rem;
    		font-style: italic;
    		line-height: 2.7rem;
    		margin: 3.5rem 0;
    		padding: 30px 70px 30px 40px;
        	position: relative;
        	text-align: center;
    	}
 
        .blockquote-zitat:after {
        	background-image: url(/files/images/layout/blockquote-triangle.png);
        	background-size: 33px 27px;
        	background-repeat: no-repeat;
        	bottom: -27px;
        	content: " ";
        	display: block;
        	height: 27px;
        	position: absolute;
        	right: 100px;
        	width: 33px;
        }

    	.p-zitat-quelle {
    		color: #486362;
    		font-size: 1.5rem;
    		line-height: 2.1rem;
    		text-align: right;
    		margin: 0 50px 0 0;
    	}

    	.blockquote-zitat + .p-zitat-quelle {
    		margin-top: -.7rem;
    	}

/* Footer */

	/* Footer: Basic */

        #footer {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
	    .footer-1 > .inside,
	    .footer-2 > .inside {
	    	position: relative;
	    	margin: 0 10px;
	    }
		@media (min-width: 45.000em) {
	        .footer-1 > .inside,
	        .footer-2 > .inside {
		        width: 95%;
	            max-width: 108.0rem;
	            margin: 0 auto;            
	        }
	    }
		@media (min-width: 62.500em) {
		    .footer-1 > .inside,
		    .footer-2 > .inside {
		        width: 93%;
		    }
		}

		#footer a {
			color: #FFF;
		}

    /* Footer 1: Ueber biff - Sitemap - Beratungsstellen */

        .footer-1 {
            background-color: #4E6564;
            border-top: 10px solid #78B92D;
        }

        .footer-ueber-biff {
            text-align: center;
            padding: 30px 0 0 0;
        }
        @media (min-width: 50.000em) {
	        .footer-ueber-biff {
	            float: right;
	            width: calc((((100% - 40px) / 3) + 40px) - .1px);
	            padding: 30px 0;
	            margin-right: calc((100% - 40px) / 3);
	        }
	    }

	    @media (min-width: 23.750em) {
	        .footer-sekundaermenue {
	            float: left;
	            width: calc((100% - 20px) / 2);
	        }
	    }
	    @media (min-width: 31.250em) {
	        .footer-sekundaermenue {
	            float: left;
	            width: calc((100% - 30px) / 2);
	        }
	    }
        @media (min-width: 50.000em) {
	        .footer-sekundaermenue {
	            float: left;
	            width: calc((100% - 40px) / 3);
	        }
	    }

	    @media (min-width: 23.750em) {
	        .footer-beratungsstellen {
	            float: right;
	            width: calc((100% - 20px) / 2);
	      	}
	    }
	    @media (min-width: 31.250em) {
	        .footer-beratungsstellen {
	            float: right;
	            width: calc((100% - 30px) / 2);
	      	}
	    }
        @media (min-width: 50.000em) {
	        .footer-beratungsstellen {
	        	float: none;
	            position: absolute;
	            top: 0;
	            right: 0;
	            width: calc((100% - 40px) / 3);
	        }
	    }


        .footer-1 ul {
            margin: 40px 0;
        }
	    @media (min-width: 23.750em) {
	        .footer-1 ul {
	            margin: 25px 0 35px 0;
	        }
	    }
        @media (min-width: 50.000em) {
	        .footer-1 ul {
	            margin: 45px 0;
	        }
        }

        .footer-1 li {
            font-size: 1.6rem;
            line-height: 2.3rem;
            border-bottom: 1px solid rgba(255,255,255,.2);
        }
        .footer-1 li:first-child {
            border-top: 1px solid rgba(255,255,255,.2);
        }
        .footer-1 li a,
        .footer-1 li strong {
            display: block;
            font-weight: 400;
            padding: 5px 0 4px 0;
        }

        .footer-ueber-biff h2 {
            margin: 0;
        }
        .footer-ueber-biff p {
            width: 100%;
            max-width: 55.0rem;
            color: #DBDFDF;
            font-size: 1.7rem;
            line-height: 2.4rem;
            margin: 18px auto 10px auto;
        }
        @media (min-width: 50.000em) {
	        .footer-ueber-biff p {
	            width: 100%;
	            max-width: 35.8rem;
	            margin: 18px auto 10px auto;
	        }
	    }

        @media (min-width: 50.000em) {
	        .footer-sekundaermenue ul {
	            width: 80%;
	            max-width: 245px;
	        }
	        .footer-beratungsstellen ul {
	            float: right;
	            width: 80%;
	            max-width: 245px;
	        }
	    }


    /* Footer 2: Rechtliches */

        .footer-rechtliches ul {
            text-align: center;
            margin: 12px 0;
        }
        @media (min-width: 31.250em) {
	        .footer-rechtliches ul {
	            float: right;
	            text-align: left;
	        }
	    }

        .footer-rechtliches li {
            display: inline-block;
            font-size: 1.4rem;
            line-height: 2.1rem;
        }
        @media (min-width: 31.250em) {
	        .footer-rechtliches li {
	        	display: block;
	            float: left;
	        }
        }

        .footer-rechtliches a,
        .footer-rechtliches strong {
            display: block;
            font-weight: 400;
            margin: 0 0 0 15px;
        }
        .footer-rechtliches a:hover,
        .footer-rechtliches a:focus,
        .footer-rechtliches a:active {
            text-decoration: underline;
        }


/* Lageplaene 2024 */

.plan-eimsbuettel img,
.plan-harburg img,
.plan-winterhude img{
	width:100%;
	height:220px;
	object-fit:cover;
	
}
.osm-hinweis {
	font-size: 1.2rem;
    color: #888;
	text-align:right;
	padding-top:1px;
}

.box-grau-orange .content-text{
	
    background: #f2f2f2;
    max-width: inherit;
	margin-top:60px;
	border: 5px solid #ff8000;
	border-radius: 15px;
}
.box-grau-orange .content-text .rte{
	    padding: 20px 20px 30px 20px;
}