/*
 Theme Name:   OceanWP Child
 Description:  Child Theme des high-performance WP-Theme OceanWP
 Author:       Philipp Limbeck
 Author URI:   https://insyde.at/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

/* overwrite general settings of oceanwp for focus of links (black border) */
#main a:focus,
#site-header a:focus,
#footer a:focus {
    outline: 0px !important;
}

:root {
    --farbe-weiss: #ffffff;
    --farbe-schwarz: #000000;
    --farbe-blau: #089dd9;
    --farbe-blaugrau: #7F8095;
}

body.woocommerce-page:not(.woocommerce-shop) #site-header.full_screen-header .menu-bar .ham,
body.woocommerce-page:not(.woocommerce-shop) #site-header.full_screen-header .menu-bar .ham:before,
body.woocommerce-page:not(.woocommerce-shop) #site-header.full_screen-header .menu-bar .ham:after {
    background-color: var(--farbe-schwarz);
}

header#site-header {
    background-color: transparent;
    position: absolute;
}

header#site-header #site-header-inner {
    padding-top: 2vw;
}

body.woocommerce-page:not(.woocommerce-shop) header#site-header {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
/* Produkt mit der ID 204 ist der SKYSCRAPER */
body.single-product #main div#product-204 div.single_variation_wrap div.quantity,
body.single-product #main div#product-204 div.single_variation_wrap button.single_add_to_cart_button,
body.single-product #main div#product-204 div.woocommerce-variation-availability{
	display: none !important;
}
body.single-product #main div#product-204 a.single_add_to_cart_button{
	margin-bottom: 1.5vw;
}


#main.clr #content-wrap {
    padding-top: 0;
	padding-bottom: 0;
}

body.single-product #main.clr #content-wrap {
    padding-top: 2vh;
}


html.html {
    font-size: 18px;
}

body.page {
    font-size: clamp(1rem, calc(0.208vw + 1rem), 1.25rem);
}

#main h1,
#main h2,
#main h3 {
    font-style: italic;
    line-height: 1.2;
}

#main h1 {
    font-size: clamp(2rem, calc(2.2vw + 1rem), 5rem);
}

#main h2 {
    font-size: clamp(2rem, calc(2.2vw + 1rem), 4.444rem);
}

#main h3 {
    font-size: clamp(1.167rem, calc(1.2vw + 0.7rem), 3.889rem);
}

#main .grosser-fliesstext p {
    font-size: clamp(1.167rem, calc(1.8vw + 0.7rem), 1.444rem);
    font-style: italic;
}

#main .no-margin-bottom {
    margin-bottom: 0;
}


.einleitungstext-links h2,
.einleitungstext-rechts h2 {
    margin-bottom: 0;
}

#watchandwow {
    left: 0;
    position: relative;
    margin-top: 1vh;
}

#main .header-logo-mit-text .vc_single_image-wrapper {
    /*margin-top: -5vw;*/
}

#main .header-logo-mit-text img {
    max-width: 32%;
    margin-top: -10vh;
}

#main .header-logo-mit-text p {
    font-family: "AbrilFatface";
    font-size: clamp(1.167rem, calc(1.2vw + 0.7rem), 3.889rem);
}

#main .header-logo-mit-text .wpb_single_image {
    margin-bottom: 0;
}


#wrap #site-header.full_screen-header .menu-bar .ham::before,
#wrap #site-header.full_screen-header .menu-bar .ham,
#wrap #site-header.full_screen-header .menu-bar .ham::after {
    width: 45px;
    height: 3px;
}

#wrap #site-header.full_screen-header #site-navigation-wrap {
    right: 2vw;
}

#main a {
    color: #000;
}

.textbereich-text-im-header {
    position: absolute;
    width: 19vw;
    z-index: 2;
    top: 27%;
    left: 6%;
    color: var(--farbe-weiss);
    font-size: clamp(1.2rem, calc(0.9vw + 0.6rem), 1.7rem);
}

.zeile-briefmarke-im-header {
    width: 420px;
    position: absolute;
    right: 9%;
    top: 40%;
    --radius: 8px;
    background-image: radial-gradient(var(--radius), transparent 98%, white), linear-gradient(white 0 0);
    background-repeat: round, no-repeat;
    background-position: calc(var(--radius) * -1.5) calc(var(--radius) * -1.5), 50%;
    background-size: calc(var(--radius) * 3) calc(var(--radius) * 3), calc(100% - var(--radius) * 3) calc(100% - var(--radius) * 3);
    rotate: 9deg;
    padding: 10px;
}

.briefmarke-spalte-links {
    font-family: 'Merriweather';
    color: var(--farbe-blau);
    font-size: clamp(2.2rem, calc(4vw + 0.5rem), 3.1rem);
    font-weight: 900;
}

