@import url(https://fonts.googleapis.com/css?family=Caveat:400,700);
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}
/* GLOBAL */
html {
background: url(./bg/hintergrund.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body
{
        /*border-top:5px solid #00803D; */
		background:transparent;
        font-family: 'Caveat',cursive;
		color:black;
}
p.round { /* 01-2017 */
    background-color: #79B631;
    color: white;
border: 1px solid #79B631;
border-radius:8px;
max-width: 85%;
}
img.imgfliess 
{
width:160px;
height:auto;
display:block;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}
span.klein {  /* 01-2017 */
line-height: 80%;
}

#container {
width: 100%;
margin: auto;
padding: auto;
}
#inhalt {
margin: auto;
margin-top: 90px;
padding: auto;
width: 100%;
max-width: 600px;
background: transparent;
/*background: rgb(255,255,255);
background: rgba(255,255,255,0.1);*/
border-radius: 20px;
border:0px solid black;
}
div.headlogo {
z-index: 2;
width: 100%;
height: auto;
border: 1px solid red;
}
.logo {
margin-top:26px;
}
div.showit2 { /* Zusatz neben Logo */
clear:both;
float:right;
margin-right: 0px;
width:330px;
height:auto;
margin-top:30px;
}
.showit2  p{
font-size: 1.5em;
color: #00803D;
}
ul li.rot{
color:red;
font-size:16px;
}
article.column1 ul{
margin-left: 8%;
}
article.column1 li{
font-size: 25px;
line-height: 24px;
margin-bottom:12px;
list-style-type: disc;
list-style-position: outside;
}
p.kopfrow {
font-family: 'Caveat',cursive;
font-size: 22px;
font-weight: bold;
background-color:#79b631; /* hellgruen #EA7C59 */
color: white;  /* gruen #00803D */
padding: auto auto;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom:10px;
max-width:100%;
text-align:center;
border-radius: 8px;
}
.column2  {
margin: 0 auto 0 auto;
padding: 0 auto 0 auto;
text-align: center;
} 

article.homeright {
width:100%;
/*background: rgba(121,182,49,0.8); */
background: rgb(121,182,49);
padding: 15px;
text-align: left;
border-radius: 8px;
}
article.homeright p {
font-size: 22px;
color: white;
}
article.column1 figure {
width:100%;
margin-left:auto;
margin-right:auto;
}
.column1 figure figcaption {
	width:100%;
	padding: 0px auto 20px 0px;
	text-align:center;
	margin-left: 8px;
	margin-bottom: 15px;
	background-color: transparent;
	color: #00803D;
	font-size: 22px !important;
}
p.right {
	text-align: right;
	margin: 0;
	padding: 0;
	margin-right: 8%;
	margin-top: -2px;
	font-size:20px !important;
	}
input 
{
        font-family: 'Caveat',cursive;
        font-size:16px;
        padding: 7px;
        outline: 0;
        border:0;
        width:250px;
        background: #FFF4CA;
        border-radius:5px;
}

input[type=submit]
{
        width:auto;
        padding: 5px 18px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #73b631;
        color: #fff;
}
/* Formularformatierungen */

fieldset {
    border: 1px solid #C2D2E5;
	border-radius:5px;
	padding:5px 10px 5px 30px;
	margin-bottom:10px;
}

legend {
    color: #00803D;
    font-size: 16px;
    padding: 0 4px;
}

.formset {
    margin: 6px 0;
}

.formset label, .formset input, .formset textarea {
    display: inline-block;
}

