*, *:before, *:after {
    margin: 0;
    padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing:border-box;
    box-sizing: border-box;
}
@font-face {
    font-family:'AlexBrush-Regular';
    src: url('../web fonts/AlexBrush-Regular.ttf') format('truetype');
		font-weight: normal;
    font-style: normal;

}
html, body {
    margin: 0 auto;
    padding: 0;
    height: 100%;
    width: 100%;
    max-width: 800px;
    /*font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";*/
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.header-container {
    position: relative;
    padding: 10px;
    /*top:40px;*/
    height: auto;
   /* background: #E5BD12;
    background: orange;*/
}
header {
    margin-bottom: 20px;
}
hr {
    margin-top: 20px!important;
    border: 0!important;
    height: 2px!important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))!important;
    margin:0px!important;
}
 h1.will, p.red, p.red1{
    max-width: 100%;
    top: 140px;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 1.8em;
    letter-spacing: 0.1em;
    word-spacing: 0.5em;
    /*font-weight: bold;*/
    color: #fff;
    text-shadow: 0 0 3px #CD5C5C;
    text-shadow: 1px 1px 3px black, 1px -1px 2px red, -1px 1px 2px red, -1px -1px 2px red;
}
h1.will {
    margin-top: 60px;
}
p.red, p.red1 {
    color: indianred;
    font-size: 1.8em;
    margin-top: 15px;
}
 p.red1 {
         text-shadow: 0 0 1px #CD5C5C;
    text-shadow: 1px 1px 0px black, 1px 1px 0px red, 1px 0px 0px red, 1px 0px 0px red;
    }
hr {
color: #222!important;
    font-size: 2px!important;
    font-weight: bold!important;
    display: block!important;
}
.center {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height: 40px;
}
h1.center {
        font-size: 1.5em;
    }
