* {
			margin: 0;
			padding: 0;
		}
		ul {
			list-style: none;
		}
		#header_top {
			background: #04C4AE;
			height: 70px;
			border-bottom: 2px solid #fff;
			text-align: center;
		}
		#header_top img {
			position: relative;
			top: 8px;
            z-index: 999;
            /*width: 400;*/
		}
		#header_content {
			background-color: thistle;
			height: auto;
            /*padding-top: 20px;
            padding-bottom: 20px;*/
            
		}
        #header_content img {
			
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            max-height: 450px;
            height: auto;
		}


        .headline {
            font-size: x-large;
            font-weight: bold;
            padding: 10px;
        }

        .text {
            padding: 14px;
        }

        /* Page content 
        .content {
            /*padding: 16px;
        }*/

        /* The sticky class is added to the navbar with JS when it reaches its scroll position */
        .sticky {
            position: fixed;
            top: 0;
            width: 100%;
        }

        /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
        .is-fixed-top + .content {
            padding-top: 54px;
        }

		.white_block {
			background: #fff;
			width: 100%;
            
			padding: 60px 0;
			color: #000;
            /*display: flex;*/
		}

        .white_block strong{
			color: #000 !important;

		}

        .white_block h3{
			color: #000 !important;

		}

		.colour_block {
			background: #04C4AE;
			
			width: 100%;
			padding: 60px 0;
			color: #fff !important;
		}

        .colour_block strong{
			color: #fff !important;

		}

        .colour_block h3{
			color: #fff !important;

		}

        .colour_block .title{
			color: #fff !important;

		}

		img.big {
			margin: 18px 34px 34px 18px;
			border: 4px solid #fff;
			border-radius: 40% 60% 60% 40% / 47% 39% 61% 53% ;
			box-shadow: 8px 7px 0px 24px rgba(247,147,30,1);
			-webkit-box-shadow: 8px 7px 0px 24px rgba(247,147,30,1);
			-moz-box-shadow: 8px 7px 0px 24px rgba(247,147,30,1);
		}
		img.smal {
			margin: 10px 18px 18px 10px;
			border: 2px solid #fff;
			border-radius: 40% 60% 60% 40% / 47% 39% 61% 53% ;
			box-shadow: 4px 3px 0px 12px rgba(247,147,30,1);
			-webkit-box-shadow: 4px 3px 0px 12px rgba(247,147,30,1);
			-moz-box-shadow: 4px 3px 0px 12px rgba(247,147,30,1);
		}
		section.border_wt {
			width: 100%;
			height: 40px;
			background: -webkit-gradient(radial, 50% 0, 10, 50% 0, 40, from(#fff), color-stop(0.49, #fff), color-stop(0.51, #04C4AE), to(#04C4AE));
			-webkit-background-size: 49px 100%;
		}
		section.border_tw {
			width: 100%;
			height: 40px;
			background: -webkit-gradient(radial, 50% 100%, 10, 50% 100%, 40, from(#fff), color-stop(0.49, #fff), color-stop(0.51, #04C4AE), to(#04C4AE));
			-webkit-background-size: 49px 100%;
		}
		section.border_wb {
			width: 100%;
			height: 40px;
			background: -webkit-gradient(radial, 50% 0, 10, 50% 0, 40, from(#fff), color-stop(0.49, #fff), color-stop(0.51, #5CCFF8), to(#5CCFF8));
			-webkit-background-size: 49px 100%;
		}
		section#footer_content {
			background-image: url("vorstadtstrolche_footer_bg.svg");
		  	background-color: #5CCFF8;
		  	height: 400px;
		  	background-position: bottom;
		  	background-repeat: no-repeat;
		  	background-size: cover;
			padding: 20px 0 40px 0;
			text-align: center;
		}
		.footer_content_block {
			display: inline-block;
			padding: 10px;
			background-color: rgba(193,101,28,0.9);
			color: #fff;
			width: 300px;
			text-align: center;
			border-radius: 24px 24px 24px 24px;
			-webkit-border-radius: 24px 24px 24px 24px;
			-moz-border-radius: 24px 24px 24px 24px;
		}
		.footer_content_border {
			padding: 20px;
			border: 2px dashed #fff;
			border-radius: 16px 16px 16px 16px;
			-webkit-border-radius: 16px 16px 16px 16px;
			-moz-border-radius: 16px 16px 16px 16px;
		}
		section#footer_copyright {
			background-color: #F7931E;
			color: #fff;
			border-top: 2px solid #fff;
			padding: 12px 0;
            text-align: center;
            bottom: 0;
            width: 100%;
		}

        .cookie-banner {
            position: fixed;
            bottom: 0px;
            padding: 15px 15px 15px 15px;
            display: flex;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
            justify-content: space-between;
            background-color: white;
            border: solid 0.1em;
            border-color: rgba(193,101,28,0.9);
            border-radius: 5px;
            box-shadow: 0 0 2px 1px rgb(193 101 28 / 20%);
            z-index: 999;
        }

        .media {
            align-items: flex-start;
            display: flex;
            text-align: inherit;
        }

        article {
            display: block;
        }

        article, aside, figure, footer, header, hgroup, section {
            display: block;
        }

        .media-content {
            flex-basis: auto;
            flex-grow: 1;
            flex-shrink: 1;
            text-align: inherit;
        }

        .media-right {
            margin-left: 1rem;
        }
        .media-left, .media-right {
            flex-basis: auto;
            flex-grow: 0;
            flex-shrink: 0;
        }

        .close {
            border-color: rgba(193,101,28,0.9);
            cursor: pointer;
        }

        .button {
            background-color: #fff;
            border-color: rgba(193,101,28,0.9);
            border-width: 1px;
            color: rgba(193,101,28,0.9);
            cursor: pointer;
            justify-content: center;
            padding-bottom: calc(0.5em - 1px);
            padding-left: 1em;
            padding-right: 1em;
            padding-top: calc(0.5em - 1px);
            text-align: center;
            white-space: nowrap;
        }

        .button .icon:first-child:last-child {
            margin-left: calc(-0.5em - 1px);
            margin-right: calc(-0.5em - 1px);
        }

        .button .icon, .button .icon.is-large, .button .icon.is-medium, .button .icon.is-small {
            height: 1.5em;
            width: 1.5em;
        }
        .icon.is-small {
            height: 1rem;
            width: 1rem;
        }
        .icon {
            align-items: center;
            display: inline-flex;
            justify-content: center;
            height: 1.5rem;
            width: 1.5rem;
            color: #c1651ce6;
        }
        span {
            font-style: inherit;
            font-weight: inherit;
        }

        .brown {
            filter: invert(45%) sepia(69%) saturate(640%) hue-rotate(346deg) brightness(87%) contrast(89%);
        }

        .red {
            background-color: #DD2018;
        }

        /* ### Slideshow ### */

        * {box-sizing:border-box}

        /* Slideshow container */
        .slideshow-container {
        max-width: 1000px;
        position: relative;
        margin: auto;
        padding-bottom: 0px;
        margin-bottom: 0px;
        }

        /* Hide the images by default */
        .mySlides {
        display: none;
        border-bottom: 2px solid #fff;
        padding-bottom: 0px;
        }

        /* Fading animation */
        .fade {
        animation-name: fade;
        animation-duration: 1.5s;
        }

        @keyframes fade {
        from {opacity: .4}
        to {opacity: 1}
        }