@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200&display=swap');
:root {
    --bs-body-font-family: 'Titillium Web', sans-serif;
    --margin-bottom: 1.5em;
    --margin-left: 5px;
    --margin-top: 10px;
    --fill-color: #fbf2e1;
}


.container-fluid{
    margin-left: 120px;
}
html, body, html * {
 }



html {
    font-size: 20px;
}


.Text-and-image p {
    padding-right: 1em;
    font-size: 20px;
}


.navbar-toggler {
    right: 10px;
}

@media (min-width: 530px) {
    .ShowOnSmall {
        display: none;
    }
}

#logo{
    position:relative;
    top:-10px;
    left:5px;
}
h1 {
    font-size: calc(28px + 1.8vw);
    font-weight:400;
}

h2 {
    font-size: calc(18px + 1.8vw);
}

.text_shad {
    text-shadow: 1px 1px 4px #777;
    margin-bottom: 0.2em;
}
.right{
    float: right;
}
.contentSized {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
}


@media (min-width: 768px) {
    html {
        font-size: 20px;
    }
    .text_shad {
        text-shadow: 1px 1px 4px #777;
        margin-bottom: 0.5em;
    }


    .Text-and-image p {
        padding-right: 2em;
        font-size: 24px;
    }

    .contentSized {
        width: 700px;
        padding-left: 1em;
        padding-right: 1em;
    }

   
    .contentSized {
        width: 80%;
        padding-left: 2em;
        padding-right: 2em;
    }

}
.FlexDiv {
    display: flex;
    flex-direction: column;
    align-items:center;
}


.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.text-Preis {
    font-size: 16px !important;
    font-weight: 600 !important;
    
}

.heading-root {
    margin-top: 15px;
}

.Text-and-image {
    display: flex;
    flex-flow: wrap;
    font-size: 12px;
}

.back_home1 {
    background-image: url("../Images/BackgroundIdx.jpg");
    background-color: #1597ee;
    
    color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: scroll;
    padding-top: 2em;
    padding-bottom: 4em;
    /* line-height: 2.7em; */
}
.back {
    position: relative;
    color: #ffffff;
    padding-top: 2em;
    padding-bottom: 4em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 65%;
    background-attachment: scroll;
    height: 350px;
}
.back_corado {
    background-image: url('../Images/back_Corado.jpg');
    position:relative;
    color: #ffffff;
    padding-top: 2em;
    padding-bottom: 4em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 65%;
    background-attachment: scroll;
    height:350px;
    
}
.back_impressum {
    background-image: url('../Images/back_impressum.jpg');
    position: relative;
    color: #ffffff;
    padding-top: 2em;
    padding-bottom: 4em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 65%;
    background-attachment: scroll;
    height: 350px;
}

svg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10vw;
    /* set height to pixels if you want angle to change with screen width */
}


.Center {
    width: 100%;
}

.Content {
    padding-top: 2em;
    align-items: center;
    background: rgb(251, 242, 225);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    position: relative;
    transition: background-color 0.3s ease-out 0s;
    --shopping-page-bg: transparent;
    --shopping-page-bg-dark: transparent;
}

.feed {
    /* align-items: center; */
    display: flex;
    flex-direction: column;
}

.navSized {
    align-items: center;
    display: flex;
    gap: 5px;
}

.container {
    width: 100%;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.ListContainer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    background-color: transparent;
    /* width:100%; */
    /* align-items: stretch; */
    line-height: 1;
}

.coloured_text {
    color: saddlebrown;
}

