/* MARIE, ALMA, NINA & AMALIE */ 
*{
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
}

@font-face {
    font-family: inter;
    src: url(Inter-VariableFont_slnt,wght.ttf);
}

@font-face {
    font-family: DM;
    src: url(DMSerifDisplay-Regular.ttf);
}

body#polse_sider{
    background-color: #FFFDF6;
}

body{
    background-color: #FFFDF6;
}



/*HEADER_____________________________________________________________*/

#nav_laptop{
    text-align: right;
    top:0;
}

header  {position: fixed;
        width: 100%;
        z-index: 7;
        display: flex;
        justify-content: center;
        justify-content: space-between;}

#header2    {display: flex;
            margin-top: 5vh;}

#header2 a {margin-right: 2vw;}
#header2 img {width: 4vw;}
#hvemervi{margin-top: 2vh;} 


#to_undersider {
    position: absolute;
    z-index: 7;
    background-color: pink;
    position: relative;
    top:0;
    margin-bottom: -10%;
}

#logo{
    z-index: 8;
    position: relative;
    width: 8vw;
    margin: 2vw;
}

#stot {
    font-family: DM;
    letter-spacing: 2px;
    color: #CB2525;
    font-size: larger;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black;
    margin-left: 10%;
}

#stot:hover {
    color: black;
}

/* BURGERMENU____________________________________________________*/

.on{font-weight: bold;}

#burgermenudiv  {position: absolute;
                z-index: 4;
                display: none;}

#burgermenu-indhold     {background-color: #FFFDF6;
                        padding: 10%;
                        padding-top: 20vh;
                        height: 100vh;
                        width: 100vw;}

#burgermenu-indhold a:hover{font-weight: bold;}

#burgermenu {padding-left: 92vw;
            padding-top: 5vh;}

#burgermenu img{
    width: 5vw;
    margin: 5%;
   }
   
#burgerkryds img{
    float: right;
    padding-top: 5vh;
    margin-right: 3vw;
    width: 5vw;
    position: relative;
   }

#nav_menu{
    display: none;
    height: 100vh;
}
   
#burgerkryds {
       display: none;
   }

   #burgermenudiv a{
    color: #CB2525;
   }

   .stor {
    font-size: 5vw;
    color: #CB2525;
    font-family: DM;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black;
   }


/*PØLSESIDER_____________________________________________________________*/
#forside-gif {z-index: 5;}


#forside-gif {
    position: relative;
    z-index: 5;
    margin-bottom: 12vh;
 }

main{
    overflow-x: hidden;
    display: flex;
    height: 100vh;
    align-items: center;
}

section {
    min-width: 100vw;
    min-height: 100vh;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.indhold{
    position: relative;
    padding-top: 10vh;
}  

#hus {
    width: 30vw;
    position: absolute;
    z-index: 6;
    display: none;

}

#polsegif{
    position: absolute;
    z-index: 4;
    width: 100vw;

}

.overskrift {
    position: absolute;
    top: 0;
    margin-top: 10vh;
    z-index: 5;
    padding-left: 25vw;
    padding-right: 25vw;
    text-align: center;
}

.overskrift p {font-size: 1.3vw;}

#overskrift_forside {
    position: relative;
    z-index: 5;
}

#gif {
   margin-top: 10vh;
   width: 35vw;
   position: relative;
   z-index: 5;
}

#tider {
    text-align: left;
    position: absolute;
    z-index: 6;
    margin-left: 55vw;
    margin-top: 60vh;
}

#forpagter { /*placeringen af forpagter navn + tlf*/
    text-align: right;
    position: absolute;
    z-index: 5;
    margin-left: 15%;
    margin-top: 73vh;
    color:#013789;
}

/*MENUSIDER_____________________________________________________________*/

#menu {
    z-index: 0;
    position: relative;
}

#polsemenu{
    display: flex;
    justify-content: center;
    width: 100%;

    z-index: 2;
    position: absolute;
    top: 0;
    margin-top: 20px;
}

#polsemenu p{
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 30px;
}

#polsemenu h2{
    z-index: 3;
    position: absolute;
    padding-top: 3px;
}

#venstre_menukort{
    margin-right: 50%;
    position: absolute;
    z-index: 1;
    top:0;
    padding-top: 80px;
}

#hojre_menukort {
    margin-left: 50%;
    position: absolute;
    z-index: 1;
    top:0;
    padding-top: 120px;
}

#season{
    position: relative;
    z-index: 5;
    bottom:0;
    margin-top: 150px;
}

/* HVEM ER VI SIDEN_____________________________________________________________*/

#baggrund{
    z-index: 3;
    top: 0;
    position: absolute;
    opacity: 0.5;
    width: 100vw;
}


