@import url("https://use.typekit.net/jzf5lhe.css");

:root {
  --falstaff-white:       #F0F0F0;
  --falstaff-black:       #000000;
  --falstaff-grey-dark:   #41413F;
  --falstaff-grey:        #7B8386;
  --falstaff-grey-light:  #B3BFC5;
  --falstaff-gold:        #D6B155;
  --falstaff-gold-dark:   #C6B457;
  --falstaff-blue:        #148CF2;
  --falstaff-purple:      #5E365C;
  --falstaff-purple-dark: #442B58;
  --falstaff-blue:        #00758A;
  --falstaff-magenta:     #DB518E;
  --falstaff-red:         #DD0935;
  --falstaff-green:       #87B726;
  --falstaff-light-green: #ACCF79;
}

@font-face {
	font-family: "Flama Thin";
	src: url("/inc/css/fonts/Flama-Thin.woff");
}

@font-face {
	font-family: "Flama Semicondensed Light";
	src: url("/inc/css/fonts/FlamaSemicondensed-Light.woff");
}

@font-face {
	font-family: "Flama Semicondensed Medium";
	src: url("/inc/css/fonts/FlamaSemicondensed-Medium.woff")
}

@font-face {
	font-family: "Flama Light";
	src: url("/inc/css/fonts/Flama-Light.woff")
}

@font-face {
	font-family: "Flama Medium";
	src: url("/inc/css/fonts/Flama-Medium.woff");
}

@font-face {
	font-family: "Flama Semicondensed Book";
	src: url("/inc/css/fonts/FlamaSemicondensed-Book.woff")
}

@font-face {
	font-family: "Flama Semicondensed Black";
	src: url("/inc/css/fonts/FlamaSemicondensed-Black.woff")
}

@font-face {
	font-family: "HTF Didot L24 Light";
	src: url("/inc/css/fonts/HTFDidot-Light24.woff")
}

@font-face {
	font-family: "guidesymbols";
	src: url("/inc/css/fonts/guidesymbols_10.woff")
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

main {
	height: 95%
}

.btn-primary {
  color: #ffffff;
  background-color:var(--falstaff-gold) !important;
  border-color: var(--falstaff-gold) !important;
  background-image: none !important;}
  .btn-primary:hover {
    color: #ffffff;
    background-color: var(--falstaff-gold-dark) !important;
    border-color: var(--falstaff-gold-dark) !important; }
  .btn-primary:active, .btn-primary.active {
    color: #ffffff;
    background-color: var(--falstaff-gold-dark) !important;
    border-color: var(--falstaff-gold-dark) !important; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
      color: #ffffff;
      background-color:var(--falstaff-gold-dark) !important;
      border-color:var(--falstaff-gold-dark); }
  .btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: var(--falstaff-gold-dark) !important;
    border-color:var(--falstaff-gold-dark) !important; }

.btn-falstaff-gold {
  background-color: var(--falstaff-gold) !important;
  border-color: var(--falstaff-gold) !important;
  color: var(--falstaff-white) !important;
}
.btn-falstaff-gold:hover, .btn-falstaff-gold:focus, .btn-falstaff-gold:active, .btn-falstaff-gold.active, .open>.dropdown-toggle.btn-falstaff-gold {
  background-color: var(--falstaff-gold) !important;
  border-color: var(--falstaff-grey) !important;
  color: var(--falstaff-grey) !important;
}

.btn-falstaff-grey {
  background-color: var(--falstaff-grey);
  border-color: var(--falstaff-grey);
  color: var(--falstaff-white);
}
.btn-falstaff-grey:hover, .btn-falstaff-grey:focus, .btn-falstaff-grey:active, .btn-falstaff-grey.active, .open>.dropdown-toggle.btn-falstaff-grey {
  background-color: var(--falstaff-white);
  border-color: var(--falstaff-grey);
  color: var(--falstaff-white);
}

.btn-falstaff-white {
  background-color: var(--falstaff-white);
  border-color: var(--falstaff-grey);
  color: var(--falstaff-grey);
}
.btn-falstaff-white:hover, .btn-falstaff-white:focus, .btn-falstaff-white:active, .btn-falstaff-white.active, .open>.dropdown-toggle.btn-falstaff-white {
  background-color: var(--falstaff-white);
  border-color: var(--falstaff-grey-dark);
  color: var(--falstaff-grey-dark);
}