.formset label {
    width: 98%;
    padding-right: 2%;
}
.formset input, .formset textarea {
    width: 95%;
    border: 1px solid #C2D2E5;
    padding: 4px;
}
.formset select {
    width: 100%;
	font-size: 1.0em;
    border: 1px solid #C2D2E5;
	border-radius:5px;
    padding: 4px 4px 4px 3px;
	background-color:transparent;
}
div.formsetcheck /* Checkbox Datenschutz */
{
border: 0px solid red;
min-height:25px;
padding:10px 0px 0px 0px;
}
fieldset div.formsetcheck .links
{
float:left;
max-width:20px;
cursor:pointer;
display:block;
margin-top:6px;
padding:auto; 
}
.formsetcheck label
{
font-size:16px;
display:block;
margin-left:30px;
border: 0px solid #C2D2E5;
}
.formsetcheck label a
{
font-size:16px;
color:#BF3941;
border-bottom: 1px dashed #BF3941;
}
/* Checkbox Datenschutz Ende */
.submit-btn {
    float: right;
    border: 1px solid #C2D2E5;
    padding: 4px;
    color: #fff;
    background: #30395C;
    margin-right: 2.5%;
}

input:required {
    padding-right: 3%;
    background: url("../gfx/char_asterisk.svg") no-repeat scroll right top / 4% auto transparent;
}
textarea {
height: 60px;
}

input[type='number']:out-of-range {
    border-color: red;
}

/* Positionierung der Required * in em */
em{

    left: 98%;
}
/* Formularformatierungen Ende */
p
{
        margin:0px 0px;
        line-height:25px;
}
p.banderole {
font-family: 'Caveat',cursive;
font-size:26px;
}
.kursiv {
font-style: italic;
}
a
{
        text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}
a.farbe {
font-size: 23px;
color: #E41518;
} 
a:hover.farbe {
color: gray;
} 
div.hide {
display: none;
}
		div.showit {
display:block;
width:100%;
height:auto;
margin-bottom:-5px;
}
strong
{
        font-weight:bold;
}

figcaption strong
{
        border-bottom: 1px dotted #00803D;
        padding-bottom:10px;
        margin: 10px 0;
        display:block;
}

figcaption
{
        line-height: 25px;
        font-size:16px;
        width:100%;
		border: 0px solid red;
}

hr
{
        background-color: #00803D;
        border:0;
        height:1px;
        margin:20px 0;
}


/* HEADER */

header
{
		position:relative;
		height:170px;
        width:auto;
        max-width:900px;
        margin: 0 auto 20px auto;
		border: 0px solid red;
}

header h1
{
        margin:35px 0 0 0;
        font-size:55px;
		line-height:58px;
        color:#00803D;
        font-family: 'Caveat',cursive;
}

header p
{
        font-family: 'Caveat',cursive;
        font-size:20px;
        color: #4A463B;
        margin-left:132px;
}
a.rot {
color:#E41518;
}
nav
{
        position:absolute;
		color: white;
		z-index: 10;
		top:232px; /* 195 px  */
		right:0;
        bottom:0;
}

nav ul
{
        list-style:none;
}

nav ul li
{
        display:block;
        float:left;
        padding:3px 10px;
		/* background: rgba(255,255,255,0.6); */
		overflow: visible;
}

nav ul li a
{
        font-family: 'Caveat',cursive;
		font-size: 22px;
		color: white; /* #79B631 */
        /* text-transform:uppercase; */
		font-weight: bold;
        transition: all .25s ease;
}

nav ul li a:hover
{
        color:#E41518;
}

nav ul li ul { /* 1. Untermenue auch abstand oben  */
z-index:99;
background: #FFF4CA;
position:absolute;
display:none;
width:180px;
top: 20px;
margin:0px;
padding-top:15px;
}
nav ul li ul {
display:none;
}
nav ul li ul li a{ /* 1. Untermenue auch abstand oben  */
line-height:25px;
padding-bottom:8px;
}
nav ul li ul li:last-child{ /* 1. Untermenue auch abstand oben  */
margin-bottom:8px;
}
nav ul li ul:last-child{ /* 1. Untermenue auch abstand oben  */
border-bottom-left-radius: 8px;
border-bottom-right-radius: 16px;
}
nav li:hover ul, nav li li:hover ul{
display:block;
}