.navbar {
    justify-content: center;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

*,
:after,
:before {
    box-sizing: inherit;
}

strong {
    font-weight: bolder;
}

body {
    margin: 0;
}

img {
    display: inline-block;
    max-width: 100%;
}

.text-root {
    word-wrap: var(--word-wrap);
    color: var(--text-container-color);
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-style: var(--font-style);
    font-weight: var(--font-weight);
    overflow-wrap: var(--overflow-wrap);
    text-decoration: var(--text-decoration);
}

@supports (-ms-ime-align:auto) and (-webkit-mask:url()) {
}

.grid-row-root {
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

.grid-row-non-full-width {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--grid-row-no-full-width);
}

.grid-row-has-rows {
    display: block;
}

.grid-row-has-columns {
    display: flex;
    flex-wrap: wrap;
}

.grid-row-top-level {
    padding-left: var(--grid-row-top-level-padding);
    padding-right: var(--grid-row-top-level-padding);
}

.grid-column-root {
    box-sizing: border-box;
    flex-grow: 0;
    padding: var(--grid-column-vertical-spacing) var(--grid-column-spacing-unit);
    position: relative;
}

@media only screen and (max-width:767.95px) {
    .grid-column-small-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .grid-column-small-6 {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .grid-column-medium-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .grid-column-medium-6 {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width:1024px) {
    .grid-column-large-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .grid-column-large-8 {
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .grid-column-large-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .grid-column-large-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }
}

.module-container-root {
    max-width: 100%;
    position: relative;
}
.module-container-custom {
    margin: 2px;
}


.heading-root {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

    .heading-root h2 {
        word-wrap: var(--word-wrap-h2);
        color: var(--heading-color-h2);
        font-family: var(--font-family-h2);
        font-size: var(--font-size-h2);
        font-style: var(--font-style-h2);
        font-weight: var(--font-weight-h2);
        overflow-wrap: var(--overflow-wrap-h2);
        text-decoration: var(--text-decoration-h2);
    }

    .heading-root h3 {
        word-wrap: var(--word-wrap-h3);
        color: var(--heading-color-h3);
        font-family: var(--font-family-h3);
        font-size: var(--font-size-h3);
        font-style: var(--font-style-h3);
        font-weight: var(--font-weight-h3);
        overflow-wrap: var(--overflow-wrap-h3);
        text-decoration: var(--text-decoration-h3);
    }

    .heading-root h5 {
        word-wrap: var(--word-wrap-h5);
        color: var(--heading-color-h5);
        font-family: var(--font-family-h5);
        font-size: var(--font-size-h5);
        font-style: var(--font-style-h5);
        font-weight: var(--font-weight-h5);
        overflow-wrap: var(--overflow-wrap-h5);
        text-decoration: var(--text-decoration-h5);
    }

.image-geometry-circle-1 {
    border-radius: 500px;
}

.image-container {
    display: flex;
}

.image-wrapper {
    box-sizing: content-box;
    height: 0;
    overflow: hidden;
}

.image-img {
    display: block;
    mask-image: var(--geometry-mask-image);
    -webkit-mask-image: var(--geometry-mask-image);
    width: 100%;
}

    .image-img.no-aspect-ratio {
        mask-repeat: round;
        -webkit-mask-repeat: round;
        mask-size: 100% 100%;
        -webkit-mask-size: 100% 100%;
    }


.image-gallery-wrapper-item
{
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

.image-gallery-wrapper-image {
    padding-bottom: 100%;
    position: relative;
}

.image-gallery-title {
    word-wrap: var(--word-wrap);
    align-items: var(--title-align-items);
    background-color: var(--title-background-color);
    bottom: var(--title-bottom);
    color: var(--title-color);
    display: var(--title-display);
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-style: var(--font-style);
    font-weight: var(--font-weight);
    justify-content: var(--title-justify-content);
    left: var(--title-left);
    margin: var(--title-margin);
    min-height: var(--title-min-height);
    overflow-wrap: var(--overflow-wrap);
    padding: var(--title-padding);
    position: var(--title-position);
    text-decoration: var(--text-decoration);
    width: var(--title-width);
}

    .image-gallery-title > span {
        height: var(--span-height);
        line-height: var(--span-line-height);
        margin: var(--span-margin-top) var(--span-margin-right) var(--span-margin-bottom) var(--span-margin-left);
        overflow: var(--span-overflow);
        text-align: var(--span-text-align);
        text-overflow: var(--span-text-overflow);
        white-space: var(--span-white-space);
        width: var(--span-width);
    }

.image-gallery-link {
    display: block;
}

    .image-gallery-link img {
        border: none;
    }

.image-gallery-img-grid {
    height: 100%;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

@media not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance: none) {
    }
}
.image-gallery-grid {
    display: grid;
    gap: var(--image-gallery-grid-gap);
    grid-template-columns: repeat(var(--image-gallery-grid-columns),1fr);
    grid-template-rows: repeat(var(--image-gallery-grid-rows),1fr);
}

.image-gallery-wrapper-item {
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

.image-gallery-wrapper-image {
    padding-bottom: 100%;
    position: relative;
}

.section-geometry-rectangle + .section > .section-inner {
    mask-position: left top;
    -webkit-mask-position: left top;
    mask-repeat: repeat-x;
    -webkit-mask-repeat: repeat-x;
}
.navitems {
}

    .navitems li {
    }


.nav {
    position: relative;
}

    .nav ul {
        display: flex;
        height: 3rem;
        overflow: hidden;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        width: 80%;
    }

    .nav li a {
        display: block;
        padding: 1rem 0.5rem;
        text-decoration: none;
        white-space: nowrap;
    }

    .nav.open ul {
        height: auto;
        display: block;
    }

.navitems {
    display: none;
}

.x {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    cursor: pointer;
}


.footer{
    margin-top:80px;
    background-color: rgb(76,76,86);
    color: whitesmoke;
}
.footer-text {
    padding: 10px;
    color: whitesmoke;
    font-size: 14pt;
}
.footer-infotxt{
    font-size: 14pt;
}
footer-text link {
    color: whitesmoke;
    background-color: transparent;
    text-decoration: none;
}

footer-text :visited {
    color: whitesmoke;
    background-color: transparent;
    text-decoration: none;
}