@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



html {

    box-sizing: border-box;

    font-size: 16px;

    overflow-x: hidden;

}



* {

    margin: 0;

    padding: 0;

}



*, *:before, *:after {

    box-sizing: inherit;

}





body {

    background-color: #e6e3d5;

    font-family: "Roboto";

    overflow-x: hidden;

}



footer {

    font-family: Arial, Helvetica, sans-serif !important;

}



/*Gästsidan*/



.guest-header img {

    width: 100%;

    height: 400px;

    max-width: 100%;

    object-fit: cover;

    padding-top: 4.1rem;

    box-shadow: none;

    border-radius: 1px;

}



.booking-info {

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    align-items: center;

    padding: 2rem;

    max-width: 100%;

}



.map iframe {

    max-width: 500px;

    height: 400px;

    border: none;

}



.guest-info {

    flex-direction: column;

    padding-left: 2.8rem;

}



.guest-info h1 {

    font-weight: 700;

    font-size: 2.5rem;

}



.guest-info p {

    font-size: 1.2rem;

    line-height: 1.4;

}



.guest-info span {

    font-size: 1.1rem;

}



.guest-info span a {

    color: #000;

    font-weight: 700;

    text-decoration: none;

    padding: 0.1rem 0.2rem;

}



.guest-info span a:hover {

    background-color: #ccccccc6;

    border-radius: 5px;

}



.button-text {

    display: flex;

}



.price-button {

    background-color: #000000;

    color: #fff;

    text-align: center;

    font-size: 1.3rem;

    text-decoration: none;

    border-radius: 5px;

    cursor: pointer;

    padding: 0.4rem 2.5rem;

}



.hotel-info {

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    align-items: center;

    max-width: 100%;

}



.hotel-info h1 {

    font-weight: 700;

    font-size: 2.5rem;

    padding: 1rem;

}



.hotel-info p {

    font-size: 1.2rem;

    line-height: 1.4;

    padding: 1rem;

}



.hotel-img img {

    width: 700px;

    height: auto;

    box-shadow: none;

    margin: 2rem;

    border-radius: 10px;

}



.camping-info {

    display: flex;

    flex-direction: row-reverse;

    justify-content: space-around;

    align-items: center;

    max-width: 100%;

}



.camping-info h1 {

    font-weight: 700;

    font-size: 2.5rem;

    padding: 1rem;

}



.camping-info p {

    font-size: 1.2rem;

    line-height: 1.4;

    padding: 1rem;

}



.camping-img img {

    width: 700px;

    height: auto;

    box-shadow: none;

    margin: 2rem;

    border-radius: 10px;

}



/*Gästsidan slut*/



/*Greenfee och regler*/



.greenfee-header img {

    width: 100%;

    max-width: 100%;

    max-height: 400px;

    object-fit: cover;

    padding-top: 4.1rem;

}



.container-rules {

    display: flex;

    justify-content: center;

    padding: 1rem 2rem 6rem;

}



.vertical-line {

    width: 1px;

    height: auto;

    margin-right: 8rem;

    background-color: #000;

}



.booking-rules, .greenfee {

    width: 48%;

    padding-left: 5rem;

    background-color: #ede8d000;

    text-align: left;

}



.greenfee-title {

    font-size: 1.2rem;

    margin: 1.1rem;

    text-align: left;

}



.rules-title {

    font-size: 1.2rem;

    margin: 1.1rem 0 1.3rem 0;

    text-align: left;

}



.price {

    list-style: none;

    padding: 1rem;

}



.price li {

    font-size: 1rem;

}



.price li:nth-child(2) {

    font-weight: 700;

    margin-top: 1rem;

    margin-bottom: 1rem;

}



.price li:nth-child(4) {

    font-weight: 700;

    margin-top: 1rem;

    margin-bottom: 1rem;

}



.price li:nth-child(6) {

    font-weight: 700;

    margin-top: 1rem;

    margin-bottom: 1rem;

}



.discount-offer, .information {

    display: flex;

    flex-direction: column;

    padding-left: 0;

    margin: 0;

}



.discount-offer li:first-child, .information li:first-child {

    padding: 1rem;

    list-style-type: none;

    font-weight: bold;

    font-size: 1.6rem;

}



.discount-offer li, .information li, .rules li {

    font-size: 0.9rem;

}



.discount-offer, .information li {

    list-style-position: inside;

    line-height: 1.5rem;

}



.rules {

    line-height: 1.5rem;

}



.booking-rules h3 {

    padding: 0.5rem 0 0.5rem 0;

}



.bottom-style {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    font-family: "Roboto";

    margin-bottom: 4rem;

}



.bottom-info {

    background-color: #eaeaea;

    width: 60%;

    text-align: center;

    border-radius: 10px;

}



.bottom-info h2 {

    padding: 2rem;

    margin: 0 5rem 0 5rem;

    font-size: 1.3rem;

}



.bottom-info p {

    padding: 2rem;

    font-size: 1.2rem;

}



.bottom-info a {

    font-weight: bold;

    color: black;

    text-decoration: none;

}