#mobileMenu
{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li  
{
        display:block;
        background-color: #73b631;
		font-size: 20px;
		font-weight: bold;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px dotted #CC5836;
}
#mobileMenu ul li.blau {
background: #3B5998;
}
#mobileMenu ul li.submenue
{
        display:block;
        background-color: #FFDD00;
        color: black;
        padding: 12px 0;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid gray;
}
.toggleMobile
{
        display: none;
}

/* BUTTONS */

.button
{
        padding:7px 14px;
        border: 1px solid #c3532e;
        background-image: linear-gradient(bottom, #E41518 0%, #ff8c66 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #E41518 100%);
        background-color: #eb653c;
        color: #FFF4CA;
        text-shadow: 1px 1px 0px #ff8155;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button:hover
{
        background:none #FFF4CA;
        border-color: #FFF4CA;
        text-shadow:none;
        color: #4A463B;
}


/* SPACER Streifen unter Logo #B13507*/

#spacer
{
        width:auto;
        height:50px;
        background-color:#79b631; /* hellgruen #EA7C59 */
        position:relative;
        font-family: 'Caveat',cursive;
        color:#fff;
        font-size:22px;
		margin-top:50px;
}
#spacer p
{
        margin-top:12px;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-450px;
}

#spacer .search
{
        margin-top:15px;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-480px;
}


/* FOUR COLUMNS */

#four_columns, #text_columns
{
        line-height:25px;
        font-family: 'Caveat',cursive;
        clear:both;
        width:auto;
        max-width:900px;
		background-color: transparent;
        margin:0 auto;
}

#four_columns h2, #text_columns h3
{
        font-size:30px; 
		font-weight: normal;
		color: #00803D;
        border-bottom: 0px dotted #00803D;
        padding: 20px 0 8px 0;
        margin-bottom: 16px;
}

#four_columns .img-item
{
        float:left;
        margin-right:25px;
}

#four_columns .img-item a
{
        position:relative;
        display:block;
}
		#four_columns img {
		width: 200px;
		height: auto;
		}

.thumb-screen
{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:118px;
        background: #000 url(img/zoom.png) center center no-repeat;
        z-index:99;
        opacity: 0;
        transition: opacity .5s ease;
}

.thumb-screen:hover
{
        opacity:0.5;
}


/* TWO COLUMNS */

#text_columns article.column1
{

		padding: 20px 10px 20px 10px;
        width:100%;
        max-width: 100%;
		border: 0px solid gray;
		max-height:auto;
}
p.zweispalten {
		line-height: 26px;
		padding-top:10px;
		font-style: italic;
		font-size: 14px;
		column-count: 2;
		column-width: 48%;
}
#text_columns article.column1 p /* Haupttextblock */
{
font-size: 25px;
line-height: 30px;
padding:5px;
}
#text_columns .column2 /* Abstand obere rechts */
{
padding-top:12px;
}
#text_columns h1 /* Headline Fliesstext */
{
        font-size:35px;
		font-family: 'Caveat',cursive;
		font-weight: normal;
		line-height:36px;
		padding-bottom: 12px;
}
#text_columns .column2 {
        margin: 120px 0 0 0;
        float:right;
        width:28.88888888%;
        max-width: 28.88888888%;
		border: 0px solid gray;
}
/* Kontaktform */
#text_columns .column2kontakt /* Abstand obere rechts */
{
padding-top:12px;
}
#text_columns .column2kontakt {
        margin: 120px 0;
        float:right;
        width:38.88888888%;
        max-width: 38.88888888%;
		border: 0px solid gray;
}
.rowkontakt
{
        position:relative;
        margin: 35px 0 0 50px;
        float:right;
        width:340px;
		min-height:160px;
		border: 0px solid black;
}
.rowkontakt p
{
        margin-left: 0px;
}