.briefmarke-spalte-rechts {
    /*width: 9vw;*/
    font-size: clamp(1rem, calc(0.6vw + 0.6rem), 1.278rem);
}

.zeile-briefmarke-im-header .wpb_text_column {
    margin-bottom: 0;
}

/* Impressum – Trennlinie zwischen den zwei Spalten */
#impressum-zeile {
    display: flex;
}

#impressum-zeile>.vc_column_container:first-child {
    border-right: 1px solid #000;
    padding-right: 40px;
}

#impressum-zeile>.vc_column_container:last-child {
    padding-left: 40px;
}

#what-a-show>div:nth-child(3) img {
    max-height: 62vh;
    width: auto;
}

#video-zeile {
    padding-left: 5vw;
    padding-right: 5vw;
}

#video-zeile>div:nth-child(1) .wpb_raw_code {
    margin-bottom: 0;
}

#video-zeile .wpb_raw_code>.wpb_wrapper {
    max-width: 23vw;
}

#main .kontakt-symbol img {
    max-width: 40px;
    height: auto;
}


/* Marquee Beginn */
div#marquee-container {
    overflow: hidden;
    white-space: nowrap;
    background-color: var(--farbe-magenta);
    padding: 8px 0;
    font-size: 24px;
}

div#marquee {
    display: inline-block;
    animation: marquee 22s linear infinite;
    padding-left: 100%;
    color: var(--farbe-blaugrau);
}

@keyframes marquee {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-100%);
    }
}

/* Marquee Ende */


#footer .menu {
    display: flex;
    justify-content: center;
    gap: 60px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .menu>li {
    margin: 0;
    border: 0;
}

#footer .menu>li>a {
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Merriweather", serif;
    letter-spacing: 4px;
    font-weight: 900;
    font-size: clamp(1rem, calc(0.5vw + 0.7rem), 1.222rem);
}

#footer .vc_wp_custommenu {
    margin-bottom: 0;
}

#footer .menu-footer-impressum-container .menu>li>a {
    font-weight: 500;
    font-size: clamp(0.889rem, calc(0.3vw + 0.7rem), 1rem);
}

#footer .vc_wp_custommenu:first-of-type {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
}

#footer .vc_wp_custommenu:first-of-type::before,
#footer .vc_wp_custommenu:first-of-type::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #000;
}

#footer em {
    color: var(--farbe-blaugrau);
}

















/* WOOCOMMERCE */
/* Single Product: bei variablen Produkten den Variationspreis im Formular ausblenden */
.single-product.product-type-variable .single_variation .woocommerce-variation-price,
.single-product.product-type-variable .single_variation p.price,
.single-product.product-type-variable .woocommerce-variation-price {
    display: none !important;
}

body.single-product .product_meta,
body.single-product .woocommerce-tabs {
    display: none;
}

body.single-product .summary>p.price {}

body.single-product .single-product-datenblatt {
    margin-bottom: 3vh;
    max-width: 400px;
    background-color: var(--farbe-weiss);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
body.single-product .single-product-video-link{
	margin-bottom: 0;
}
.woocommerce #main div.product form.cart .variations .reset_variations {
    display: none !important;
}

body.single-product .woocommerce-variation-price {
    display: none;
}

body.single-product div.product form.cart,
body.single-product div.summary.entry-summary>form>table th,
body.single-product div.summary.entry-summary>form>table td {
    border: 0;
}

body.single-product div.summary.entry-summary>form>table span.theme-select {
    background-color: var(--farbe-weiss);
}

body.single-product .summary {
    background-color: #33333310;
    padding-top: 5px;
    padding-right: 2vw;
    padding-left: 2vw;
    padding-bottom: 5px;
}

body.single-product .single_variation_wrap div.quantity {
    margin-top: 5px;
}

body.single-product .single_variation_wrap div.quantity a,
body.single-product .single_variation_wrap div.quantity input {
    background-color: var(--farbe-weiss);
}

body.single-product #main ul{
	margin-top: 0;
}

body.archive #archive-informationen {
    font-size: clamp(1rem, calc(0.4vw + 0.6rem), 1.222rem);
}

/*
body.archive #archive-informationen>div:nth-child(1),
body.archive #archive-informationen div:nth-child(3){
	width: 10%;
}

body.archive #archive-informationen div:nth-child(2){
	width: 80%;
}
*/


body.archive #main h2 {
    font-size: clamp(2rem, calc(1.8vw + 1rem), 4.444rem);
}

body.archive ul.products li.product li.title a {
    font-size: unset;
}

body.archive #main ul.products li.product .image-wrap,
body.archive ul.products li.product li.title h2 {
    margin-bottom: 0;
}

