body {
margin:0;
padding:0;
}


        a:link{color:#cc6600;}
        a:visited{color:#000000;}
        a:hover{color:#ff0033;}
        a:active{color:#66cc66;}
        a:focus{color:#00cccc;}

.text {
        font-family: sans-serif;
        font-size:18px;;
        font-style: italic;
        color: #0000ff
}
.text1 {
        font-family: sans-serif;
        font-size:18px;;
        font-style: italic;
        color: #000000
}
.text2 {
        font-family: sans-serif;
        font-size:12px;;
        font-style: italic;
        color: #000000
}


#basis
{
        /* width: 100%; */
        /* height: 1000px; */
           background-color:#ffff66;
        /* background-image: url(../Layout/bg.jpg); */
       /*  background-repeat: repeat; */
}
#basis_innen
{
        padding-top: 10px;
        /* padding:50px 30px 20px 100px; */
        width: 1000px;
        min-height: 890px;
        margin-left: auto;
        margin-right: auto;
      /*background: #E015F6;
        background-image: url(../Layout/bg.jpg);
        background-repeat: repeat;
        border:solid;
        border:1;
        border-radius: 40px; */
}
#innen
{
        width: 1000px;
        /* min-height: 800px;
        background-image: url(../Layout/Hg_Riffl.png);
        background: #E015F6; */
        margin-left: auto;
        margin-right: auto;
        /*-moz-border-radius: 40px;
         -webkit-border-radius: 40px;
         border-radius: 40px; */

}
#kopf
{
      /* background: #ff99cc; */
         background-image: url(../Layout/Kopf_Hg.png);
      /* background-repeat: no-repeat; */
         height: 136px;
         /* -webkit-border-radius: 40px; */
         border-radius: 200px 200px 40px 40px;
      /* padding-left: 25px;
         padding-top: 3px; */
         text-align: center;
         margin-top: 5px;
}
#navi
{
        float: left;
        padding-left: 10px;
        padding-top: 20px;
        width: 150px;
        min-height: 730px;
     /* text-align: center;
        background-color: #D5D3CE;
        border-radius: 40px; */
        background-image: url(../Layout/Hinter_Rund.png);

}
#schaltfl
        {

        background-color: #9999cc;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 5px 5px #666666, 0 5px 0 #666666, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset;
    color: #ffff33;
    display: inline-block;
        width: 130px;
        height:14px;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0px 10px;
    padding: 5px 5px;
        font-family:Georgia;
        //position:relative;
        text-align:center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        }
#schaltfl1
        {

        background-color:#f1b7f1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 5px 5px #666666, 0 5px 0 #666666, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset;
    color: #ffff33;
    display: inline-block;
        width: 130px;
        height:14px;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0px 10px;
    padding: 5px 5px;
        font-family:Georgia;
        //position:relative;
        text-align:center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        }
#schaltfl2
{
      /*padding-top: 10px; */
        width: 136px;
        height: 27px;
        margin-top: 10px;
        text-align: center;
        font-size:1.2em;
        font-weight:bold;
     /* font-color:#FFFF00;
              margin-right: auto; */
        background-image: url(../Layout/Button.png);
}

#rechts
{
        float: right;
        padding-left: 10px;
        padding-top: 20px;
        width: 150px;
        min-height: 730px;
        text-align: left;
        background-image: url(../Layout/Hinter_Rund_re.png);
        //background-color: #D5D3CE;
        //border-radius: 40px;
}
#inhalt
{
        float: left;
        overflow:hidden;
     /* padding-left: 10px;
        padding-top: 5px; */
        width: 680px;
        min-height: 750px;
        text-align: center;
        font-size:18px;
        font-color:rgb(0,0,255);
       /* background-color: #ffccff; */        /* Hintergrund Mitte Hauptfenster */
        background: url(../Layout/nachtHimmel_2.jpg);
	background-size: cover;
	background-color: rgba(255, 255, 255, 0.5); /* Weiß mit 50 % Transparenz */
    background-blend-mode: overlay;
    /*opacity: 0.5; /* Nur das Bild transparent */
    /*z-index: -1; /* Hält es im Hintergrund */
        border-radius: 40px 40px 40px 40px;
        /* border-radius: 40px; */
}

.bildrundeecken

{
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
}



 div.grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
    }
    .box {
       /* background-color: lightcoral;
        padding: 10px;
        margin: 10px;
        text-align: center;
        border: 1px solid #000;*/
    }