/* Kontaktform Ende*/
#text_columns h1
{
        font-family: 'Caveat',cursive;
		margin:35px 0 0 0;
		color:#7128B6;
}
.row
{
        position:relative;
        margin: 40px 0 0 50px;
        float:right;
        width:340px;
		min-height:100px;
		border: 0px solid black;
}
.row img
{
        float:left;
		margin-left:30px;
}

.row p
{
        margin-left: 110px;
}
.row a {
color: #E41518;
}
.row a:hover {
color: #00803D;
}

/* FOOTER */

footer
{
        position:relative;
        clear:both;
        width:auto;
        height:290px;
        background:#79b631; /* hellgruen #EA7C59 */
}

footer .wrapper
{
        margin: 0 auto;
        padding-top:15px;
        width:auto;
        max-width:900px;
}

footer .wrapper .column
{
        font-family: 'Caveat',cursive;
		font-size: 22px;
        color: white; /* #00803D */
        float:left;
        width:280px;
        margin-right:20px;
}

footer .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
        border-bottom: 1px dotted #00803D;
        background:url(img/arrowright2.png) left 6px no-repeat;
}

footer .wrapper .column.midlist ul li a:hover
{
        color:#fff;
}

footer .wrapper .column.rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
}

footer .wrapper .column.rightlist ul li a span
{
        margin-left:95px;
        display:block;
}

footer .wrapper .column.rightlist ul li a img
{
        transition: border .25s ease;
        float:left;
        border:3px solid #00803D;
}

footer .wrapper .column.rightlist ul li a img:hover
{
        border-color: #5e5e5e;
}

footer .wrapper .column h4
{
        font-size: 26px;
        color: #fff;
        border-bottom: 1px dotted white; /* #00803D */
        padding: 0 auto 10px auto;
        margin-bottom: 10px;
}

#copyright
{
        background: #1D1D1D;
        height:70px;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
}
#copyright .wrapper
{
        font-family: 'Caveat',cursive;
        padding-top:25px;
        color: #5e5e5e;
        font-size: 18px;
        position:relative;
}
#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}

#copyright .wrapper a:hover
{
        color: #fff;
}

/* SKIPLINK */
.go-top
{
        position: fixed;
		z-index:2;
        bottom: 1.5em;
        right: 7%;
        text-decoration: none;
        color: white;
        background-color: rgba(255,255,255, 0.6);
        font-size: 12px;
        padding: 0.6em;
        display: none;
		border-radius:8px;
}

.go-top:hover
{
        background-color: rgba(255,255,255, 0.8);
}
.go-top img {
opacity: 1.0;
}
.go-top:hover img {
opacity: 1;
}


/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-top: 0px #00803D solid;
}
#slides
{
        display: none;
}

/* Center the slideshow */
.container
{
        width:auto;
        margin: 0 auto;
        position:relative;
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
        color:red;
}

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button, #slider_content4 p  .responsive_button
{
        display:none;
        color:#000;
}


/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
@media (max-width: 1215px) /*1215*/

{
#inhalt {

}
.go-top {
display: inline;
}
fieldset {
	padding:5px 10px 5px 30px;
	margin-bottom:40px;
}
        #boxcontent article
        {
                float: none;
                margin: 30px auto 0 auto;
                width: 70%;
        }
	        header
        {
				height:170px;
				text-align: center;
        }	
		
