/* @group Reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
	 v2.0 | 20110126
	 License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
    line-height: 1;
    background: black;
    text-decoration-color: white;

}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*,
*:after,
*:before{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
    text-decoration: none;
}

text {
    color: white;
}


img {
	width: 100%;
	height: auto;
}

figure {
	line-height: 0;
}

.wrap ul {
  list-style-type: none; /* Entfernt den Aufzählungspunkt */
  padding: 0; /* Entfernt den Abstand zum Rand */
    display: grid;
}

.header {
    list-style-type: none; /* Entfernt den Aufzählungspunkt */
  padding: 0; /* Entfernt den Abstand zum Rand */
    color: white;
    position: fixed;
    width: 100%;
    z-index: 1000;
    background-color: transparent;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    }


.name { 
padding: inherit;
width: 50%;
float: left;
flex: 1;
    padding: 10px;
    font-family: sans-serif;
}


.contactinfo {
    text-align: end;
    padding: inherit;
    width: 50%;
float: right;
flex: 1;
    padding: 10px;
    font-family: sans-serif;
}

.containerwork {
display: grid;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
flex: 1;
    padding: 10px;
    font-family: sans-serif;
  	line-height: 1.2;
}

.workitem1 {
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    padding-right: 20px;
    padding-top: 30px;
}






.containerdataprivacy {
display: grid;
grid-template-rows: ;
grid-template-columns: 1fr 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
  	line-height: 1.2;
    color: white;
}

.dataprivacyitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    color: white;
    padding-left: 20px;
    padding-top: 20px;
}

.dataprivacyitem2 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 3;
    color: white;
    padding-right: 20px;
    padding-top: 20px;
}


.containerlegalnotice {
display: grid;
grid-template-rows: ;
grid-template-columns: 1fr 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
  	line-height: 1.2;
    color: white;
}

.legalnoticeitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
}

.legalnoticeitem2 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 3;
    padding-top: 20px;
    padding-right: 20px;
}


.containerpersonalspace {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr 1fr 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
  	line-height: 1.2;
    color: white;
}

.personalspaceitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}

.personalspaceitem2 {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 4;
 	font-size: 1vw;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 40px;
    padding-bottom: 60px;
}

.personalspaceitem3 {
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 2;
    grid-column-end: 4;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.personalspaceitem4 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.personalspaceitem5 {
     grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
}

.personalspaceitem6 {
     grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 3;
    grid-column-end: 4;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 20px;
}

.personalspaceitem7 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
 	font-size: 9vw;
  	line-height: 1;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}


.containerklapperstorch {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr 1fr 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
  	line-height: 1.2;
    color: white;
}

.klapperstorchitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}

.klapperstorchitem2 {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 4;
 	font-size: 1vw;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 40px;
    padding-bottom: 60px;
}

.klapperstorchitem3 {
    grid-row-start: 6;
    grid-row-end: 7;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
 	padding-bottom: 100px;
}


.klapperstorchitem5 {
     grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 0px;
}

.klapperstorchitem6 {
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 3;
    grid-column-end: 4;
    padding-top: 20px;
    padding-left: 20px;
  	padding-right: 20px;
}

.klapperstorchitem7 {
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 3;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
}

.klapperstorchitem8 {
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 2;
    grid-column-end: 4;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.klapperstorchitem9 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.klapperstorchitem10 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
 	font-size: 9vw;
  	line-height: 1;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}




.containerairship {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr 1fr 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
  	line-height: 1.2;
    color: white;
}

.airshipitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}

.airshipitem2 {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 4;
 	font-size: 1vw;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 40px;
    padding-bottom: 60px;
}

.airshipitem3 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.airshipitem4 {
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 2;
    grid-column-end: 4;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.airshipitem5 {
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
}

.airshipitem6 {
     grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 4;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 20px;
}

.airshipitem7 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
 	font-size: 9vw;
  	line-height: 1;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.containerbuch {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr 1fr 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
  	line-height: 1.2;
    color: white;
}

.buchitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}

.buchitem2 {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 4;
	font-size: 1vw;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 60px;
    padding-bottom: 60px;
}

.buchitem3 {
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 0px;
}

.buchitem4 {
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 3;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 10px;
	padding-bottom: 0px;
}

.buchitem5 {
     grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 2;
    grid-column-end: 4;
    padding-top: 60px;
    padding-right: 20px;
    padding-left: 20px;
}

.buchitem6 {
     grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 3;
    grid-column-end: 4;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 20px;
	padding-bottom: 60px;
}

.buchitem7 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.buchitem8 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
 	font-size: 9vw;
  	line-height: 1;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.containerblooming {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr 1fr 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
  	line-height: 1.2;
    color: white;
}

.bloomingitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}

.bloomingitem2 {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 4;
	font-size: 1vw;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 60px;
    padding-bottom: 60px;
}

