@import url('https://fonts.googleapis.com/css?family=Almendra|Buenard|Bungee+Shade|Cabin|Cherry+Swash|Frank+Ruhl+Libre|Hammersmith+One|Italianno|Markazi+Text|Nosifer|PT+Serif|Pinyon+Script|Rye|Sancreek|Shrikhand|Sofia|Sura|Tangerine|Yrsa&display=swap');

    /* font-family: "Almendra"; */
    /* font-family: "Buenard"; */
    /* font-family: "Bungee Shade"; */
    /* font-family: "Cabin"; */
    /* font-family: "Cherry Swash"; */
    /* font-family: "Frank Ruhl Libre"; */
    /* font-family: "Hammersmith One"; */
    /* font-family: "Italianno"; */
    /* font-family: "Markazi Text"; */
    /* font-family: "Nosifer"; */
    /* font-family: "PT Serif"; */
    /* font-family: "Pinyon Script"; */
    /* font-family: "Rye"; */
    /* font-family: "Sancreek"; */
    /* font-family: "Shrikhand"; */
    /* font-family: "Sofia"; */
    /* font-family: "Sura"; */
    /* font-family: "Tangerine"; */

/* Hintergundfarbe */
body
{
    background-image: url("bcbbh_hinten.jpg");
    background-repeat: repeat-x;
    background-size: contain;
    background-attachment: fixed;
    font-family: "Cherry Swash";
    color: black; 
    font-size: 1,5em;
}

/* Erste Überschrift */
h1
{
    font-family: "PT Serif";
    color: black;
    background-color: cornsilk;
    font-size: 5em;
    width: 760px;
    padding: 0px;
    margin: 5px 5px 5px;
    text-align: center;
    border-radius: 20px;

}

/* Überschrift Menue "Wo soll's hin" */
h3
{
    font-family: "Cherry Swash";
    color: black;
    background-color: cornsilk;
    font-size: 1.5em;
    width: 230px;
    padding: 5px;
    margin: 21px -30px 15px;
    text-align: center;
    border-radius: 20px 20px 0px 0px;
}

/* Menue Link's "Wo soll's hin" */
h4
{
    font-family: "Sura";
    color: black;
    background-color: cornsilk;
    font-size: 1.2em;
    width: 180px;
    padding: 30px;
    margin: -15px -30px 5px;
    text-align: left;
    border-radius: 0px 0px 20px 20px;
}

/* Zweite Überschrift */
h5
{
    font-family: "PT Serif";
    color: black;
    background-color: cornsilk;
    font-size: 1.5em;
    width: 575px;
    padding: 5px;
    margin: 10px 5px 5px;
    text-align: center;
    border-radius: 10px;
}

h6
{
    font-family: "Cabin";
    color: black;
    background-color: cornsilk;
    font-size: 1.5em;
    text-align: left; 
}

/* Fabliche gestaltung von den Menuepunkten, auswählen, besucht */
a:link
{
    color: black;
}

a:hover
{
    background-color: lightgreen;
    box-shadow: 5px 5px 5px gray;
    border-radius: 3pt;
    padding: 2px;
}

a:active
{
   color: black;
}

a:visited
{
    color: blue;
}

.sponsor_1
{
    font-family: "PT Serif";
    color: black;
    font-weight: 800;
    background-color: cornsilk;
    font-size: 1.2em;
    width: 300px;
    height: 230px;
    padding: 10px;
    margin: -410px 300px 0px;
    text-align: center;
    border-radius: 20px;
    border-color: lime;
    border-width: 5px;
    border-style: ridge;
    position: absolute
}

.sponsor_1:hover
{
    background-color: lightgreen;
    box-shadow: 5px 5px 5px gray;
    border-radius: 10pt;
    border-color: rgb(2, 2, 2);
    border-width: 3px;
    padding: 8px;
}

.sponsor_2
{
    font-family: "PT Serif";
    color: black;
    font-weight: 800;
    background-color: cornsilk;
    font-size: 1.2em;
    width: 300px;
    height: 230px;
    padding: 10px;
    margin: -410px 650px 0px;
    text-align: center;
    border-radius: 20px;
    border-color: lime;
    border-width: 5px;
    border-style: ridge;
    position: absolute
}

.sponsor_2:hover
{
    background-color: lightgreen;
    box-shadow: 5px 5px 5px gray;
    border-radius: 10pt;
    border-color: rgb(2, 2, 2);
    border-width: 3px;
    padding: 8px;
}

.sponsor_3
{
    font-family: "PT Serif";
    color: black;
    font-weight: 800;
    background-color: cornsilk;
    font-size: 1.2em;
    width: 300px;
    height: 230px;
    padding: 10px;
    margin: -130px 300px 0px;
    text-align: center;
    border-radius: 20px;
    border-color: lime;
    border-width: 5px;
    border-style: ridge;
    position: absolute
}

.sponsor_3:hover
{
    background-color: lightgreen;
    box-shadow: 5px 5px 5px gray;
    border-radius: 10pt;
    border-color: rgb(2, 2, 2);
    border-width: 3px;
    padding: 8px;
}

.sponsor_4
{
    font-family: "PT Serif";
    color: black;
    font-weight: 800;
    background-color: cornsilk;
    font-size: 1.2em;
    width: 300px;
    height: 230px;
    padding: 10px;
    margin: -130px 650px 0px;
    text-align: center;
    border-radius: 20px;
    border-color: lime;
    border-width: 5px;
    border-style: ridge;
    position: absolute
}

.sponsor_4:hover
{
    background-color: lightgreen;
    box-shadow: 5px 5px 5px gray;
    border-radius: 10pt;
    border-color: rgb(2, 2, 2);
    border-width: 3px;
    padding: 8px;
}

.sponsor_5
{
    font-family: "PT Serif";
    color: black;
    font-weight: 800;
    background-color: cornsilk;
    font-size: 1.2em;
    width: 300px;
    height: 230px;
    padding: 10px;
    margin: -410px 1000px 0px;
    text-align: center;
    border-radius: 20px;
    border-color: lime;
    border-width: 5px;
    border-style: ridge;
    position: absolute
}

.sponsor_5:hover
{
    background-color: lightgreen;
    box-shadow: 5px 5px 5px gray;
    border-radius: 10pt;
    border-color: rgb(2, 2, 2);
    border-width: 3px;
    padding: 8px;
}

.sponsor_u_schrift
{
    font-family: "PT Serif";
    color: black;
    background-color: cornsilk;
    font-size: 1.5em;
    width: 550px;
    padding: 5px;
    margin: -560px 360px 0px;
    text-align: center;
    border-radius: 10px;
    border-radius: 20px;
    border-width: 5px;
    border-style: solid;   
    border-color:  black;
}