header nav {
		display:none;
		}
        #spacer .search
        {
                margin-top:19px;
                margin-right:-385px;
        }
        #spacer p
        {
                margin-left:-370px;
        }
        input
        {
                padding:4px;
                font-size:14px;
        }
        input[type="submit"]
        {
                padding: 1px 14px;
        }
        #four_columns
        {
                width: auto;
				max-width:800px;
				border: 0px dotted green;
        }
		#four_columns img {
		width: 100%;
		height: auto;
		}
		#four_columns .img-item:nth-of-type(1), #four_columns .img-item:nth-of-type(2)
        {
                float:left;
				display:block;
				margin:25px auto 0 65px;
				clear:both;
				border: 0px dotted red;
				box-sizing:border-box;
				-webkit-box-sizing:border-box;
        }
        #four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)
        {
				display:block;
				margin-top: 25px;
				border: 0px dotted blue;
				box-sizing:border-box;
				-webkit-box-sizing:border-box;
        }
		#four_columns .img-item
        {
                width: 210px;
                float:none;
                margin: 25px auto 0 auto;
        }
				#four_columns .img-item figure figcaption
        {
                font-size:1em;
        }

        #four_columns h2
        {
                margin: 0 30px;
        }

        #text_columns article.column1, #text_columns .column2
        {
                float:none;
                max-width: 800px;
                margin: 50px 30px 0px 30px;
        }
		#mobileMenu
        {
                display: block;
                z-index: 99;
        }
        .toggleMobile
        {
                position: absolute;
                top: 20px;
                left: 10px;
                display: block;
                width: 40px;
                height: 36px;
                cursor: pointer;
                z-index: 999;
        }
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
                display: block;
                position: absolute;
				overflow: visible;
                width: 40px;
                height: 8px;
                left: 0;
                background: #00803D; /* Linienfarbe MobilMenu */
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
                top: 0;
        }
        .toggleMobile span.menu2
        {
				top: 14px;
        }
        .toggleMobile span.menu3
        {
				top: 28px;
        }
		        span.menu4
        {
				display:block;
				position:absolute;
				font-weight:bold;
				color: #00803D;
				text-transform:uppercase;
				top: 38px;
				overflow: visible;
        }
        .toggleMobile.active span.menu1
        {
                top: 14px;
				background: #FFDD00;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                background: #FFDD00;
				-webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
		
        #text_columns article.column1, #text_columns .column2, #text_columns .column2kontakt
        {
				margin: auto;
				padding: auto;
				width: auto;
				border: 0px solid black;
        }
        #text_columns .column2, #text_columns .column2kontakt
        {
        margin: 30px 0 0 0;
		padding: 0;
        float:none;
        width:auto;
        max-width: 100%;
		border: 0px solid gray;
        }
		#text_columns article.column1
		{
		padding: 25px 20px 0 20px;
		margin-bottom: 0px;
		}
		#text_columns article.row , #text_columns article.rowkontakt
		{
		float:none;
        margin: auto;
		padding:auto;
        width: 70%;
		border: 0px solid #B34EE9;	
}
		#text_columns article.rowkontakt
		{
		float:none;
        margin: 0;
		padding:20px;
        width: 88%;
		border: 0px solid #B34EE9;	
}

.row img {
margin-left: 0px;
}
.row p 
{
margin-left:0px;
}
.rowkontakt p 
{
margin-left:80px;
}
/*article img{
width:70px;
height: auto;
} */
footer {
padding-left: 48px;
}
        footer .wrapper .column
        {
                width: 230px;
        }
        #text_columns .column2
        {
        margin: 0px 0 0 0;
		padding: 0;
        float:none;
        width:auto;
        max-width: 100%;
		border: 0px solid red;
        }
		p.kopfrow {
		width: 92%;
		font-size: 28px;
		margin: 0px auto 0px auto;
		padding-top: 12px;
		padding-bottom: 14px;
}
article.homeright {
		float:none;
		margin: 20px auto 0px auto;
		max-width: 92%;
}
article.homeright p{
font-size: 24px;
}
}