#sense {
    width: 100%;
    height: 400px;
}
img {
    max-width: 100%;
    height: auto;
}
#sense img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
section.eins {
    position: relative;
    margin: 0 auto 0 auto;
    padding-top: 20px;
    z-index: 1000!important;
    
    
}
nav {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;
    top:0px;
    background-color: fff;
    backdrop-filter:blur(30px);
}
.ac-container label {
    font-size: 14px;
    font-weight: 500;
}
.ac-container{
	width: 100%;
	height: 100%;
	/*margin: 10px auto 30px auto;*/
	margin-left: 0;
	margin-right: 0;
}
.ac-container label {
	/*font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;*/
	padding: 0px 0px 1px 20px;
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	text-align: center;
	line-height: 33px;
	font-size: 16px;
	font-weight: 500;
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container article {padding: 0; }
.ac-container label:hover{
	background: #fff;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: red;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0,0,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	font-family:fontawesome;
	content: "\f0ab";
	color: fff;
	font-size: 1.2em;
	position: absolute;
	width: 60px;
	height: 29px;
	right: 0px;
	top: 3px;
	/*background: transparent url(../assets/acc-pfeil-u4.png) no-repeat center center;	*/
}
.ac-container input:checked + label:hover:after{
	font-family:fontawesome;
	content: "\f0aa";
	color: #ffffff;
	top: 3px;
	/*background-image: url(../assets/acc-pfeil-o4.png);*/
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 1;
	/*transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;*/
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.ac-container input:checked ~ article{
	background: rgb(255, 255, 255);
    overflow: hidden;
    height: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
}

/*.ac-container .thumbnail .caption { height: 100%; min-height: 290px;}*/
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 5px 15px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
/*.ac-container input:checked ~ article.ac-large{
	/*height: 100%;*/
    /*background-image: url('../img/Blumenkohl-400x400.jpg');
    background-repeat: no-repeat;
	/*background-size:100% auto;*/
	/*background-size:cover;
	height: 100%;
    width: 100%; 
    margin-bottom: 30px;
}*/
.ac-container input:checked ~ article.ac-large1{
	/*height: 100%;*/
    background-image: url('../img/Tomaten-400x400.jpg');
    background-repeat: no-repeat;
	background-size:cover;
	height: 100%;
    width: 100%;
    margin-bottom: 30px;
}
/*.ac-container input:checked ~ article.ac-large2{
	/*height: 100%;*/
    /*background-image: url('../img/Der-Weg-400x400.jpg');
    background-repeat: no-repeat;
	background-size:cover;
	height: 100%;
    width: 100%;
}*/
.ac-container input:checked ~ article.ac-large, .ac-container input:checked ~ article.ac-large1, .ac-container input:checked ~ article.ac-large2{
	padding:0;
	height: 100%;
	width: 100%;
    margin-bottom: 30px;
}
.ac-container h2, .ac-container h3 { font-size: 1.1em; text-align: left; padding-top: 7px; padding-left: 15px; }
h2.kg { font-size: 1.1em;}
h2.blum {
    font-size: 1em;
}
.las {padding-left: 10px;}
article.ac-medium, article.ac-large {float: left; width: 100%;}
/*article.ac-large {
    background-image: url('../img/Der-Weg3-2.jpg');
    background-repeat: no-repeat;
	background-size:contain;
	height: 100%;
    width: 100%;
}*/
/* ende ac container*/
.caption {
    height:50%!important;
}
.ged { max-width: 740px; padding: 20px; /*padding-bottom: 0;*/ margin: 0 auto; background-color: white; opacity: 0.7}
.caption ged h2 {
     position: absolute;
     top: 20%;
}
.parent {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: right;
}
.gemuese-text {
    width: 40%;
    background-color: white;
    opacity: 0.8;
}
.tussi1 {
    witdh:35%;
}
.tussi2 {
    display: none;
}
.tussi1 img {
    position: relative;
    opacity: 0.7;
    bottom: -5px;
    margin-right: 10px;
}
@media screen and (min-width: 800px) {
    
    h1.will, p.red, p.red1 {
    max-width: 100%;
    top: 140px;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 2.3em;
    letter-spacing: 0.1em;
    word-spacing: 0.5em;
    /*font-weight: bold;*/
    color: #fff;
    text-shadow: 0 0 3px #CD5C5C;
    text-shadow: 1px 1px 3px black, 1px -1px 2px red, -1px 1px 2px red, -1px -1px 2px red;
}
h1.will {
    margin-top: 60px;
}
p.red, p.red1 {
    color: indianred;
    font-size: 2.5em;
    margin-top: 15px;
}
    p.red1 {
         text-shadow: 0 0 2px #CD5C5C;
    text-shadow: 2px 1px 0px black, 2px 1px 0px red, 2px 0px 0px red, 2px 0px 0px red;
    }
    h1.center {
        font-size: 2em;
    }
    #sense {
        height: 600px;
    }
}
.arbf {
    height:140px;
    background: linear-gradient(
      red .5,
      orange .5,
      yellow .5,
      green 10%,
      blue 10%, 
      purple 10%)
}
/*nav {
    position: sticky!important;
    top:0px!important;
    background-color: fff!important;
    backdrop-filter:blur(30px);
}*/
ul, footer ul, nav ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
footer ul li a, nav ul li a, .aktive {
    font-weight: 600;
    padding:16px;
}
footer p {
    text-align: center;
    font-weight: 700
}
span.recht {
    font-size: 1.2em;
}
nav ul li {
    margin:10px;
}

section {
    position: relative;
    max-width: 800px;
    /*margin-left: auto;
    margin-right: auto;*/
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -20px;
    margin-right: -20px;
    overflow: hidden;
    box-sizing: border-box;
}
.abstand {
    margin-top: 40px;
}
i.fa  {
    font-size: 1.2em;
    font-weight: bold;
    padding-left:10px;
}
hr {
    border: 0;
    height: 1px;
    display: block;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    margin-top:30px!important;
}
.ac-container h2, .ac-container h3 { font-size: 1.3em; font-weight: 700; text-align: left; padding-top: 15px; padding-left: 15px; padding-right: 15px; }
.ac-container h2 { font-size: calc(2vw + 0.5rem); 
                   font-size: max(1vw, 16px);
}
h2.blum {
    font-size: 1.3em;
}
.ac-container input:checked ~ article.ac-large{
	/*height: 100%;*/
    background-image: url('../img/Blumenkohl-schmetterling-400.png');
    background-repeat: no-repeat;
	background-size:cover;
    background-position: center center;
	height: 100%;
    width: 100%; 
}
.ac-container input:checked ~ article.ac-large2{
	/*height: 100%;*/
    background-image: url('../img/krankenschwester400x400.jpg');
    background-repeat: no-repeat;
	background-size:cover;
    background-position: right top;
	height: 100%;
    width: 100%;
}
.ac-container input:checked ~ article.ac-large3{
	/*height: 100%;*/
    background-image: url('../img/Fotograf-sensetussi-400x400.jpg');
    background-repeat: no-repeat;
	background-size:cover;
    background-position: left center;
	height: 100%;
    width: 100%;
}
.ac-container input:checked ~ article.ac-large4{
	/*height: 100%;*/
    background-image: url('../img/physio2-400x250.jpg');
    background-repeat: no-repeat;
	background-size:cover;
    background-position: left center;
	height: 100%;
    width: 100%;
}
.ac-container input:checked ~ article.ac-large5{
	/*height: 100%;*/
    background-image: url('../img/Bahnhofsvorsteher-Rettich-400x400.jpg');
    background-repeat: no-repeat;
	background-size:cover;
    background-position: left bottom;
	height: 100%;
    width: 100%;
}
.parent {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: white;
    opacity: 0.7;
}
.gemuese-text {
    width: 40%;
    background-color: white;
    opacity: 0.7;
}
.tussi1 {
    witdh:35%;
    opacity: 0.7;
}
.tussi2 {
    width: 15%;
}
.tussi1 img {
    opacity: 0.7;
}
.tussi3 img {
    opacity: 0.7;
}
/*ection {
    overflow: hidden;
    height: auto !important;
    height: 100%;
}*/
/* begin ac container*/