@font-face{
    font-family: 'Fredericka the Great';
    src: url(../../../Designelemente/Schriften/FrederickatheGreat-Regular.ttf);
}

@font-face{
    font-family: 'Raleway';
    src: url(../../../Designelemente/Schriften/Raleway-VariableFont_wght.ttf);
}

h2{ 
    font-family: 'Raleway';
    font-weight: 350;
    font-size: 3em;
    line-height: 1.3;
    margin: 0px;
    font-size: 2em;
    padding: 3vw;
}

p{
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 1em;
    line-height: 1.3;
    padding-left: 2vw;
    padding-right: 2vw;
}
@media (min-width: 1200px){
  p{
    padding-left: 20vw;
    padding-right: 20vw;
}  
}

a{
    text-decoration: none;
    color: black;
}

header{
    grid-column: 1/9;
    position: fixed;
    width: 100%;
    top: 0px;
    background: white;
    height: 5vw ;
    z-index: 20;
}

.head-nav{
    grid-column: 1/9;
    grid-row: 1/2;
    height: 5vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home{
    display: flex;
    margin: 1vw;
    max-width: 60px;
}

.elementar-navigation{
    display: flex;
    margin: 1vw;
    justify-self: center;
    max-width: 60px;
}

.icon{
    width: 4vw;
}

body{
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 1em;
    grid-column: 1/9;
    grid-row: 2/3;
}

footer{
    grid-column: 1/9;
    grid-row: 9/10;
    height: 15vw;
    background: #454545;
}


#Grid-Startseite{
    width: 100%;
    display: grid;
    grid-template-columns:4.6% 14% 14% 14% 14% 14% 14% 4.6%;
    grid-template-rows: 5vw ;
    grid-column-gap: 1vw ;
    grid-row-gap: 0px;
}

.content{
    grid-column: 1/9;
    grid-row: 2/3;
}

















header {z-index: 0}
section {z-index: 0}
ul {align-self: flex-start; padding-left: 20%}





.center {text-align: center; justify-content: center}
.left {text-align: justify; text-indent: 10%}
.img_center {text-align: center ;justify-content: center; justify-items: center}
.border {border: 1px; border-style: solid}


.overlay_left   { position:absolute; z-index: 1; left: 0}
.overlay_right  { position:absolute; z-index: 1; right: 0}
#padding        {padding-top:8vw; padding-left: 9vw}




#Azoren     {color: rgba(255, 255, 255,1)}



.background_red {background-color: rgba(227, 24,42 ,0.7)}
.background_gelb {background-color: rgba(240, 223,24 ,0.7)}
.background_green {background-color: rgba(43, 170,65 ,0.7)}
.background_blue {background-color: rgba(4, 60, 168 ,0.9)}
.background_beige {background-image: linear-gradient(rgba(220, 219, 214, 1) 7%, rgba(255, 255, 255,1) 70% )}
#background_grau {background-color: rgba(210,210,210,0.95)}
.background_hellgrau {background-color: rgba(240,240,240,0.95)}