/* Diese Regel lädt die Schriftart aus dem Typekit-Kit */
@import url('https://use.typekit.net/xzb2egw.css');

/* Definiere eine benutzerdefinierte Klasse, die die Schriftart verwendet */
.adobe-font {
    font-family: nimbus-sans-condensed, sans-serif; /* Ersetze 'Adobe Font Name' durch den tatsächlichen Namen der Schriftart aus deinem Typekit-Kit */
}
.adobe-font {
    font-family: georgiapro, sans-serif; /* Ersetze 'Adobe Font Name' durch den tatsächlichen Namen der Schriftart aus deinem Typekit-Kit */
}

/* Beispiel-Nutzung der benutzerdefinierten Klasse auf einem Element */
h1 {
	font-family:nimbus-sans-condensed, sans-serif; font-size:3em; letter-spacing: 0px; font-weight:900; text-transform:none; line-height: 1; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}
h2 {
	font-family: nimbus-sans-condensed, sans-serif; font-size:3em; letter-spacing: 0px; font-weight:900;text-transform: none; line-height: 1;  /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
	
}
h3 {
    font-family: georgiapro, sans-serif; text-transform: uppercase; letter-spacing: 0px;/* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
	
}

h4 {
    font-family:nimbus-sans-condensed, sans-serif; font-weight:900;text-transform: none; letter-spacing: 0px; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
	
}

h5 {
    font-family: nimbus-sans-condensed, sans-serif;font-weight:900;text-transform: none; letter-spacing: 0px; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

h6 {
    font-family:nimbus-sans-condensed, sans-serif;font-weight:700;text-transform: none; letter-spacing: 0px; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

menu {
    font-family: nimbus-sans-condensed, sans-serif; font-weight:900; letter-spacing: 0px;/* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

body {
    font-family: georgiapro, sans-serif; font-size:16px; text-transform: none; letter-spacing: 0px;/* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */	
}

sup {
    font-family:nimbus-sans-condensed, sans-serif; text-transform: none; letter-spacing: 0px;/* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

sub {
    font-family:nimbus-sans-condensed, sans-serif;text-transform: none; letter-spacing: 0px; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

input {
    font-family: nimbus-sans-condensed, sans-serif; letter-spacing: 0px;/* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

change-link {
    font-family:nimbus-sans-condensed, sans-serif;text-transform: none; letter-spacing: 0px; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */	
}

button {
    font-family:nimbus-sans-condensed, sans-serif;text-transform: none; letter-spacing: 0px; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */	
}

button-xs {
    font-family:nimbus-sans-condensed, sans-serif; text-transform: none; letter-spacing: 0px;/* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */	
}

dropdown-menu {
    font-family: georgiapro, sans-serif;text-transform: none; letter-spacing: 0px; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
	
}

:root {


/*------------Palette------------*/
--primary-light: #e6e6e6;
--primary-main: #e6e6e6;
--primary-dark:#e6e6e6;

--secondary-light: #b98d72;
--secondary-main: #b98d72;
--secondary-dark: #b98d72;

--accent-light: #c4bbad;
--accent-main: #c4bbad;
--accent-dark: #c4bbad;

--error: red;
--success: #86bc24;

/*--Font Settings--*/
--font-primary: 'georgiapro', sans-serif;
--font-title-primary: 'nimbus-sans-condensed', sans-serif;
--font-menu: 'nimbus-sans-condensed', sans-serif;
--font-fallback: 'nimbus-sans-condensed', sans-serif;

/*--Font Size Settings--*/
--font-body-size: 14px;
--font-p-size: 1em;
--font-h1-size: 3em;
--font-h2-size: 3em;
--font-h3-size: 1.2em;
--font-h4-size: 1.1em;
--font-h5-size: 1em;
--font-h6-size: 1em;
--font-sup-size: .8rem;
--font-sub-size: .9rem;
--font-input-size: .9em;
--font-button-size: 1em;
--font-button-sm-size: .8em;
--font-button-xs-size: .8em;
--font-menu-size: 1.2em;
--font-dropdown-menu-size: 1em	

/*--Font Color Settings--*/
--text-primary-color:#1c1c1c;
--text-secondary-color:#999;
--text-secondary: #999;
--text-menu-color: #fff;
--text-menu-hover-color:#c4bbad;
--text-submenu-color: #1c1c1c;
--text-submenu-hover-color: var(--text-menu-hover-color);

--text-title-color: #c4bbad;

--text-on-navigation-bar: #fff;
--text-hover-on-navigation-bar:#c4bbad;
--text-hover-on-card:#c4bbad;
	
		
/*Icons Color Settings*/
--icon-primary: #1c1c1c;
--icon-secondary:#1c1c1c;
--icon-accent:#c4bbad;

/*Background Color Settings*/
--background-body: #fff;
--background-primary: #fff;
--background-secondary: #fff;
--background-accent: var(--accent-main);
--background-error: var(--error);
--background-widget-bar: transparent;
--background-menu-bar: #1c1c1c;
--background-navigation-bar: #1c1c1c;
--background-submenu: #fff;
--background-card: #1c1c1c;
--background-form-control:rgba(255,255,255,0.9);
--background-form-control-active: #fff;
--background-footer-main:#fff;
--background-footer-copyright:#fff;
--background-footer-payments:#fff;
--background-dark: #1c1c1c;
--background-icon-contrast: rgba(255,255,255,0);
--background-slider-control: rgba(231,231,231,0);
--background-main-header:#c4bbad;

	
/*Border Settings*/
--border-primary:#c4bbad;
--border-accent: var(--accent-main);
--border-error: var(--error);
--border-radius-sm: 0.25rem;
--border-radius-md: 0.25rem;
--border-radius-lg: 35rem;
--border-radius-arrow: 1rem;
--border-radius-img: 0.2rem;
--border-radius-button: 1.2rem;

/*Shadow*/	
--shadow-00: none;
--shadow-03: none;
--shadow-hover-card: none;
--shadow-dropdown:none;
}

