html {
    background-image: url(hintergrund5.jpg);
    height: 100%;
}

body {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    /* border: 10px solid #666666; */
    min-height: 100%;
}

#seite {
    display: flex;
    flex-direction: column;
    width: 90%;
    height: 50%;
    margin-top: 20px;
    /* margin-bottom: 20px; */
    margin-left: auto;
    margin-right: auto;
    /* box-shadow: 0px -1px 2.4em hsla(36, 11%, 64%, 0.705) inset, 0px -10px 1.4em hsla(120, 2%, 64%, 0.705) inset, 0px -10px 12.4em hsla(120, 2%, 64%, 0.705), 0px -15px 12em hsla(32, 16%, 64%, 0.705); */
    /* box-shadow: 0px -1px 2.4em hsla(36, 11%, 46%, 0.705)inset, 0px -10px 1.4em hsla(120, 2%, 58%, 0.705) inset, 0px -10px 12.4em hsla(120, 2%, 55%, 0.705), 0px -15px 12em hsla(32, 16%, 54%, 0.705); */
    border-radius: 10px;
}

.seitegesamt {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* height: auto !important;
    height: 100%;  */
}

#header {
    display: flex;
    width: 90%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

#bildheader {
    width: 100%;
    /* height: auto; */
    margin-left: 2%;
    margin-right: 2%;
    background-size: cover;
    padding-top: 2px;
    /* border-radius: 20px; */
    /* border: 7px solid #666666; */
}

h1 {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 0%;
    text-align: center;
    /* color: #666666; */
    font-family: "Times New Roman", Times, serif;
    /* text-shadow: 10px 11px 6px #666666; */
    /* font-size: 2em; */
}

#auswahl {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: -15px;
    text-align: center;
    align-items: center;
    padding: 4%;
    width: 82%;
    margin-left: auto;
    margin-right: auto;
    /* background: hsla(120, 7%, 41%, 0.705); */
    background: hsla(60, 8%, 50%, 0.705);
    border-radius: 5px;
    /* box-shadow: 0px -1px 2.4em hsla(36, 11%, 64%, 0.705) inset, 0px -10px 1.4em hsla(120, 2%, 64%, 0.705) inset, 0px -10px 12.4em hsla(120, 2%, 64%, 0.705), 0px -15px 12em hsla(32, 16%, 64%, 0.705); */
}

#auswahlintern {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -15px;
    text-align: center;
    padding: 4%;
    width: 84%;
    margin-left: auto;
    margin-right: auto;
    background: hsla(60, 8%, 50%, 0.705);
    /* background: hsla(120, 13%, 47%, 0.705); */
    border-radius: 5px;
}

#auswahlvorstand {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 20px;
    text-align: center;
    padding: 4%;
    /* margin-left: 30px;
    margin-right: 30px; */
    margin-left: auto;
    margin-right: auto;
    background: hsla(166, 13%, 35%, 0.705);
    /* background: hsla(120, 13%, 47%, 0.705); */
    border-radius: 10px;
}

.Auswahlkontakt {
    display: flex;
    flex: 1;
    justify-content: center;
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    /* height: 30px; */
    margin-top: 2px;
    border-radius: 10px;
    font-weight: bold;
    border: 3px outset hsla(38, 9%, 64%, 0.705);
    /* background-color: #46524d;   */
}

#auswahl a {
    position: relative;
    /* padding-top: 20px; */
}

.ausgabe {
    /* display: flex;
    flex: 1; */
    /* justify-content: center;
    text-align: center; */
    /* margin-top: -2em; */
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 80%;
    /* background-color: #46524d; */
}

.ausgabe1 {
    display: flex;
    flex: 1;
    justify-content: center;
    text-align: center;
    /* margin-top: -2em; */
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 80%;
    /* background-color: #46524d; */
}

.ausgabeaktuell {
    display: flex;
    flex-direction: column;
    flex: 1;
    /* justify-content: center;
    text-align: center; */
    /* margin-top: -2em; */
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 80%;
    /* background-color: #46524d; */
}

#ausgabebilder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* margin-top: -2em; */
    margin-left: 20px;
    margin-right: 20px;
    height: 100%;
    /* background: hsla(50, 10%, 88%, 0.705); */
}