@media (max-width: 960px) /*765 +++  900 Xperia z tablet +++ */
{
#inhalt {

}
        .container
        {
                height:1px;
                top: -1500px;
        }
        header
        {
				height:150px;
				text-align: center;
        }
		header img {
		margin-top:30px;
		}
        header nav
        {
                right: auto;
                bottom: auto;
                left: 50%;
                top:100px;
                margin-left: -184px;
        }
		div.showit2 {
display:none;
}
		.nav {
		display:none;
		}
        #spacer
        {
                height:36px;
        }
        #spacer p
        {
                text-align:center;
                position:static;
                margin: 0 0;
                padding:5px 0 0px 0;
        }
        #spacer .search
        {
                text-align:center;
                position:static;
                margin: 0 auto;
        }
		#copyright{
		height:100px;
		}
        footer
        {
                padding-bottom:70px;
				padding-left: 0px;
                height: auto;
        }
        footer
        {
                padding-bottom:70px;
                height: auto;
        }
        footer .wrapper
        {
                width: 88%;
                margin: 0 6% 0 6%;
        }
        footer .wrapper .column
        {
                margin-top:30px;
                float:none;
                width: auto;
        }
		footer .wrapper .column.rightlist  {
		margin-bottom:60px;
		}
		footer .wrapper .column p{
		font-size: 24px;
		Line-height: 28px;
		}
		        footer .wrapper .social
        {
                width:100%;
				display:block;
				border:0px solid red;
				margin:36px auto 0px auto;
				padding:auto;
				text-align:center;
        }
		#copyright .wrapper .social a
{
        display:inline;
        float:none;
}

		div.hide {
display:block;
width:100%;
height:auto;
}


        #text_columns article.column1, #text_columns .column2
        {
				margin: auto;
				padding: auto;
				width: auto;
        }
		
        #text_columns .column2
        {
        margin: 0px 0 0 0;
		padding: 0;
        float:none;
        width:auto;
        max-width: 100%;
		border: 0px solid red;
        }
		#text_columns article.column1
		{
		padding: 25px 20px 0px 20px;
		}
		        #four_columns
        {
                width: auto;
				max-width:800px;
				border: 0px dotted green;
        }
		#four_columns img {
		width: 100%;
		height: auto;
		}
		#four_columns .img-item:nth-of-type(1), #four_columns .img-item:nth-of-type(2)
        {
                float:left;
				display:block;
				margin:25px auto 0 65px;
				clear:both;
				border: 0px dotted red;
				box-sizing:border-box;
				-webkit-box-sizing:border-box;
        }
        #four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)
        {
				display:block;
				margin-top: 25px;
				border: 0px dotted blue;
				box-sizing:border-box;
				-webkit-box-sizing:border-box;
        }
		#four_columns .img-item
        {
                width: 210px;
                float:none;
                margin: 25px auto 0 auto;
        }
				#four_columns .img-item figure figcaption
        {
                font-size:22px;
        }

        #four_columns h2
        {
                margin: 0 30px;
        }
		
#text_columns article.column1 p /* Haupttextblock */
{
padding-bottom: 10px;
}
#text_columns .column2 /* Abstand obere rechts */
{
padding-top:0px;
}
#text_columns h1 /* Headline Fliesstext */
{
		padding-bottom: 14px;
}
		.row img {
margin-left: 0px;
}
		.row p 
{
margin-left:80px;
}
article.homeright {
width:92%;
margin: 20px 4% 0 4%;
}
/* SKIPLINK */
.go-top
{
        position: fixed;
		z-index:2;
        bottom: 1.5em;
        right: 7%;
        text-decoration: none;
        color: white;
        background-color: rgba(255,255,255, 0.6);
        font-size: 12px;
        padding: 0.6em;
        display: block;
		border-radius:8px;
}