/*
.main-header .menu-bar {
	min-height:115%; 
	margin: 0 auto;
	border-bottom:solid #fff;
	background-body: #c4bbad;
}

.main-header .menu-bar .main-menu .menu {
    position: relative;
	text-align: center;
}


.main-menu .top-level-dropdown, .main-menu .top-menu-link {
    text-transform: lowercase;
    font-weight: 900;
	font-size: 1.6em;
	
	padding-right:3em;
	background-body: #c4bbad;
}



.full-banner .bg-banner-content {
    position: relative;
    marginleft: auto;
	text-align:center;
	position: relative; center: 0px;
    max-width: 100%;
	min-height: 100%;
    border-radius: 1.2rem;
	border-top-right-radius:0.25rem;
	border-top-left-radius:0.25rem;
	border-bottom-right-radius:0.25rem;
	border-bottom-left-radius:0.25rem;

}

.full-banner .bg-banner-content {
    background-color:rgba(196,187,173,1.00) !important;
	max-height:85%;
}


.full-banner {
    padding-left: 0rem;
	padding-right: 0rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	display:block;
	weight:500rem;
	height:15rem;
}


.full-banner .title {
		
	font-family:'georgiapro', sans-serif;
	font-size:8em;

	
}


.section-backgrounded-banner-list .full-banner {
    min-height: 35vh;
}

.winepad-attr-card .card-content, .winepad-attr-card .card-image {
    overflow: auto;
	font-size:85%;
	height: 20vh;
}
.winepad-attr-card .card-image img {
    height: 20vh; 
}

.summary-title {
    text-transform: unset;
	font-weight: 900;
}


ul.tabs-header .tab-nav-link {
   text-transform: unset;
	font-weight: 900;
}

.accordion-tab .tab-label {
  text-transform: unset;
	font-weight: 900
}

.navigation-bar .sub-menu-main>.submenu-item-container>.submenu-link {
    background: white;
}
*/