.divfotos {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    width: 70px;
    margin-left: auto;
    margin-right: auto;
    /* text-align: center; */
    /* margin-top: 2em; */
    border-radius: 10px;
    padding: 10px;
    /* padding-left: 1px;
        padding-right: 1px; */
    /* background: hsla(37, 57%, 97%, 0.3);
        border-width: thin;
        border-style: solid;
        border-color: #11174E;*/
    /* background-color: yellow; */
}

.divfotos table {
    /* display: flex;
            justify-content: center; */
    /* margin-left: auto;
            margin-right: auto; */
    text-align: center;
    margin-top: 0em;
    width: 80%;
    border-radius: 10px;
    padding: 10px;
    /* background: hsla(37, 57%, 97%, 0.3); */
    border-width: 2px;
    border-style: solid;
    border-color: #244e11;
}

.divfotos th {
    background-color: rgb(216, 238, 203);
    border-radius: 8px;
    padding: 10px;
    /* width: 100%; */
}

.ausgabe-boxeins {
    display: flex;
    flex: 1;
    justify-content: center;
    text-align: center;
    /* margin-top: -2em; */
    /* width: 90%; */
    margin-left: auto;
    margin-right: auto;
    /* height: 80%; */
    /* background-color: #18cb80; */
}

.ausgaadessenliste {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    /* margin-top: -2em; */
    margin-left: 20px;
    margin-right: 20px;
    height: 100%;
}

.ausgabetraining {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    /* margin-top: -2em; */
    margin-left: 20px;
    margin-right: 20px;
    height: 100%;
}

.ueberschrifteins {
    /* background: hsla(50, 10%, 88%, 0.3); */
    /* background: hsla(100, 20%, 97%, 0.3); */
    padding-top: 1%;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: 40px;
    text-shadow: 10px 11px 6px #666666;
    font-size: 1.5em;
    color: darkgreen;
    /* border-left: 5px solid hsla(120, 13%, 47%, 0.705);
    border-right: 5px solid hsla(120, 13%, 47%, 0.705); */
    /* box-shadow: 1px 0 2.4em hsla(120, 13%, 47%, 0.705) inset; */
}

.ueberschrift {
    padding-top: 1%;
    margin-left: 20px;
    margin-right: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #777474;
    font-size: 1.3em;
    /* border-left: 5px solid hsla(120, 13%, 47%, 0.705);
    border-right: 5px solid hsla(120, 13%, 47%, 0.705); */
    /* box-shadow: 1px 0 2.4em hsla(120, 13%, 47%, 0.705) inset; */
}

.ueberschriftneu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    padding-top: 1%;
    margin-left: 20px;
    margin-right: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #777474;
    font-size: 1.3em;
    /* border-left: 5px solid hsla(120, 13%, 47%, 0.705);
    border-right: 5px solid hsla(120, 13%, 47%, 0.705); */
    /* box-shadow: 1px 0 2.4em hsla(120, 13%, 47%, 0.705) inset; */
}

.ausgabe-box {
    display: flex;
    color: black;
    /* font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    align-items: center;
    background: hsla(100, 20%, 97%, 0.3);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
}

.box {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    width: 100%;
    border-radius: 10px;
    background: hsla(100, 20%, 97%, 0.3);
    margin-top: -10px;
}


/* .box1 p {
    align-items: center;
    padding-left: 8%;
    padding-right: 8%;
} */

.box2 {
    display: flex;
    flex-direction: column;
    margin-top: 9%;
    margin-left: 2px;
    margin-bottom: 2px;
    background: hsla(100, 4%, 72%, 0.3);
    /* background: hsla(120, 4%, 52%, 0.705); */
    /* background-color: #666666; */
    width: 27%;
    border-radius: 10px;
    /* border: 2px solid #666666; */
}

#bilder {
    width: 80%;
    height: auto;
    background-size: cover;
    margin-top: 1%;
    border-radius: 10px;
    margin-left: 0px;
    margin-right: auto;
}

#trainingszeit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
    background-color: #D4CFCF;
    width: 35%;
    border-radius: 10px;
    border: 2px solid #666666;
}