li.product li.image-wrap {
    min-height: 410px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.archive-zweitname {
    margin-bottom: 1vh;
}

body.archive .product-inner .price-wrap bdi {
    font-size: clamp(1.4rem, calc(1.1vw + 0.5rem), 4.444rem);
}

body.archive ul.products li.type-product div.product-inner {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding-top: 20px;
    padding-bottom: 40px;
}

.flaschenfilter-wrapper {
    display: flex;
    align-items: center;
    gap: 35px;
    justify-content: center;
}


/* AGB Beginn */
/* AGB Ende */



/* F I L T E R */
.flaschenfilter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.flaschenfilter span {
    font-weight: 700;
}

.flaschenfilter a {
    color: inherit;
    text-decoration: none;
}

#main .flaschenfilter a.active,
#main .flaschenfilter a:hover {
    background-color: var(--farbe-blau);
    color: #fff;
    padding: 10px 15px;
}

/* F I L T E R */

#main li.product a {
    color: #fff;
}

#main li.product h2>a {
    color: #000;
	line-height: 1;
}

#rackartnotice {
    font-size: 14px;
}

#site-header .oceanwp-mobile-menu-icon a {
    color: #000;
    line-height: 40px;
    font-size: 28px;
}

#main b,
#main strong {
    font-weight: 700;
}

/*
.woocommerce-page table {
	background-color: pink !important;
    width: auto;
}
*/


/* pages without big header */
body:not(.has-header-img) header#site-header {
    position: relative;
    margin-bottom: 30px;
}

#main .mb0 {
    margin-bottom: 0;
}

body:not(.has-header-img) #site-header.full_screen-header .menu-bar .ham,
body:not(.has-header-img) #site-header.full_screen-header .menu-bar .ham:before,
body:not(.has-header-img) #site-header.full_screen-header .menu-bar .ham:after {
    background-color: #000;
}

@media all and (max-width: 1700px) {
    #site-header #site-logo #site-logo-inner>a>img {
        width: 27vw;
        max-height: unset;
        height: auto;
    }

    header#site-header #site-header-inner {
        padding-top: 1vw;
    }
	
	#card-panel > div > div > form > div > div.p-Grid.u-mt-grid > div > p{
		color: red !important;
	}
}


/* mobile menu starts */
@media all and (max-width: 959px) {
	body.woocommerce-page:not(.woocommerce-shop) header#site-header {
    padding-top: 0px;
    padding-bottom: 0px;
}
	body:not(.has-header-img) header#site-header{
		margin-bottom: 0;
	}
	body.single-product #content{
		padding-top: 0;
	}
	body.page #primary{
		margin-bottom: 0;
	}

	
	body.page-kasse header#site-header,
	body.page-warenkorb header#site-header{
		padding-bottom: 0 !important;
	}
	body.page-kasse #content,
	body.page-warenkorb #content{
		padding-top: 0;
	}
	body.page h1,
	body.page h2,
	body.page h3{
		hyphens: auto;
	}
	
	body.single-product .summary{
		margin-top: 40px;
	}
    #video-zeile {
        padding-left: unset;
        padding-right: unset;
    }

    #content-wrap,
    #main {
        overflow-x: hidden;
    }


    #impressum-zeile {
        flex-direction: column;
    }

    #impressum-zeile>.vc_column_container:first-child {
        border-right: 0;
    }

    #main #impressum-zeile>.vc_column_container p {
        text-align: left !important;
    }

    #impressum-zeile>.vc_column_container:last-child {
        padding-left: 0;
    }

    header#site-header #site-header-inner {
        padding-top: 3vw;
    }

    #site-header #site-logo #site-logo-inner>a>img {
        width: 60vw;
    }

    #site-header #site-logo #site-logo-inner {
        height: auto;
    }

    #content {
        padding-top: 12vw;
    }

    #main .reverse-col-on-mobile {
        display: flex;
        flex-direction: column-reverse;
    }

    .hide-mobile {
        display: none !important;
    }

    .flaschenfilter-wrapper {
        flex-direction: column;
        gap: 10px;
    }

    .flaschenfilter {
        gap: 14px;
    }

    .flaschenfilter a {
        font-size: 14px;
    }

    #main .flaschenfilter a.active,
    #main .flaschenfilter a:hover {
        padding: 5px 10px;
    }
}

@media all and (max-width: 600px) {

    div.textbereich-text-im-header,
    #main div.zeile-briefmarke-im-header {
        display: none;
    }

    #video-zeile .wpb_raw_code>.wpb_wrapper {
        max-width: unset;
    }

    #footer .menu {
        display: block;
    }

    #footer ul#menu-footer-impressum {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: center;
    }

    div.menu-mainmanue-container {
        text-align: center;
    }
}