.bottom-info a:hover {

    background-color: #ccccccc6;

    border-radius: 5px;

}



/*Greenfee och regler slut*/



/*Företagssida*/



.business-header {

    width: 100%;

    max-width: 100%;

    max-height: 500px;

    object-fit: cover;

    padding-top: 4.1rem;

}



.container-business {

    display: flex;

    justify-content: center;

    background-color: #e6e3d5;

    padding: 1rem;

}



.conference-title {

    background-color: #eaeaea;

    width: 80%;

    max-width: 80%;

    text-align: center;

    padding: 2rem;

    margin-top: 5rem;

    margin-bottom: 5rem;

    border-radius: 30px;

    font-size: 2rem;

}



.conference-title p {

    font-size: 1.1rem;

    line-height: 1.6rem;

    padding: 2rem 0;

}



.business-price {

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    align-items: center;

    padding: 2rem 1rem;

}



.price-text h1 {

    font-size: 3rem;

    padding-bottom: 2rem;

}



.price-text li:nth-child(1) {

    font-weight: bold;

    margin-bottom: 1rem;

    font-size: 1.2rem;

}

.price-text li:nth-child(4) {

    font-weight: bold;

    margin-bottom: 1rem;

    margin-top: 1rem;

    font-size: 1.2rem;

}

.price-text li:nth-child(7) {

    font-weight: bold;

    margin-bottom: 1rem;

    margin-top: 1rem;

    font-size: 1.2rem;

}

.price-text li:nth-child(10) {

    font-weight: bold;

    margin-bottom: 1rem;

    margin-top: 1rem;

    font-size: 1.2rem;

}



.price-text li {

    padding-left: 1rem;

    padding-top: 1rem;

    line-height: 0.8rem;

    list-style-type: none;

}



.price-img {

    width: 50%;

    max-width: 50%;

    max-height: 570px;

    object-fit: cover;

    border: 1px solid rgba(0, 0, 0, 0);

    border-radius: 30px;

}



.horizontal-line {

    width: 100%;

    max-width: 100%;

    height: 1px;

    margin-top: 2rem;

    background-color: #000;

}



.contest {

    display: flex;

    flex-direction: row-reverse;

    justify-content: space-around;

    align-items: center;

    padding: 1rem;

}



.contest-text {

    padding: 4rem 4rem 4rem 3rem;

}



.contest-text h1 {

    font-size: 2.5rem;

    padding-bottom: 2rem;

}



.contest-text p {

    font-size: 1rem;

    line-height: 1.5rem;

}



.contest-text li:first-child {

    list-style-type: none;

    margin: 1rem;

    font-weight: bold;

    font-size: 1.2rem;

}



.contest-text li {

    padding-top: 1rem;

    list-style-position: inside;

    line-height: 0.7rem;

}



.contest-img {

    width: 50%;

    max-width: 50%;

    height: auto;

    max-height: 480px;

    object-fit: cover;

    border: 1px solid rgba(0, 0, 0, 0);

    border-radius: 30px;

}



.conference {

    text-align: center;

}



.conference-space h1 {

    font-size: 2.5rem;

    padding-top: 3rem;

}



.conference-space p {

    font-size: 1.2rem;

    margin: 3rem;

    line-height: 1.5rem;

}



.conference-info {

    display: flex;

    flex-direction: row-reverse;

    justify-content: space-around;

    align-items: center;

    padding: 1rem;

}



.conference-text {

    margin-left: 8rem;

}



.conference-text li {

    padding-left: 0.3rem;

    line-height: 1.5rem;

}



.conference-text li:first-child {

    list-style-type: none;

    font-weight: bold;

    font-size: 1.3rem;

}



.conference-text li:nth-child(4) {

    list-style-type: none;

    font-weight: bold;

    font-size: 1.3rem;

}



.conference-text li:nth-child(8) {

    list-style-type: none;

    font-weight: bold;

    font-size: 1.3rem;

}



.conference-text li {

    padding-left: 0.3rem;

    list-style-position: inside;

    line-height: 2rem;

}



.conference-img {

    width: 45%;

    max-width: 45%;

    height: auto;

    padding: 1rem;

    object-fit: cover;

    border: 1px solid rgba(0, 0, 0, 0);

    border-radius: 30px;

}



.conference-contact {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 3rem 0;

}



.conference-contact p {

    font-size: 1.2rem;

}



.conference-contact a {

    color: #000;

    font-weight: 700;

    text-decoration: none;

}



.conference-contact a:hover {

    background-color: #ccccccc6;

    border-radius: 5px;

}



/* Företagssida slut */



/* Gäst responsiv */



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

    .booking-info, .hotel-info, .camping-info {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        text-align: center;

    }



    .guest-header img {

        padding-top: 3rem;

    }



    .map iframe {

        width: 300px;

        height: 300px;

    }



    .guest-info, .hotel-text, .camping-text {

        padding-left: 0;

        padding-right: 0;

    }



    .hotel-img img, .camping-img img {

        width: 90%;

        max-width: 90%;

        margin: 1rem auto;

    }

}