.cols2
{
	/* blocksatz in den spalten */
	text-align: justify;
	
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-webkit-column-rule-color: black;
	-webkit-column-rule-width: 1px;
	-webkit-column-rule-style: solid;
	
	column-count: 2;
	column-gap: 20px;
	column-rule-color: black;
	column-rule-width: 1px;
	column-rule-style: solid;
}

.cols2 div {
	break-inside: avoid;
}

.cols3
{
	/* blocksatz in den spalten */
	text-align: justify;
	
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	-webkit-column-rule-color: black;
	-webkit-column-rule-width: 1px;
	-webkit-column-rule-style: solid;
	
	column-count: 3;
	column-gap: 20px;
	column-rule-color: black;
	column-rule-width: 1px;
	column-rule-style: solid;
}

.cols3 div {
	break-inside: avoid;
}

.alert-warning .alert-block {
  color: var(--falstaff-white);
  background-color: var(--falstaff-white);
  border-color: var(--falstaff-white);
}

.text-falstaff-white {
  color: var(--falstaff-white);
}

* {
  font-family: dinosaur, sans-serif;
  font-style: normal;
  font-weight: 300;
}

h1, h1.section-landing-heading, h1.section-landing-heading *, h1 *, .section-landing .row > div .section-landing-heading {
    font-family: linotype-didot-headline, serif;
    font-weight: 400;
    font-style: normal;
}

span.drop_language {
    font-weight: bold;
}

img.sp_logo {
     width: 214px;height: 30px;
     margin-top: -20px; left: 0;
}

/* override form border style globally */
.crmEntityFormView {
  border: none !important;
}
.entitylist {
  border: none !important;
  margin-top: 24px;
}

.element {
  margin: 50px !important;
}

.faq {
  font-size: 18px;
}

.faq-heading {
  font-size: 24px;
}

.falstaff-entityform-container {
  margin-bottom: 50px;
}

.falstaff-entityform-cta {
  margin-top: -24px;
  margin-left: 24px;
}

.wghead
{
	font-size:22px;
	font-family:'HTF Didot L24 Light';
	text-transform: uppercase;
}

.wgstars
{
	font-size:24px;
	font-family:'guidesymbols';
	color: var(--falstaff-gold) !important;)
}

/* styling für das p-element im div-kontainer */
.wgcp
{
	/* blocksatz in den spalten */
	font-family: 'HTF Didot L24 Light';
	font-size:13px;
	text-align: justify;
	line-height: 1.1em;
	
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	
	column-count: 2;
	column-gap: 20px;
	column-rule-color: black;
	column-rule-width: 1px;
	column-rule-style: solid;
}

/* styling für das p-element im div-kontainer */
.wgwb
{
	/* blocksatz für Winzerbeschreibung */
	font-family: 'HTF Didot L24 Light' !important;
	font-size:13px;
	text-align: justify;
	line-height: 1.1em;
}

.prod_text {
	font-family:"Flama Semicondensed Light", sans-serif;
	font-size:0.8rem;
	font-style:normal;
	font-variant:normal;
	orphans:1;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
}

.prod_name {
	font-family:"Flama Semicondensed Medium", sans-serif;
	font-size:0.9rem;
	font-style:normal;
	font-variant:normal;
	orphans:1;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
}

.prod_info {
	font-family:"Flama Semicondensed Light", sans-serif;
	font-size:0.9rem;
	font-style:normal;
	font-variant:normal;
	orphans:1;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
}

.color_fort {
	color:#57a6ca;
}
.color_rose {
	color:#e17b7d;
}
.color_rot {
	color:#b31c21;
}
.color_suess {
	color:#fcaf17;
}
.color_weiss {
	color:#4eb857;
}

.border-1 {
	border-style:solid !important;
	border-width:1px !important;
}

.border-2 {
	border-style:solid !important;
	border-width:2px !important;
}

.border-3 {
	border-style:solid !important;
	border-width:3px !important;
}

.border-4 {
	border-style:solid !important;
	border-width:4px !important;
}

.border-gold {
	border-color: var(--falstaff-gold) !important;
}