#trainingszeit p {
    text-align: center;
    color: rgb(27, 27, 30);
}

#trainingszeit>p>strong {
    font-size: 1.2em;
    color: rgb(38, 36, 40);
}

.kalendar {
    margin-top: 4em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}

.tabelle {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1%;
    padding-right: 1%;
    text-align: center;
}

#insertWidget {
    margin-top: 20%;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: rgb(186, 226, 43);
    border-radius: 10px;
}

.links {
    width: 45%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 10%;
}

#linkzeichen {
    margin-right: 6em;
    margin-top: 2em;
    font-size: 1.5em;
    font-weight: bold;
}

.links img {
    padding-left: 2%;
    padding-right: 2%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-radius: 10px;
}

#anschrift {
    text-align: center;
    width: 30%;
    border-radius: 10px;
    border-style: solid;
    border-width: 0.08em;
    border-color: #cccccc;
}

.conausgabe {
    float: left;
    margin-top: 0.5em;
}

#textobensatzung {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 80%;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
}

#textobensatzung b {
    text-align: center;
    /* margin-left: 10%; */
}

.wappenbox {
    display: flex;
    margin-top: 5%;
    text-align: center;
    justify-content: center;
    align-items: center;
    /* background: hsla(100, 20%, 97%, 0.3); */
    /* width: 70%; */
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 1%;
}

#wappenstyl {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

#wappen {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

#wappenschrift {
    width: 80%;
    background-color: aqua;
    justify-content: center;
    align-items: center;
    display: flex;
}

#password {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
}

#bilder1 {
    display: flex;
}


/**/

#tabunten {
    text-align: center;
    background: hsla(60, 8%, 50%, 0.705);
    display: flex;
    width: 50%;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 2%;
    border-radius: 5px;
    /* padding-top: 40px;
    padding-bottom: 40px; */
}

#tabuntenintern {
    text-align: center;
    background: hsla(120, 4%, 52%, 0.705);
    /* background: hsla(120, 7%, 11%, 0.705);  */
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    border-radius: 5px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#tabuntenvorstand {
    text-align: center;
    background: hsla(166, 13%, 35%, 0.705);
    /* background: hsla(120, 13%, 47%, 0.705); */
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    border-radius: 5px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#texaside1 {
    margin-left: 15%;
}

#texaside2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /* margin-left:20%; */
}

#texaside3 {
    margin-right: 15%;
}

.widget-title {
    font-size: 2em;
}

.atag {
    display: inline-block;
    font-size: 1.5em;
    text-decoration: underline;
    color: rgb(10, 10, 10);
}

#kontakt {
    display: flex;
    text-align: center;
}

#kontaktvorstand {
    /* width: 35%; */
    height: 80%;
    padding: 3%;
    border-radius: 5px;
    border-style: solid;
    border-width: 0.4em;
    border-color: rgb(130, 122, 122);
}

#kontaktvorstandeinzel {
    width: 35%;
    padding: 3%;
    border-radius: 5px;
    border-style: solid;
    border-width: 0.1em;
    border-color: rgb(130, 122, 122);
}

#kontaktside1 {
    margin-left: 100%;
}

#kontaktside2 {
    margin-right: 0%;
}

#kontaktside3 {
    margin-left: 12%;
}

#para {
    border-radius: 1px;
    border-style: solid;
    border-width: 0.1em;
    border-color: black;
    padding: 0.4em;
}

