/*!
	Theme Name:        Marquardt Wohnen
	Theme URI:         https://elementor.com
	Description:       marquardt wordpress theme based on elementor-hello-theme
	Author:            seitenmacher media
	Author URI:        https://seitenmacher.media
	Version:           1.0
	Stable tag:        1.0
	Requires at least: 4.9
	Tested up to:      4.9
	Text Domain:       marquardt-theme
*/

body,
html {
    margin: 0;
    padding: 0;
    line-height: 1.5em
}

a {
    color: #959c9c
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0.02em;
    margin: 0;
    color: #000000
}

h1 {
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1.2
}

h2 {
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.2
}

h3 {
    font-weight: 400;
    line-height: 1.2
}

h4 {
    font-weight: 500
}

.page-content .elementor-widget-text-editor a {
    text-decoration: none
}

.page-content .elementor-widget-text-editor a {
    color: #595959
}

.page-content .elementor-widget-text-editor a:visited {
    color: #595959
}

.page-content .elementor-widget-text-editor a:hover {
    color: #595959
}

.page-content .elementor-widget-text-editor a:active {
    color: #595959
}

.page-content .elementor-widget-text-editor a:focus {
    color: #595959
}

.page-content .elementor-widget-text-editor a {
    text-decoration: underline
}

.page-content .elementor-widget-text-editor li {
    margin-bottom: 10px
}

.light {
    opacity: 0.4
}

.border-bottom,
.centered-main .archive_description:after,
.centered-main .produkt-single .form-container:after,
.centered-main .bewertungen .bewertung:after,
.centered-main .produkt-single .flex-container:after {
    content: '';
    display: block;
    width: 75%;
    margin: 0 12.5% 75px;
    padding-bottom: 50px;
}

.centered-main {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 10px;
    font-family: 'Ubuntu', Sans-serif;
    color: #595959
}

.centered-main .grid-container {
    display: grid;
    grid-template-columns: repeat(4, calc(100% / 4 - 18px));
    justify-content: space-between
}

@media only screen and (max-width: 1023px) {
    .centered-main .grid-container {
        grid-template-columns: repeat(3, calc(100% / 3 - 16px))
    }
}

@media only screen and (max-width: 767px) {
    .centered-main .grid-container {
        display: block
    }
}

.centered-main .archive_description,
.centered-main .produkt-single .form-container,
.centered-main .bewertungen .bewertung {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

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

    .centered-main .archive_description,
    .centered-main .produkt-single .form-container,
    .centered-main .bewertungen .bewertung {
        padding: 0
    }
}

.centered-main .archive_description h1,
.centered-main .produkt-single .form-container h1,
.centered-main .bewertungen .bewertung h1,
.centered-main .archive_description h2,
.centered-main .produkt-single .form-container h2,
.centered-main .bewertungen .bewertung h2 {
    font-size: 1.8em;
    font-weight: 300
}

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

    .centered-main .archive_description h1,
    .centered-main .produkt-single .form-container h1,
    .centered-main .bewertungen .bewertung h1,
    .centered-main .archive_description h2,
    .centered-main .produkt-single .form-container h2,
    .centered-main .bewertungen .bewertung h2 {
        font-size: 1.4em
    }
}

.centered-main .archive_description a,
.centered-main .produkt-single .form-container a,
.centered-main .bewertungen .bewertung a {
    color: #595959;
    text-decoration: underline
}

.centered-main .produkt-container {
    margin-bottom: 40px
}

.centered-main .produkt-container.reserviert {
    position: relative
}

.centered-main .produkt-container.reserviert .overlay {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.centered-main .produkt-container.reserviert .overlay .banner {
    width: 100%;
    max-height: 100px;
    background-color: #595959;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2em;
    padding: 10px;
    margin-top: -100px
}

.centered-main .produkt-container img {
    box-sizing: border-box;
    width: 100%;
    padding: 5%;
    height: auto;
    margin-bottom: 10px;
}

.centered-main .produkt-container img:hover {
    transform: scale(1.05);
	-webkit-transition: transform 0.3s ease-in-out;
}

.centered-main .produkt-container h2.produkt-titel {
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 10px
}

.centered-main .produkt-container ul.produkt-facts {
    margin: 0 0 10px;
    padding-left: 0;
    list-style: none;
    font-size: 14px;
    line-height: 1.4em
}

.centered-main .produkt-container ul.produkt-facts li {
    margin: 0;
    font-weight: 400
}

.centered-main .produkt-container .preis-container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-weight: 500;
    font-style: italic
}

.centered-main .produkt-container .preis-container .alter-preis span {
    text-decoration: line-through
}

.centered-main .produkt-container .preis-container .preis {
    font-size: 1.4rem
}

.centered-main .produkt-container .preis-container .preis span {
    font-size: 1.8rem;
	color: #cd2628;
}

.centered-main .produkt-container a.readmore {
    box-sizing: border-box;
    display: block;
    width: 100%;
    background-color: magenta;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase
}

.centered-main .produkt-container a.readmore:hover {
    filter: brightness(75%)
}