.bloomingitem3 {
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 2;
    grid-column-end: 4;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.bloomingitem4 {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 3;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.bloomingitem5 {
     grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 3;
    grid-column-end: 4;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 20px;
}

.bloomingitem6 {
     grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 0px;
}

.bloomingitem7 {
  grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
 	font-size: 9vw;
  	line-height: 1;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.bloomingitem8 {
  grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 3;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.bloomingitem9 {
  grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.containerjonas {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr 1fr 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
  	line-height: 1.2;
    color: white;
}

.jonasitem1{
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}


.wrapinfo {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 3;
    grid-column-end: 4;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    text-align: end;
}

.jonasitem2 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
}

.jonasitem3 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 4;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

 





@media screen and (max-width: 800px) {

    
.header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style-type: none; /* Remove list bullets */
        padding: 20px; /* Padding around the header */
        color: white;
        position: fixed;
        width: 100%;
        z-index: 1000;
        background-color: transparent;
    }

    .footer {  
        list-style-type: none; /* Remove list bullets */
        padding: 0; /* Remove padding */
        width: 100%;
        position: absolute;
    }

    .column { 
        width: 100%;
        flex: 1;
        padding: 10px;
        font-family: sans-serif;
        background-color: black;
    }

    .name, .contactinfo {
        flex: 1 1 0; /* Flex grow, shrink, and basis */
        padding: 10px;
    }

    .name {
        text-align: start;
    }

    .contactinfo {
        text-align: end;
    }



.containerdataprivacy {
display: grid;
grid-template-rows: ;
grid-template-columns: 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
	line-height: 1.2;
    color: white;
}

.dataprivacyitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    color: white;
    padding-left: 20px;
    padding-top: 20px;
}

.dataprivacyitem2 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    color: white;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
}


.containerlegalnotice {
display: grid;
grid-template-rows: ;
grid-template-columns: 1fr ;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
  	line-height: 1.2;
    color: white;
}

.legalnoticeitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    color: white;
    padding-left: 20px;
    padding-top: 20px;
}

.legalnoticeitem2 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    color: white;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
}


.containerpersonalspace {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
  	line-height: 1.2;
    color: white;
}

.personalspaceitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}

.personalspaceitem2 {
    grid-row-start: 6;
    grid-row-end: 7;
    grid-column-start: 1;
    grid-column-end: 2;
  	font-size: 3vw;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.personalspaceitem3 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.personalspaceitem4 {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.personalspaceitem5 {
     grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
    
.personalspaceitem6 {
     grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
  
.personalspaceitem7 {
    display: none;
}



.containerklapperstorch {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.2;
    color: white;
}

.klapperstorchitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}

.klapperstorchitem2 {
    grid-row-start: 8;
    grid-row-end: 9;
    grid-column-start: 1;
    grid-column-end: 2;
 	font-size: 3vw;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.klapperstorchitem3 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}


.klapperstorchitem5 {
     grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.klapperstorchitem6 {
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.klapperstorchitem7 {
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
  
.klapperstorchitem8 {
    display: none;
}
  
.klapperstorchitem9 {
    display: none;
}
  
.klapperstorchitem10 {
    display: none;
}


.containerairship {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.2;
    color: white;
}

.airshipitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}

.airshipitem2 {
    grid-row-start: 8;
    grid-row-end: 9;
    grid-column-start: 1;
    grid-column-end: 2;
  	font-size: 3vw;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
}

.airshipitem3 {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.airshipitem4 {
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 3;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.airshipitem5 {
     grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.airshipitem6 {
     grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
  
.airshipitem7 {
    display: none;
}
    

.containerbuch {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.2;
    color: white;
}

.buchitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}

.buchitem2 {
    grid-row-start: 7;
    grid-row-end: 8;
    grid-column-start: 1;
    grid-column-end: 2;
	font-size: 3vw;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
}

.buchitem3 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.buchitem4 {
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.buchitem5 {
     grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

.buchitem6 {
     grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.buchitem7 {
    display: none;
}

.buchitem8 {
    display: none;
}

.containerblooming {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.2;
    color: white;
}

.bloomingitem1 {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}

.bloomingitem2 {
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 2;
	font-size: 3vw;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.bloomingitem3 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.bloomingitem4 {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.bloomingitem5 {
     grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
  
.bloomingitem6 {
  display: none;
}
  
.bloomingitem7 {
  display: none;
}
  
.bloomingitem8 {
  display: none;
}
  
.bloomingitem9 {
  display: none;
}


.containerjonas {
    display: grid;
grid-template-rows: ;
grid-template-columns: 1fr;
flex: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.2;
    color: white;
}

.jonasitem1{
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
}


.wrapinfo {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    text-align: end;
}

.jonasitem2 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.jonasitem3 {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 4;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
} 
    
}

/* @end */