* {margin:0;padding:0;
list-style-type: none;}


body {
    background: #b7b7b7; 
    background-image: url(img/sternepattern_c.png);
    background-repeat: repeat;
    background-attachment: fixed;    
    
    font-family: 'Open Sans', sans-serif; 
}  




.newsletter {
    width: 100%;
    height: 490px;
    margin: auto;
    background-color: rgba(91, 125, 138, 0.3);
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;

}


form {
    padding: 20px;
}

.hinweis {
    width: 300px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8rem;
    color: #777;
    margin: auto;
}



input {
    width: 80%;
    height: 35px;
    margin-bottom: 10px;
    border: solid 1px #b4b4b4;
}



.submit {
    border-style: none;
    height: 36px;
    background-color: #79b579;
    font-family: 'Open Sans', non-serif;
    font-weight: normal;
    font-size: 1rem;
    letter-spacing: 0.06rem;
    color: #ffffff;
    margin: 25px 0px;
    border: solid 1px #289b18;
    border-radius: 13px;
    cursor: pointer;
    text-shadow: 0px 1px 7px #143909;
}


.cancel {
    border-style: none;
    height: 36px;
    background-color: rgba(91, 125, 138, 0.23);
    font-family: 'Open Sans', non-serif;
    font-weight: normal;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.51);
    margin: 0px 0px;
    border: solid 1px #99a3b1;
    border-radius: 13px;
    cursor: w-resize;
}

label {
    font-family: 'Open Sans', non-serif;
    font-size: 0.9rem;
    color: #3c5a65;
}







.wrapper {
    width:95%;
    margin: auto;
    background: rgba(255, 255, 255, 0.75);
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}



header {
    width:100%;
    height:45vh;
    background-image: url(img/headcontent_c.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    z-index: 0;
}


header h1 {
    width:100%;
    margin:auto;
    padding-top: 160px;
    font-size: 1.3rem;
    line-height: 3rem;
    text-align: center;
    font-family: 'Headland One', serif;
    font-weight: normal;
    color:rgb(255, 255, 255);
    text-shadow: 0px -5px 15px #000000;
}



.desktop {
    height: 45px;
    width:100%;
    background: #000000;
    display: flex; 
    display: -webkit-flex; 
    justify-content:center; 
   // align-items: flex-end; 
    
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}



/*mobile NAV*/

nav ul li:nth-child(1) {
    display: none;}
nav ul li:nth-child(2) {
    display: none;}
nav ul li:nth-child(4) {
    display: none;}
nav ul li:nth-child(5) {
    display: none;}
nav ul li:nth-child(6) {
    display: none;} 

nav ul li img {
    margin-top: -50px;
    width: 170px;
}


label ul li {
    width: 40px;
    height: 5px;
    background-color: #c8e2ed;
    border-radius: 15px;
    border: solid 2px #1e5064;
    margin: auto;}

.sidebar {
    position: fixed;
    width:95%;
    top:-200px;
    background-color: rgba(255, 255, 255, 0.95);
    transition: ease-in-out 0.5s;
    z-index: 100;
}

.sidebar ul {
    padding-top: 20px;
}

.sidebar ul li {
    text-align: center;
    height: 43px;
    line-height: 45px;
    border-bottom: solid 2px #69abc6;
    color:#1e5064;
    font-weight: bold;
}

.sidebar ul li:last-child {
    border-bottom: solid 15px #1e5064;
    color:#1e5064;
    font-weight: bold;
}

.sidebar ul li a {
    text-decoration: none;
    font-size: 25px;
    color: #1e5064;
    font-family: 'Headland One', serif;
    font-weight: 700;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.25);
}

#burgerbanner {
    width: 80px;
    margin: auto;
    padding-top: 9px;
    background-color: #1e5064;
    height:35px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-top:-15px;
}

.pagecontent {
    position: relative;
    transition: ease-in-out 0.5s;
    text-align: center;
}

.centertoggle {
    width: 85%;
    margin: auto;
}


.toggle {
    width: 85%;
    position: fixed;
    top:20px;
    z-index: 10;
    transition: ease-in-out 0.5s;
}

#sidebartoggler {
    display: none; /* AUS für Desktop und AN für mobile */
}

#sidebartoggler:checked + .pagewrap .sidebar {
    top:0px;
}

#sidebartoggler:checked + .pagewrap .toggle {
    top:220px;
}

#sidebartoggler:checked + .pagewrap .pagecontent {
    padding-top:200px;
}

/*Nav Ende*/




#content1, .contenthead {
    border-radius: 24px;
    margin-bottom: 50px;
}

#content1 {
    text-align: center;
}



.wrapper #content1 img {
    padding-top: 6rem;
    
}

#content1 h2 {
    font-family: 'Headland One', serif;
    font-weight: normal;    
    letter-spacing: 0.01rem;
    margin:auto;
    margin-bottom: 20px;
    
    width:100%;
    height:50px;
   
    
    font-size: 1.20rem;
    text-align: center;
    line-height: 50px;
    
    color:#1e5064;
    
    background-color: rgba(255, 255, 255, 0.5)
}