.centered-main .produkt-single {
    width: 100%;
    margin: 30px 0
}

.centered-main .produkt-single h2.produkt-titel {
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .centered-main .produkt-single h2.produkt-titel {
        font-size: 1.5em
    }
}

.centered-main .produkt-single .flex-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.centered-main .produkt-single .flex-container .img-container {
    width: calc(50% - 20px)
}

@media only screen and (max-width: 767px) {
    .centered-main .produkt-single .flex-container .img-container {
        width: 100%;
        margin-bottom: 20px
    }
}

.centered-main .produkt-single .flex-container .img-container img {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 9px;
}

.centered-main .produkt-single .flex-container .img-container .more-images {
    display: grid;
    grid-template-columns: repeat(3, calc(100% / 3 - 6px));
    justify-content: space-between
}

@media only screen and (max-width: 1023px) {
    .centered-main .produkt-single .flex-container .img-container .more-images {
        grid-template-columns: repeat(2, calc(100% / 2 - 5px))
    }
}

@media only screen and (max-width: 767px) {
    .centered-main .produkt-single .flex-container .img-container .more-images {
        display: none
    }
}

.centered-main .produkt-single .flex-container .desc-container {
    width: calc(50% - 20px)
}

@media only screen and (max-width: 767px) {
    .centered-main .produkt-single .flex-container .desc-container {
        width: 100%
    }
}

.centered-main .produkt-single .flex-container .desc-container h2 {
    font-size: 2.5em;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .centered-main .produkt-single .flex-container .desc-container h2 {
        font-size: 1.3em
    }
}

.centered-main .produkt-single .flex-container .desc-container .lagernummer {
    font-size: 0.8em;
    color: #666
}

.centered-main .produkt-single .flex-container .desc-container .preis-container {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    font-style: italic;
    margin-top: 50px;

}

.centered-main .produkt-single .flex-container .desc-container .preis-container .alter-preis {
    font-weight: 500;
    opacity: 0.8;
}

.centered-main .produkt-single .flex-container .desc-container .preis-container .alter-preis span {
    text-decoration: line-through
}

.centered-main .produkt-single .flex-container .desc-container .preis-container .preis {
    font-weight: 500;
    font-size: 60px;
    margin-right: 10px;
	color: #cd2628;
}

.centered-main .produkt-single .flex-container .desc-container .reservieren-btn {
    background-color: magenta;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    padding: 10px;
    margin-top: 30px;
    border-radius: 2px
}

.centered-main .produkt-single .flex-container .desc-container a {
}

.centered-main .produkt-single .form-container:after {
    display: none
}

.centered-main .produkt-single .form-container .wpcf7-form {
    margin-top: 20px
}

.centered-main .produkt-single .form-container .wpcf7-form input,
.centered-main .produkt-single .form-container .wpcf7-form textarea {
    box-sizing: border-box;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    display: block;
    width: 100%;
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 2px
}

.centered-main .produkt-single .form-container .wpcf7-form .wpcf7-submit {
	background-color: #beab8e;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    padding: 15px 0px;
}

.centered-main .produkt-single .form-container .wpcf7-form .wpcf7-not-valid {
    border-color: magenta;
    margin: 0
}

.centered-main .produkt-single .form-container .wpcf7-form .wpcf7-not-valid-tip {
    color: magenta;
    margin: 0 0 10px
}

.centered-main .produkt-single .form-container .wpcf7-form .wpcf7-response-output {
    margin: 0;
    text-align: center;
    padding: 10px
}

.centered-main .produkt-single .form-container .wpcf7-form br {
    display: none
}

.centered-main .bewertungen .bewertung .name-bewertung {
    font-weight: 500;
    display: block;
    margin-top: 5px
}

.centered-main .bewertungen .bewertung .star-ratings {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2em
}

.centered-main .bewertungen .bewertung .star-ratings .star-rating-cat {
    width: calc(100% / 4 - 15px);
    margin-bottom: 2em
}

@media only screen and (max-width: 767px) {
    .centered-main .bewertungen .bewertung .star-ratings .star-rating-cat {
        width: calc(100% / 2 - 20px)
    }
}

.centered-main .bewertungen .bewertung .star-ratings .star-rating-cat span {
    text-transform: uppercase;
    font-weight: 500
}

.centered-main .bewertungen .bewertung .star-ratings .star-rating-cat ul {
    margin: 0;
    display: inline-block
}

.centered-main .bewertungen .bewertung a.origial-rating {
    display: inline-block;
    background-color: #595959;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    text-decoration: none;
    padding: 15px 25px
}

.centered-main .bewertungen .bewertung a.origial-rating:hover {
    background-color: #757575;
    text-decoration: underline
}


.hotspot {
    font-family: "Ubuntu";
    font-size: 12px
}

.desc-container h3 {
    margin-top: 40px;
    font-size: 22px;
}

.produkt-facts li {
    list-style: none;
    padding: 10px 0px;
border-bottom: 1px solid #80808036;
}

ul.produkt-facts {
    padding: 0;
}
div#form-container h2 {
    font-size: 40px;
    font-weight: 600;
}