#hvem_overskrift {
    width: 100vw;
    position: absolute;
    z-index: 3;
    text-align: center;
}

#hvem_overskrift h1{
    font-size: 3vw;
}

#hvem_overskrift p {
    text-align: center;
    font-size: 2vw;
}

#forpagter_tekst {
    text-align: left;
    position: absolute;
    z-index: 3;
    margin-top: 150vh;
    padding-left: 12vw;
    padding-right: 15vw;
    font-size: 1.6vw;
}

#billede {
    width: 100vw;
    text-align: center;
    position: absolute;
    z-index: 3;
    margin-top: 280vh;
    padding-left: 30vw;
}

#billede img {width: 35vw;}

#historie_tekst {
    text-align: left;
    position: absolute;
    z-index: 3;
    margin-top: 200vh;
    padding-left: 22vw;
    padding-right: 5vw;
    font-size: 1.6vw;
}


#detbetydernoget {
    width: 100vw;
    position: absolute;
    z-index: 4;
    text-align: center;
    margin-top: 400vh;
    padding: 20vw;
}

#detbetydernoget h1 {font-size: 3vw;
                    line-height: 10vh;}

#vildu  {width: 100vw;
        position: absolute;
        z-index: 4;
        text-align: center;
        margin-top: 500vh;}

#kontakter div p {font-size: 1.7vw;}

#vildu p a {font-weight: bold;}

#kontakter  {display: flex;
            justify-content: center;
            justify-content: space-evenly;
            width: 100vw;
            position: absolute;
            z-index: 4;
            text-align: center;
            margin-top: 550vh;
            padding-bottom: 18vh;}

/*Pølserækken_____________________________________________________________*/

#polseraekke{
    position: absolute;
    overflow: hidden;
    height: 500vh;
    z-index: 0;
    overflow: hidden;
    background-color: #FFFDF6;
}

#kasse{
    width: 100%;
    height: 900px;
    background-color: #FFFDF6;
    position: fixed;
    margin-top: 20%;
    z-index: 1;
}

/*STØT HER SIDEN_____________________________________________________________*/

#indhold_stot   {display: flex;
                flex-direction: column;
                width: 100vw;
                text-align: center;
                position: absolute;}

#indhold_stot div h1{font-size: 3vw;
                    padding-left: 25vw;
                    padding-right: 25vw;}

#hjerte {z-index: 0;
           position: relative;
        width: 30vw;}

#penge  {z-index: 1;
        position: absolute;
        margin-top: -10vh;}

.hvid{color: white;
        padding: 2vh;
        font-size: 1.4vw;}

.stotp{font-size: 1.5vw;
    padding-left: 25vw;
    padding-right: 25vw;}

#link {text-align: right;}

#link a{font-weight: bold;}

/*FONT og OVERSKRIFTER_____________________________________________________*/


h1 {
    color: #CB2525;
    font-family: DM;
    letter-spacing: 5px;
    font-size: 2.5vw;
    text-align: center; 
    line-height: 42px;
    -webkit-text-stroke-width: 0.1px;
    -webkit-text-stroke-color: black;
}

h2 {
    color: #CB2525;
    font-family: DM;
    letter-spacing: 5px;
    font-size: large;
    text-align: center; 
    line-height: 20px;
    -webkit-text-stroke-width: 0.1px;
    -webkit-text-stroke-color: black;
}

.specialitet{
    color: #013789;
    -webkit-text-stroke-width: 0.1px;
    -webkit-text-stroke-color: black;
}

#tid {
    text-align: left;
}

p {
    color: #013789;
    font-family: inter;
    font-weight: lighter;
    font-size: 1vw;
}

/*navigations menu_____________________________________________________________*/

a {
    color: #013789;
    font-family: inter;
    font-weight: lighter;
    white-space: nowrap
}

a:hover{
    color: #CB2525;
}

#aktuelleside {
    color: #CB2525;
    font-weight: bold;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black; 
}

#nav{
    font-size: large;  
    position: relative;
    top: 45vh;
    right: 35%;
    z-index: 9;
}

.findvej_gif_vogn{
    z-index: 5;
    position: relative;
    align-items: center;
}

#maps{
    font-family: DM;
    letter-spacing: 2px;
    font-size: large;
    color: #013789;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black; 

    position: relative;
    padding-top: 50px;
    margin-right: 25%;
    margin-bottom: -300px;
    /*padding-bottom: 10px;*/
    z-index: 6;
    margin-top: 16vh;
}

#maps:hover{
    color:#CB2525;
}

#lilletorv{
    opacity: 0;
}

/*Menukort _____________________________________________________________*/

#menu{margin-top: 40vh;}

#menu p {
    font-family: inter;
    font-weight: lighter;
    color:#CB2525;
}