.button {
    width: 7em;
    height: 3em;
    /* width: 110px;
    height: 30px; */
    /* background: -webkit-linear-gradient(#faf8f7, #f4f8f0); */
    /*Deine Wunschfarbe des Buttons   background-color: #D3D3D3; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #524646;
}


/*Definieren des Hover Zustandes*/

.button:hover {
    -moz-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    transform: translate(0, -3px);
}


/*Definieren des Active Zustandes (Klick)*/

.button:active {
    box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -moz-box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-transform: scale(.98);
    -webkit-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
}

.button6 {
    width: 90px;
    height: 30px;
    background: -webkit-linear-gradient(#fcf9f4, #777474);
    /* background:-webkit-linear-gradient(#FCF9F4,#BAA992); */
    /*Deine Wunschfarbe des Buttons   background-color: #D3D3D3; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
}


/*Definieren des Hover Zustandes*/

.button6:hover {
    -moz-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    transform: translate(0, -3px);
}


/*Definieren des Active Zustandes (Klick)*/

.button6:active {
    box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -moz-box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);
}

.button1 {
    width: 150px;
    height: 30px;
    background: -webkit-linear-gradient(#fcf9f4, #baa992);
    /*Deine Wunschfarbe des Buttons   background-color: #D3D3D3; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
}


/*Definieren des Hover Zustandes*/

.button1:hover {
    -moz-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    transform: translate(0, -3px);
}


/*Definieren des Active Zustandes (Klick)*/

.button1:active {
    box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -moz-box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);
}

.button3 {
    width: 170px;
    height: 50px;
    background: -webkit-linear-gradient(#dcf9f4, #ff3900);
    /*Deine Wunschfarbe des Buttons   background-color: #D3D3D3; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
}


/*Definieren des Hover Zustandes*/

.button3:hover {
    -moz-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    transform: translate(0, -3px);
}


/*Definieren des Active Zustandes (Klick)*/

.button3:active {
    box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -moz-box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);
}

.bilderwiruberuns {
    display: flex;
    /* background-color: #ff3900; */
}

img.beispiel1 {
    transition: transform 0.2s;
}

img.beispiel1:hover {
    transform: scale(2, 2);
}

#wahlinterneseite {
    margin-top: 3%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 5%;
}

#example {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
}

#example div {
    width: 50%;
    height: auto;
    margin: 600px auto;
    background-color: #f2f2f2;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #666666;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    border: 3px solid #cccccc;
    position: absolute;
    left: 50%;
    top: 100px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.inputBottonSpeiTrain {
    float: right;
    margin-right: 20%;
    width: 180px;
    height: 30px;
    background-color: rgb(179, 160, 179);
    margin-top: 2%;
    border-radius: 10px;
    font-weight: bold;
    border: 3px outset hsla(38, 9%, 64%, 0.705);
}

.inputBottonSpei {
    width: 180px;
    height: 30px;
    background-color: rgb(179, 160, 179);
    margin-top: 2%;
    border-radius: 10px;
    font-weight: bold;
    border: 3px outset hsla(38, 9%, 64%, 0.705);
}

.inputBottonNeuDaten {
    width: 180px;
    height: 30px;
    background-color: rgb(110, 179, 115);
    margin-top: 2%;
    border-radius: 10px;
}

.inputBottonLoesch {
    width: 180px;
    height: 30px;
    background-color: rgb(230, 124, 133);
    margin-top: 2%;
    border-radius: 10px;
}

.inputDiv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}

.button4 {
    width: 10em;
    height: 3em;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #524646;
}


/*Definieren des Hover Zustandes*/

.button4:hover {
    -moz-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    transform: translate(0, -3px);
}


/*Definieren des Active Zustandes (Klick)*/

.button4:active {
    box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -moz-box-shadow: 0 0 10px 4px #111, inset 0 0px 10px #ddd;
    -webkit-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -o-box-shadow: 0 0 20px 4px #111, inset 0 5px 10px #ddd;
    -moz-transform: scale(.98);
    -webkit-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
}

.calendar_link {
    font-family: Arial;
    font-size: 14px;
    /*  text-align: center;
    color: #000000;
      margin-bottom: 10%;*/
    text-decoration: none;
}

.calendar_head {
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    width: 14px;
}

.calendar_head_month {
    border: 7px outset hsla(38, 9%, 64%, 0.705);
    font-family: Arial;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    color: #f4f8f0;
    width: 14px;
    /* background-color: #bdbdbd; */
    background-color: #771f1f;
}

.calendar_day {
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    width: 25px;
    height: 40px;
    /* color: #FFFFFF;*/
    background-color: white;
}

.calendar_entry {
    font-family: Arial;
    font-size: 20px;
    text-align: center;
    /* font-weight: bold; */
}

.calendar_eintrag {
    font-family: Arial;
    font-size: 10px;
    text-align: center;
    padding-left: 2px;
}