@media (max-width: 768px) {

    .guest-header img {

        padding-top: 5.7rem;

    }



    .guest-info h1, .hotel-info h1, .camping-info h1 {

        font-size: 2rem;

    }



    .guest-info p, .hotel-info p, .camping-info p {

        font-size: 1rem;

    }



    .price-button {

        padding: 0.4rem 1.5rem;

        font-size: 1.1rem;

    }



    .map iframe {

        height: 250px;

    }

}



@media (max-width: 480px) {



    .guest-info h1, .hotel-info h1, .camping-info h1 {

        font-size: 1.8rem;

    }



    .guest-info p, .hotel-info p, .camping-info p {

        font-size: 0.9rem;

    }



    .price-button {

        padding: 0.3rem 1rem;

        font-size: 1rem;

    }



    .map iframe {

        height: 200px;

    }



    .booking-info, .hotel-info, .camping-info {

        justify-content: center;

        align-items: center;

        text-align: center;

    }



    .hotel-img img, .camping-img img {

        width: 100%;

        max-width: 100%;

        margin: 1rem auto;

    }

}



/* Gäst responsiv slut */



/* Greenfee och regler responsiv */



@media (max-width: 1024px) {

    .greenfee-header img {

       padding-top: 3rem; 

    }



    .container-rules {

        padding: 1rem 1.5rem 4rem;

        flex-direction: column;

    }



    .greenfee, .booking-rules {

        width: 80%;

        margin-bottom: 2rem;

    }



    .vertical-line {

        display: none;

    }



    .greenfee-title h1, .rules-title h1 {

        font-size: 1.8rem;

        text-align: center;

        padding-left: 0;

    }



    .price li, .discount-offer li, .information li, .rules li {

        font-size: 1rem;

    }



    .bottom-info {

        width: 80%;

    }

}



@media (max-width: 768px) {

    .greenfee-header img {

        padding-top: 5.7rem;

    }



    .container-rules {

        flex-direction: column;

    }



    .booking-rules, .greenfee {

        width: 90%;

        margin-bottom: 2rem;

    }



    .vertical-line {

        display: none;

    }



    .bottom-info {

        width: 90%;

    }

}



@media (max-width: 480px) {

    .greenfee, .booking-rules {

        display: flex;

        flex-direction: column;

    }

    

    .greenfee-title h1, .rules-title h1 {

        font-size: 1.5rem;

        padding-right: 15rem;

    }



    .price li, .discount-offer li, .information li, .rules li {

        font-size: 0.8rem;

    }



    .bottom-info h2 {

        font-size: 1.2rem;

        padding: 1.5rem;

    }



    .bottom-info p {

        font-size: 1rem;

        padding: 1.5rem;

    }

}



/* Greenfee och regler responsiv slut */



/* Företag responsiv */



@media (max-width: 1024px) {

    .business-header {

        padding-top: 3rem;

    }



    .business-price, .contest, .conference-info {

        flex-direction: column;

    }

    

    .price-img, .contest-img, .conference-img {

        width: 80%;

        max-width: 80%;

        height: auto;

        padding: 1rem 0;

    }



    .price-text, .contest-text, .conference-text {

        padding: 1rem;

    }



    .horizontal-line {

        width: 80%;

        margin-left: 10%;

    }



    .conference-space p {

        margin: 1rem;

    }

}



@media (max-width: 768px) {

    .business-header {

        padding-top: 5.7rem;

    }



    .conference-title {

        width: 90%;

        padding: 1rem;

        font-size: 1.5rem;

    }



    .conference-title p {

        font-size: 1rem;

        padding: 1rem 0;

    }



    .price-text h1, .contest-text h1, .conference-space h1 {

        font-size: 2rem;

    }



    .price-text li, .contest-text p, .conference-text li {

        font-size: 1rem;

        padding-left: 1rem;

    }



    .price-img, .contest-img, .conference-img {

        width: 100%;

        height: auto;

    }



    .conference-space p {

        font-size: 1rem;

        margin: 1rem;

    }



    .conference-contact p {

        font-size: 1rem;

    }



    .conference-info ul {

        padding-right: 8rem;

    }

}



@media (max-width: 480px) {

    .business-header {

        max-height: 300px;

    }



    .conference-title {

        width: 100%;

        font-size: 1rem;

        padding: 1rem;

    }



    .conference-title p {

        font-size: 0.9rem;

        padding: 1rem 0;

    }



    .price-text h1, .contest-text h1, .conference-space h1 {

        font-size: 1.8rem;

    }



    .price-text li, .contest-text p, .conference-text li {

        font-size: 0.9rem;

    }



    .contest li {

        line-height: 1.5rem;

    }



    .conference-space p {

        font-size: 0.9rem;

    }



    .conference-contact p {

        font-size: 0.9rem;

    }



    .price-img, .contest-img, .conference-img {

        width: 100%;

        height: auto;

    }



    .conference-info {

        width: 100%;

    }



    .horizontal-line {

        width: 90%;

        margin-left: 5%;

    }

}



/* Företag responsiv slut */