/*pile*/

/*.guide {
    color: #CB2525;
    margin-top: 2%;
    font-size: x-small;
    font-family: inter;
    font-weight: lighter;
}*/

.menu_guide {
    position: relative;
    bottom: 250px;
    left: 40%
}

.menu_guide img {width: 12vw;}

/*MOBIL*/
#mobil_indhold{
    margin: auto;
    margin-top: 20vh;
}

#mobil_indhold p{
    color: #CB2525;
}

#mobil_indhold h1{
    color: #CB2525;
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 6vw;
}

#mobil_indhold img {width: 35vw;}

#maps_mobil{
    font-family: DM;
    letter-spacing: 2px;
    font-size: large;
    color: #013789;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black; 
}

#maps_mobil:hover{
    color:#CB2525;
}

#tider_mobil{
    text-align: left;
    position: absolute;
}

#forpagter_mobil{
    text-align: center;
}

#tid p {
    color: #013789;
}

#specialitet_mobil{
    color: #013789;
}

#info {
    display: flex;
    justify-content: space-evenly;
    width: 80vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
}

/* HER STYLES MEDIA QUERY ________________________________________*/


/* MEDIUM SKÆRM */

@media screen and (max-width:1175px){

#logo   {width: 10vw;
        margin-left: 3vw;}

#burgermenu {padding-left: 80vw;
            margin-left: 9vw;}

#burgermenu img{width: 7vw;}

#burgerkryds img{
    margin-right: 4vw;
    width: 7vw;}

.overskrift h1 {font-size: 3.5vw;
                padding-top: 7vh;}

    #nav{
        display: none;
    }

    #burgermenudiv{
        display: block;
    }

    #header2{display: none;}



    header #to_undersider{
        display: none;
    }

    #forside-gif {width: 80vw;
                    margin-top: 20vh;}
    

/* HVEM ER VI SIDEN_____________________________________________________________*/

#hvem_overskrift h1{font-size: 6vw;}

#forpagter_tekst    {margin-top: 100vh;
                    font-size: 2.5vw;}

#billede {margin-top: 240vh;}

#billede img {width: 40vw;}

#historie_tekst     {margin-top: 160vh;
                    font-size: 2.5vw;}


#detbetydernoget {margin-top: 350vh;}

#detbetydernoget h1 {font-size: 6vw;}

#vildu  {margin-top: 460vh;}

#kontakter  {margin-top: 500vh;}}



/* LILLE SKÆRM */

@media screen and (max-width:768px){

.stotp  {padding-left: 10vw;
        padding-right: 10vw;
        font-size: 3vw;
        font-weight: 200;}

#indhold_stot{margin-top: 10vh;}

#indhold_stot div h1{font-size: 5vw;
                    padding-left: 10vw;
                    padding-right: 10vw;}

#hjerte{width: 60vw;}

.hvid{font-size: 3vw;
    font-weight: 200;}

#logo   {width: 22vw;
        margin-left: 3vw;}

#burgermenu img{width: 14vw;}

#burgermenu {padding-left: 72vw;
            margin-left: 9vw;}

#burgerkryds img{
    margin-right: 4vw;
    width: 14vw;}

.overskrift h1 {font-size: 7vw;
                line-height: 5vh;}

.overskrift p {font-size: 3vw;}

.overskrift {padding-left: 20vw;
            padding-right: 20vw;}


    h1{
        letter-spacing: 2px;
        line-height: 32px;
    }

    h2{
        letter-spacing: 2px;
        font-size: 15pt;
    }


p {font-size: 3.5vw;}

#forside-gif {width: 100vw;}

    /* HVEM ER VI SIDEN_____________________________________________________________*/

#polsegif{top: 8vh;}

#hvem_overskrift{top: 18vh;}

#forpagter_tekst    {margin-top: 8vh;
                    font-size: 4vw;}

#billede {margin-top: 140vh;}

#billede img {width: 60vw;}

#historie_tekst     {margin-top: 70vh;
                    font-size: 4vw;}


#detbetydernoget {margin-top: 240vh;}

#detbetydernoget h1 {font-size: 8vw;
                    line-height: 5vh;}


#vildu  {margin-top: 350vh;
        padding-bottom: 20vh;}

#vildu h1 {font-size: 6vw;
            padding-left: 15vw;
            padding-right: 15vw;
            }

#kontakter  {margin-top: 390vh;
            padding-bottom: 11vh;
            flex-direction: column;}
            
#kontakter div {padding-top: 5vh;}

#kontakter div p {font-size: 3vw;}

#hvem_overskrift p {font-size: 3vw;}

#polseraekke{
    overflow: hidden;
    height: 400vh;
}}