#content1 h3 {
    text-align: left;
    font-family: 'Headland One', serif;
    font-weight: normal;    
    letter-spacing: 0.04rem;
    margin:auto;
    margin-bottom: 20px;
    
    width:100%;
    height:45px;
   
    
    font-size: 1.2rem;
    text-align: center;
    line-height: 46px;
    
    color:#ffffff;
    
    background-color: rgba(30, 80, 100, 0.63)
}

#content1 p {
    line-height: 1.6rem;
    font-size: 1.1rem;
    text-align:center;
    width:90%;
    margin: auto;
    padding-bottom: 50px;
}

#content1 p a {
    color: #000;
    transition: all 0.6s ease;
    background-color: rgba(91, 125, 138, 0.31);
    padding: 2px 5px 2px 5px;
    margin-left: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#content1 p a:hover {
    color: rgb(255, 255, 255);
    letter-spacing: 0.02rem;
    background-color: rgb(91, 125, 138);

}


#maerchenlist {
    border-radius: 20px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-bottom: 25px;
}



#maerchenlist p {
    width: 87%;
    padding-top: 7px;
    margin-top: -5px;
    padding-bottom: 8px;
    
    padding-left: 2%;
    padding-right: 2%;

    text-align: center;
    margin-bottom: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(255, 255, 255, 0.7)
}

#content1 ul li {
    line-height: 2.2rem;
    font-size: 1.1rem;
    text-align:center;
    width: 91%;
    margin: auto;
    margin-bottom: 5px;
    background-color: rgba(30, 80, 100, 0.1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color:rgba(30,80,100,1)
}


.wrapper #content1 .buch {
    width: 91%;
    height:297px;
    background-color: rgba(91, 125, 138, 0.2);
    margin: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.wrapper #content1 .buch h3 {
    width: 100%;
    margin: auto;
}

.wrapper #content1 .buch img {
    float: left;
    padding: 15px;
    width: 33%;
}

.wrapper #content1 .buch .buchtext {
    float: left;
    padding-top: 20px;
    line-height: 1.4rem;
    font-size: 0.9rem;
    text-align:left;
}

.wrapper #content1 .buch .preis p {
    width: 40%;
    float: left;
    padding-top: 8px;
    font-size: 1rem;
    text-align:left;
    color: rgba(30,80,100,1);
    padding-bottom: 5px;
}

.wrapper #content1 .buch .bestellen {
    margin-top: 10px;
    text-align:left;
    float: left;
    width: 56%;
    height: 10px;

}
    
.wrapper #content1 .buch .bestellen a {
    text-decoration: none;
    background-color: rgba(91, 125, 138, 0.3);
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    padding-top: 5px;
    font-size: 0.85rem;
    color: rgba(30,80,100,1);
    padding-bottom: 5px;
    padding-right: 10px;
    transition: all 0.9s ease;
}

.wrapper #content1 .buch .bestellen a:hover {
    box-shadow: 5px #000;
    color: #fff;
}


iframe {
    width: 350px;
    height: 197px;
}

footer .wrapper2 h1 {
    color: #d9d9d9;
    line-height: 1.2rem;
    font-family: 'Headland One', serif;
    font-weight: 700;    
    font-size: 1.0rem;
    letter-spacing: 0.07rem;
    text-align: center;
}

footer {
    width:100%;
    height:360px;
    bottom:0px;
    background-color:#000000;
    padding-top: 10px;
    border-top: solid 2px #fff}

footer .wrapper2 h4 {  
    width:100%;
    color: #d9d9d9;
    line-height: 1.2rem;
    font-family: 'Headland One', serif;
    font-weight: normal;
    font-size: 1rem;
    letter-spacing: 0.05rem;
    margin: auto;
}


footer .wrapper2 ul {
    padding-top: 10px;
    color: #d9d9d9;
    text-align: center;
}

footer .wrapper2 ul li {
    line-height: 1.5rem;
    font-family: verdana, sans-serif;
    font-size: 0.9rem;   
}

footer .wrapper2 ul li a {
    text-decoration: none;
    color: #7db1c6;
    padding-top: 7px;
    padding-bottom: 7px}

footer .wrapper2 ul li a:hover {
    text-decoration: none;
    color: #fff;
}

footer .wrapper2 ul:nth-child(1) {
    padding-bottom: 10px;  
}



.wrapper #content1 .cbild img {
    width: 100%;
    padding-top: 0px;
    margin-bottom: 30px;
    border-top: solid 7px rgba(255, 255, 255, 0.7);
    border-bottom: solid 7px rgba(255, 255, 255, 0.7);
}

.wrapper #content1 .lbild img {
    width: 100%;
    margin-top: -25%;
    margin-bottom: 30px;
        border-bottom: solid 7px rgba(255, 255, 255, 0.7);
}