.go-top:hover
{
        background-color: rgba(255,255,255, 0.8);
}
.go-top img {
opacity: 1.0;
}
.go-top:hover img {
opacity: 1;
}
}
@media (max-width: 765px) /*765px*/
{
        .container
        {
                height:1px;
                top: -1500px;
        }
        header
        {
				height:150px;
				text-align: center;
        }
		header img {
		margin-top:30px;
		}
        header nav
        {
                right: auto;
                bottom: auto;
                left: 50%;
                top:100px;
                margin-left: -184px;
        }
		.nav {
		display:none;
		}

.rowkontakt
{
        position:relative;
        margin: auto;
        float:none;
        width:98%;
		min-height:160px;
}
.rowkontakt p
{
        margin-left: 0px;
}
        #spacer
        {
                height:36px;
        }
		#spacer p
        {
                text-align:center;
                position:static;
                margin: 0 0;
                padding:5px 0 0px 0;
        }
        #spacer .search
        {
                /*text-align:center;
                position:static;
                margin: 0 auto; */
				display:none;
        }

img.imgfliess {
	float:none;
	display:block;
	width:96%;
	height:auto;
	margin: 5px auto 10px auto;
	padding-top:25px;
	border-radius: 10px;
}
.column1 figure figcaption {
	width:100%;
	padding: 8px 8px 8px 8px;
	margin-bottom:15px;
	text-align:left;
	margin-left: 0px;
	background-color: #79b631; /* #EA7C59 */
	color:white;
	border-radius:8px;
}
p.kopfrow {
width: 92%;
margin: auto 4% auto 4%;
padding: 10px auto 10px auto;
}
article.homeright {
width: 92% !important;
font-size: 1.3em;
}
		#four_columns
        {
                width: auto;
        }
		#four_columns .img-item:nth-of-type(1), #four_columns .img-item:nth-of-type(2)
        {
				float:none;
				margin: 25px auto 0 auto;
				padding:0;				
		}
        #four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)
        {
				margin-top: 25px;
				padding:0;	
		}
        #four_columns h2
        {
                
				margin: 0 30px;
        }
		div.hide {
display:block;
width:100%;
height:auto;
}

}
@media (max-width: 500px) /*500 px*/
{
div.hide {
display:block;
width:100%;
height:auto;
}
p.round { /* 01-2017 */
max-width: 98%;
}
p.zweispalten {
		line-height: 26px;
		padding-top:10px;
		font-style: italic;
		font-size: 16px;
		column-count: 1;
		column-width: 100%;
}
        header
        {
            height:150px;
			margin: 0 auto 20px auto;
            text-align: center;
        }        
                #spacer
        {
                height:36px;
        }
        #spacer p
        {
                text-align:center;
                position:static;
                margin: 0 0;
                padding:6px 0 0px 0;
        }
		#boxcontent{
		border:0px solid red;
		}
		#boxcontent article {
		width:80%;
		}
        .column2 .row
        {
                margin: 0 0 40px 10px;
                width:auto;
				
        }
		article.column1 p 
		{
		width:98%;
		}
		#text_columns .column2 .row
        {
                width:80%;
				
        }
        footer .wrapper
        {
                width:auto;
				text-align:center;
		}
        footer .wrapper .column
        {
                margin: 0 2% 15px 2%;
                max-width:96%;
		}
        input
        {
                width:auto;
        }
		article.column
		{
		text-align:left;
		}
        header nav
        {
                display:none;
        }
        header p
        {
                margin-left: 60px;
        }
		.column1 figure {
float:left;
}
#text_columns .column2 {
width:100%;
text-align:left;
margin:0;
padding: 0;

}
#text_columns .column2 .homeright {
float:none;
width: 100%;
}
.homeright img {
margin-top: 20px;
}
}
@media (max-width: 420px) 
{
#inhalt {
width:95%;
border:0px solid black;
margin-top:15px;
}
p.banderole {
font-size: 22px;
}
header
        {
				height:120px;
				text-align: center;
        }
		header img {
		margin-top:15px;
		}

#text_columns .column1 h3 {
margin-bottom: 0px;
}
p.kopfrow {
font-size: 1.5em;
font-weight: bold;
}

footer .wrapper article.column
        {
                margin: 0 3% 25px 3%;
                max-width:370px;
		}
footer .wrapper article.column h4 {
font-size: 1.2em;
color:#79B631;
}
.go-top {
        right: 3%;
        }
		footer .wrapper article.column p {
		font-size: 1.0em;
		}
}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}