body {
    background-image:url(https://app.winepad.at/media/downloads/background_karo_beige.svg);
    background-attachment: fixed;
}

.description a:not(.external-link) {
    font-family: 'nimbus-sans-condensed';
    color: var(--text-on-accent)!important;
    background-color: #1c1c1c;
    border: none;
}

.description a:not(.external-link):focus, .description a:not(.external-link):hover {
    box-shadow: 3px 3px 3px rgba(60,60,60,0.5);
}


/*_______________________________________________________________MENU__________________________________________________________________________*/

.main-menu .sub-menu-main {
    max-height: 20vw;
}

.menu-bar.col-12 {
    flex: 0 0 100%;
    max-width: 70%;
    left: 15%;
    border-radius: var(--border-radius-md);
}

.navigation-bar .main-menu .menu-toplevel-link .sub-menu-main.show {
    display: block;
    background: white;
}


.sub-menu-next-level .submenu-link {
    text-transform: unset;
    font-family: 'georgiapro';
}

.sub-menu-main>.submenu-item-container>.submenu-link {
    font-family: 'georgiapro', sans-serif;
    /* text-transform: unset; */
    /* font-size: 18px; */
    border-top: 1px solid var(--border-primary);
    padding-top: 1em;
    padding-bottom: 0px;
}


/*___Menuspalte links___*/
.navigation-bar .sub-menu-main .submenu-item-container .sub-menu-next-level .submenu-item-container .submenu-link {
    padding: 0rem .5rem .5rem 3rem;
    border-bottom: 0px;
    border-top: 0px;
}
.navigation-bar .sub-menu-main>.submenu-item-container>.submenu-link {
    padding: 1rem 1rem 1rem 2rem;
    border-top: 1px solid var(--border-primary);
    border-bottom: 0px;
}

.navigation-bar .sub-menu-main .submenu-item-container:last-child .sub-menu-next-level .submenu-item-container:first-child .submenu-link {
    border-top: none;
}

.navigation-bar .sub-menu-main .submenu-item-container:last-child .submenu-link {
    border-bottom: none;
    border-top: none;
}

.scrolled .navigation-bar .main-menu .menu-collapse-active {
    padding-bottom: 5em;
}
/*_______________________________________________________________START__________________________________________________________________________*/

/*.home-widget-section {
	
.flex-container {
  	display: flex;
  	flex-wrap: nowrap;
  	justify-content: space-between;
  	align-items: stretch;
  	gap: 1em;
}

.headline {
  	flex: 1 1 100%;
  	font-size: 2em;
  	color: #c4bbad;
  	text-align: right;
	display: flex;
	align-items: center;
}

.wrapper {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	flex: 0 0 auto; 
  	width: 2em; 
	height: 200px;
}

	
.gedreht {
    background: #c4bbad;
        color: white;
        border-radius: var(--border-radius-md);
        text-align: center;
        transform: rotate(-90deg);
        font-family: 'nimbus-sans-condensed';
        position: absolute;
        display: flex;
        margin-right: -5em;
        padding: 0.5em 1em 0.5em;
        width: 200px;
        height: 3vw;
        transition: all var(--transition-standart-time,.3s) ease;
        justify-content: center;
        align-items: center;
}
	.gedreht:hover{
		height: 200px;
        width: 33%;
        flex-direction: row;
        transform: rotate(0deg);
        margin-left: calc(33% - 1em);
        background-color: #1c1c1c;
	}

.text-box {
  	flex: 1 1 auto;
  	background: white;
  	border: 2px solid #c4bbad;
  	border-radius: var(--border-radius-md);
  	padding: 1rem;
  	text-align: center;
 	display: flex;
  	align-items: center;
	height: 200px;
	padding-left:2em;
	min-width:33%;
}

.text-box.dark {
	background: #c4bbad;
	color: white;
	min-width:33%;
}
	
	@media (max-width: 768px) {
  		.flex-container {
    		flex-direction: column; 
  		}

    	.wrapper {
    		flex: 1 1 100%;
  		}

  		.gedreht {
    		transform: none;
            margin-right: 0em;
            width: 92%;
            left: 4%;
            right: 4%;
            margin-bottom: -2em;
			height: 2.5em;
  		}
		
		.gedreht:hover {
        	height: 200px;
        	width: auto;
        	transform: rotate(0deg);
        	margin-top: 200px;
    }
		       
		.text-box {
            margin-bottom: 1em;
			padding-top: 2em;
			padding-left: 0em;

        }
	}


.description a:not(.external-link) {
    display: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    margin: 0px;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit !important;
    background-color: transparent;
    border: none;
    border-radius: inherit;
    padding: 0px;
}

.description a:not(.external-link):focus, .description a:not(.external-link):hover {
    box-shadow: none;
}
}
__________________

.section-backgrounded-banner-list .full-banner {
    max-height: 30vh;
	min-height: 30vh;

}

.full-banner .bg-banner-content {
    margin-left: auto;
    margin-right: 10%;
	text-align:right;
}

.full-banner:nth-child(2n) .bg-banner-content {
    margin-right: auto;
    margin-left: 10%;
}*/


.picture-text-widget.pb-0.spaced-section.widget-310.picturetexttwocols-widget-310 {
	background: rgba(196, 187, 173, 0.5);
    border-radius: 50vh 0vh;
}

img[alt="VINOTHEK"] {
    margin-bottom: -10vh;
    margin-right: -5vh;
}

img[alt="AUF ANFRAGE"] {
    margin-bottom: -15vh;
	margin-top: -20vh;

}

.picture-text-widget .description, .picture-text-widget .description p, .picture-text-widget .subtitle, .picture-text-widget .title {
    color: white;
	text-align:center;
}

/*_______________________________________________________________TWO COL__________________________________________________________________________*/

header.no-line .line {
    display: none;
}

header.no-subtitle .subtitle, header.no-title .title {
    display: block;
}

.boxed-banner-card .subtitle, .boxed-banner-card .title {
    -webkit-line-clamp: 4;
}

.item-card-contain .title {
    font-size: var(--font-h2-size);
}

.boxed-banner-card {
    max-height: 40vh;
}

.boxed-banner-card:hover .color-overlay {
    background-color: #1c1c1c !important;
}
	
.boxed-column {
    margin-bottom: 10px!important;
}
.item-card-contain {
	max-height:30vh;
	transition: all var(--transition-standart-time, .3s) ease;
}

@media (max-width: 768px) and (orientation:portrait) {
	
	.row.two-column-banner-row .boxed-column.col-md-6.page-752 header {
    		padding-left: 0% !important;
		}
	
	.row.two-column-banner-row .boxed-column.col-md-6.page-910 header{
    		padding-right: 0% !important;
		}
}

.row.two-column-banner-row{
	
	.boxed-banner-card:hover .color-overlay {
    	background-color: #c4bbad !important;
	}
	
	.line {
		display:none;
	}
	
	.boxed-column.col-md-6.page-752 {
		
		header {
			text-align: right;
    		padding-left: 35%;
		}
		.color-overlay{
			background: linear-gradient(-90deg, #c4bbad, transparent);
		}
	}
	
	.boxed-column.col-md-6.page-910 {
		
		header{
			text-align: left;
    		padding-right: 35%;
		}
		.color-overlay{
			background: linear-gradient(90deg, #c4bbad, transparent);
		}
	}
	
}

/*_______________________________________________________________SA PRÃœM__________________________________________________________________________*/


.product-slider.spaced-section.widget-315.productslider-widget-315 {
	background: rgba(196, 187, 173, 0.5);
    border-radius: 50vh 0vh;
    padding-top: 5em;
}

.product-slider.spaced-section.widget-315.productslider-widget-315 .title.text-center.mb-5 {
    color:#1c1c1c;
    text-align: right !important;
}

.mb-5, .my-5 {
    margin-bottom: 0px !important;
}

.btn.btn-link.w-auto.all-products-btn.mx-0{
	display:none;
}

/*_______________________________________________________________DETAIL__________________________________________________________________________*/

.product-images-gallery .splide__track>.splide__list>.splide__slide {
    min-height: 60vh;
}

.sticky-add-to-cart {
    z-index: 1036;
    box-shadow: none;
    background: #1c1c1c;
    border-radius: 0.25em 0.25em 0em 0em;
    width: 85%;
    left: 7.5%;
}

.sticky-add-to-cart .qty-box .input-group .form-control {
    color: white;
}

.qty-box .input-group input:disabled {
	color:#1c1c1c;
}

.sticky-add-to-cart .product-image img {
    display: none;
}

.accordion-tab input:checked~.tab-content {
    max-height: fit-content;
}


/*_______________________________________________________________WARENKORB__________________________________________________________________________*/

.delivery-services input:checked+label, .payment-methods input:checked+label {
    background: var(--accent-main);
    color: white;
    fill: white;
}

.delivery-services input:checked+label, .payment-methods input:checked+label{
	
	.delivery-icon svg, .payment-icon svg, img.delivery-icon, img.payment-icon {
    	fill: white;
	}
	
	.website-icon svg .accent-fill {
    	fill: white;
	}
	
	p {
    	color: white;
	}
}


/*_______________________________________________________________COMING SOON PAGE__________________________________________________________________________*/


.coming-soon-page .mt-3, .my-3 {
    text-transform: none;
}

.coming-soon-page .text-accent {
    padding-top: 1rem;
}
	
.coming-soon-page .socialmedia-links {
	display: flex;
   	align-items: center;
   	justify-content: center;
   	flex-wrap: wrap;
}

.socialmedia-link.position-relative.m-1{
	margin: 0rem 1em !important;
}


/*_______________________________________________________________ALLGEMEIN__________________________________________________________________________*/


.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 70% !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 0px;
    padding-left: 0px;
}
	
.btn, a.btn, button {
    font-family: 'nimbus-sans-condensed';
}

.btn-solid, a.btn-solid, input.btn-solid {
    border: 1px solid var(--border-accent);
}

.fullsceen-slider .subtitle {
    text-transform: unset;
}

.subtitle.mt-2{
    text-transform: unset;
	font-size: 1.5em;
}

.h2, .h3, h2, h3 {
    letter-spacing: 0px;
}

@media (max-width: 767px) {
    .product-slider .splide__arrow--prev {
        left: -2rem;
    }
	
	.product-slider .splide__arrow--next {
    	right: -2rem;
	}
}