/***************
 *    FONTS    *
 * *************/

@font-face {
  font-family: 'Guardian Egyptian Semibold Web';
  src: url('../Fonts/GuardianEgyp-Semibold-Web.eot');
  src: url('../Fonts/GuardianEgyp-Semibold-Web.eot?#iefix') format('embedded-opentype'),
       url('../Fonts/GuardianEgyp-Semibold-Web.woff2') format('woff2'),
       url('../Fonts/GuardianEgyp-Semibold-Web.woff') format('woff');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Guardian Egyptian Web';
  src: url('../Fonts/GuardianEgyp-Light-Web.eot');
  src: url('../Fonts/GuardianEgyp-Light-Web.eot?#iefix') format('embedded-opentype'),
       url('../Fonts/GuardianEgyp-Light-Web.woff2') format('woff2'),
       url('../Fonts/GuardianEgyp-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

/**********************
 *    MAIN STYLING    *
 * ********************/

@media print {
    body {
        -webkit-print-color-adjust: exact;
        width: 1200px;
    }
    a[href]:after {
        content: '' !important;
    }

    [class*="col-sm-"] {
        float: left;
    }

    [class*="col-xs-"] {
        float: left;
    }

    .col-sm-12, .col-xs-12 {
        width:100% !important;
    }

    .col-sm-11, .col-xs-11 {
        width:91.66666667% !important;
    }

    .col-sm-10, .col-xs-10 {
        width:83.33333333% !important;
    }

    .col-sm-9, .col-xs-9 {
        width:75% !important;
    }

    .col-sm-8, .col-xs-8 {
        width:66.66666667% !important;
    }

    .col-sm-7, .col-xs-7 {
        width:58.33333333% !important;
    }

    .col-sm-6, .col-xs-6 {
        width:50% !important;
    }

    .col-sm-5, .col-xs-5 {
        width:41.66666667% !important;
    }

    .col-sm-4, .col-xs-4 {
        width:33.33333333% !important;
    }

    .col-sm-3, .col-xs-3 {
        width:25% !important;
    }

    .col-sm-2, .col-xs-2 {
        width:16.66666667% !important;
    }

    .col-sm-1, .col-xs-1 {
        width:8.33333333% !important;
    }

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        float: left !important;
    }

    body {
        margin: 0;
        padding: 0 !important;
        min-width: 768px;
    }

    .container {
        width: auto;
        min-width: 750px;
    }

    a[href]:after {
        content: none;
    }

    .noprint,
    div.alert,
    header,
    .group-media,
    .btn,
    .footer,
    form,
    #comments,
    .nav,
    ul.links.list-inline,
    ul.action-links {
        display:none !important;
    }

    .widget, .teaser {
        page-break-inside: avoid;
    }
}

@page {
    size:A4 portrait;
    margin: 48px 24px;
    padding: 0;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
}

body{
    font-family: 'Guardian Egyptian Web', Serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.45em;
    color: rgb(0,0,0);
    overflow-x: hidden;
}

button {
    border: none;
}

.btn {
    border-radius: 0px;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    transition: .5s;
    text-transform: uppercase;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: bold;
    padding: 6px 20px;
}

.btn-link {
    border: 0px none;
    text-decoration: underline;
}

.btn-primary {
    border: 1px solid rgb(153,177,154);
    background: rgb(153,177,154);
    color: #fff;
}

.btn-primary.active,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: #000;
    border-color: #000;
}

.btn-secondary {
    background: #000;
    color: #fff;
}

.btn-secondary.active,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background: #fff;
    color: #000;
}

.d-none {
    display: none;
}

article .ce-bodytext b{
    font-family: 'Guardian Egyptian Semibold Web', Serif;
    font-weight: normal;
}

article aside .teaser{
    margin-top: 30px;
}

#contentMain{
    padding-bottom: 100px;
}

img{
    max-width: 100%;
    height: auto;
}

h1, p.h1{
    font-weight: normal;
    font-family: 'Guardian Egyptian Web';
    font-size: 2.9em;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
}

h2{
    font-weight: normal;
    font-family: 'Guardian Egyptian Semibold Web';
    font-size: 1em;
    line-height: 1.55em;
    margin: 1.55em 0 1.55em 0;
    padding: 0;
}

h3{
    font-weight: normal;
    font-family: 'Guardian Egyptian Semibold Web';
    font-size: 1em;
    line-height: 1.55em;
    margin: 1.55em 0 0em 0;
    padding: 0;
}

h4{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 0.7em;
    font-weight: normal;
}

.form-control {
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
}

a,
a:focus{
    outline: 0;
}

.align-right{
    text-align: right;
}

.align-center{
    text-align: center;
}

.full-width{
    width: 100%;
    box-sizing: border-box;
}

.valign-top{
    vertical-align: top;
}

.valign-middle{
    vertical-align: middle;
}

.uppercase {
    text-transform: uppercase;
}

.clear, .clearer{
    clear: both;
}

.table{
    display: table;
}

.table-row{
    display: table-row;
}

.table-cell{
    display: table-cell;
}

table.wine-prices{
    margin-bottom: 30px;
}

table.bookmark-table {
    width: 100%;
}

table.bookmark-table td:last-child {
    width: 60px;
    text-align: right;
}

table.bookmark-table tr:last-child td {
    border-bottom: 1px solid #000;
}


table.bookmark-table th,
table.bookmark-table td {
    padding: 6px 0;
}

table.bookmark-table th {
    border-bottom: 1px solid #000;
}

.maturitytable-ad {
    border-top: 1px solid #000;
}

/**********************
 *       sidenav      *
 * ********************/

.main {
    width: 100%;
    transition: .5s;
}

.main .page {
    transition: none;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: -1px;
    background-color: #fff;
    border-right: 1px solid #000;
    overflow-x: hidden;
    padding: 0;
    transition: 0.5s;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
}

.sidenav-content {
    padding: 7px;
    width: 230px;
    box-sizing: border-box;
}

.sidenav nav {
    font-size: 12px;
}

.sidenav nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sidenav nav a {
    display: block;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
}

.sidenav-mainnav-icon {
    display: inline-block;
    position: absolute;
    margin: -2px 13px 0px -36px;
    margin-right: 13px;
    width: 24px;
    height: 24px;
    border: 1px solid #000;
    border-radius: 50%;
}

.sidenav nav.sidenav-mainnav ul li a{
    padding: 16px 0 16px 49px;
    line-height: 24px;
}

.sidenav nav.sidenav-mainnav ul li ul {
    overflow: hidden;
    height: 0;
    margin-top: -12px;
    animation-duration: .5s;
}

.sidenav nav.sidenav-mainnav ul li.pseudo-active ul,
.sidenav nav.sidenav-mainnav ul li.active ul {
    height: auto;
}

.sidenav nav.sidenav-mainnav ul li li a{
    padding: 6px 0 6px 49px;
    font-weight: normal;
    line-height: 1.1em;
}

.sidenav nav.sidenav-mainnav ul li li.active a {
    font-weight: 700;
}

.sidenav-mainnav-icon {
    background-size: 22px 22px !important;
    background-position: center center !important;
}

.sidenav-loginnav {
    margin: 16px 0;
    padding: 16px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.sidenav-loginnav ul li a,
.sidenav-footernav ul li a{
    padding-left: 16px;
    font-weight: normal;
}

body.sidenav-active .sidenav {
    width: 230px;
}

body.sidenav-active .main {
    margin-left: 230px;
    opacity: .2;
}

body.sidenav-active .mobile-header {
    margin-left: 230px;
}

.sidenav-search  input.form-control {
    height: 32px;
    line-height: 32px;
    border: 0px none;
    border-bottom: 1px solid #000;
    box-shadow: none;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0px 0px 0px 28px;
    background: url('../Icons/sidenav-search-icon.png') left center no-repeat;
    background-size: 28px 32px;
}

.sidenav-languagenav {
    margin: 16px 0;
    padding: 16px 0;
    border-top: 1px solid #000;
}

.sidenav nav.sidenav-languagenav a {
    display: inline-block;
    padding: 0px 16px;
}

/**********************
 *       header       *
 * ********************/

header{
    margin-bottom: 30px;
}

header .headerTop{
    height: 20px;
    background: url('../Images/bg-header-top.png') top left repeat-x;
    background-size: contain;
    display: none;
}

header .navMeta{
    font-size: 11px;
    font-family:  'Gotham A','Gotham B', Arial, Sans-Serif;
    text-transform: uppercase;
    text-align: right;
    line-height: 1em;
    padding: 12px 0;
}

header .navMeta ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

header .navMeta ul li {
    margin: 0;
    display: inline-block;
    padding: 0 6px;
    border-right: 1px solid #000;
}

header .navMeta ul li:last-child {
    border-right: none;
    padding-right: 0;
}

header .navMeta ul ul {
    display: none;
    position: absolute;
    width: 280px;
    border: none;
    padding: 4px 0 0 0;
    margin-left: -60px;
    text-align: left;
    z-index: 1000;
    background: #fff;
}

header .navMeta ul li:hover ul {
    display: block;
}

header .navMeta ul ul li {
    border-right: none;
    display: block;
    padding: 0px;
    border-bottom: 1px solid #000;
}

header .navMeta ul ul li a {
    padding: 6px 10px;
    display: block;
}

header .navMeta ul ul li:first-child {
    border-top: 1px solid #000;

}

header .navMeta ul ul li.my-account a {
    padding-top: 10px;
    font-weight: 700;
}

header .navMeta ul ul li.logout a {
    padding: 16px 10px;
    text-transform: none;
    text-decoration: underline;
}

header .navMeta ul ul li.login-form {
    padding: 10px
}
header .navMeta ul ul li.login-register {
    padding: 10px;
}
header .navMeta ul ul li.login-form input[type=submit] {
    width: auto;
    margin: 0;
}

header .navMeta ul ul.login-form-ul {
    width: 320px;
    margin-left: -240px;
}

header .navMeta ul ul.login-form-ul a{
    display: inline;
    margin: 0;
    padding: 0;
}

header .navMeta ul ul.login-form-ul a.buttonLink {
    padding: 4px 20px;
    font-size: 11px;
    display: inline-block;
    margin-top: 6px;
}

header .navLang{
    text-align: left;
}

header p{
    margin: 0;
    padding: 0;
}

header .navMeta a{
    color: #000;

}

header .logo{
    text-align: center;
    height: 157px;
}

header .logo img{
    width: 315px;
    height: auto;
}

header .navMain{
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    height: 52px;
    overflow: hidden;
}

header .navMain ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

header .navMain ul li{
    margin: 0;
    padding: 0;
    float: left;
    width: 12.5%;
    text-align: center;
    font-family:  'Gotham A','Gotham B', Arial, Sans-Serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1em;
    font-size: 11px;
}

header .navMain ul li a{
    color: #000;
    display: block;
    height: 71px;
}

header .navMain ul li a:hover,
header .navMain ul li a:focus,
header .navMain ul li.active a{
    background: url('../Images/bg-mainnav-arrow.png') bottom center no-repeat;
    background-size: 23px 13px;
}

header .navMain ul li a:hover,
header .navMain ul li a:focus{
    text-decoration: none;
}


header .navMain ul li a.active{

}

header nav.navMain .circle2{
    z-index: 100;
}
header nav.navMain .circle{
    z-index: 101;
}

header nav.navMain .circles{
    width: 36px;
    margin: auto;
    height: 36px;
    margin-top: -20px;
    margin-bottom: 10px;
}

header nav.navMain .circle,
header nav.navMain .circle .inner{
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    background-color: rgb(255,255,255);
    border-radius: 18px;
    padding: 0px;
}

header nav.navMain .inner{
    margin: 0px;
    border: none;
    width: 36px;
    height: 36px;
    background: #ccc;
    display: block;
}

header .navMain ul li.nav-search {
    text-align: right;
    height: auto;
    line-height: 22px;
    padding-top: 14px;
    float: right;
}

header .navMain ul li.nav-search a:hover,
header .navMain ul li.nav-search a:focus{
    background: url('../Images/icon-suche.png') center center no-repeat;
    background-size: contain;
}

header .nav-search .search-button {
    width: 22px;
    height: 22px;
    background: url('../Images/icon-suche.png') center center no-repeat;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
}

header.mobile-header {
    border-bottom: 1px solid rgba(0,0,0,.5);
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: rgba(255,255,255,.9);
}

header.mobile-header .logo {
    width: 100px;
    height: auto;
    margin: auto;
    padding: 12px 0px;
}

header.mobile-header .mobile-navbar {
    font-size: 22px;
    line-height: 62px;
    text-align: left;
}

header.scroll-header {
    height: 109px;
    width: 100%;
    background: rgba(255,255,255,1);
    position: fixed;
    top: -110px;
    z-index: 1041;
    border-bottom: 1px solid #7f7f7f;
    transition: .5s;
}

header.scroll-header.scrolled {
    top: 0px;
}

header.scroll-header .navMeta {
    padding-bottom: 6px;
}

header.scroll-header .logo {
    width: 140px;
    margin: auto;
    height: auto;
}

header.scroll-header .main-nav-container {
    border-bottom: 1px solid #bfbfbf;
    height: 56px;
}

header.scroll-header .nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 4px 0 0 0;
}


header.scroll-header .nav-main ul li {
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
    height: 52px;
}

header.scroll-header .nav-main ul li.active {
    background: url(../Images/bg-mainnav-arrow.png) bottom center no-repeat;
    background-size: 23px 13px;
}

header.scroll-header .nav-main ul li a {
    display: inline-block;
}

header.scroll-header .nav-main .title {
    display: none;
}

header.scroll-header .nav-main .circles {
    display: inline;
}

header.scroll-header .nav-main .circle {
    width: 36px;
    height: 36px;
    display: inline-block;
    border: none;
    overflow: hidden;
}

header.scroll-header .nav-main ul li .inner {
    display: inline-block;
    width: 36px;
    height: 36px;
}

header.scroll-header .nav-main ul li.nav-search {
    display: none;
}

header.scroll-header .navMainLevel2 {
    border-bottom: 0px;
    text-align: left;
    font-weight: normal;
    line-height: 24px;
    height: 24px;
}

header.scroll-header .navMainLevel2 a {
    margin: 0px 12px;
    line-height: 24px;
    height: 25px;
}


header.scroll-header .navMainLevel2 p {
    margin-left: -12px;
}

#header-search-popup input {
    font-family: 'Guardian Egyptian Web', Serif;
    font-size: 96px;
    text-align: center;
    height: 1.2em;
    border: none;
    background: none;
    color: #000;
    outline: none;
    outline-color: transparent;
    outline-style: none;
}

#header-search-input,
#header-search-input:focus {
    outline: none;
    outline-color: transparent;
    outline-style: none;
    box-shadow:none !important;
    border: none !important;
}

/* BOX (AD */

.ad-content{
    display: table-cell;
    vertical-align: middle;
}

.box.ad{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: none;
    border-right: none;
    background: #fff;
}

.box.ad-full{
    border: none;
    background: none;
}

.box.ad{
    display: table;
    width: 100%;
}

.box-l,
.box-m{
    height: 555px;
}

.box-billboard,
.box-s{
    height: 360px;
}

.box-xs{
    height: 165px;
}

.box.ad.box-leaderboard {
    width: 728px;
    margin: auto;
}

.box.ad.box-leaderboard .ad-content{
    padding-bottom: 15px;
}

.box.ad.box-leaderboard .ad-content:empty {
    display: none;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.ad .demo{
    background: none;
    display: inline-block;
}

.ad .demo-large-rectangle{
    width: 336px;
    height: 280px;
}

.ad .demo-small-rectangle{
    width: 180px;
    height: 150px;
}

.vinum-icon-circle {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 1px solid #000;
    border-radius: 50%;
}

.vinum-icon-17,
.teaserHeader .icon.icon17 .circle,
.navMainItem17 .circle .inner{
    background: url('../Icons/03_36x36_svg/Wein.svg') center center no-repeat;
    background-size: 36px 36px;
}

.vinum-icon-18,
.teaserHeader .icon.icon18 .circle,
.navMainItem18 .circle .inner{
    background: url('../Icons/03_36x36_svg/Weinwissen.svg') center center no-repeat;
    background-size: 36px 36px;
}

.vinum-icon-19,
.teaserHeader .icon.icon19 .circle,
.navMainItem19 .circle .inner{
    background: url('../Icons/03_36x36_svg/Events.svg') center center no-repeat;
    background-size: 36px 36px;
}

.vinum-icon-20,
.teaserHeader .icon.icon20 .circle,
.navMainItem20 .circle .inner{
    background: url('../Icons/03_36x36_svg/Essen_Trinken.svg') center center no-repeat;
    background-size: 36px 36px;
}

.vinum-icon-21,
.teaserHeader .icon.icon21 .circle,
.navMainItem21 .circle .inner{
    background: url('../Icons/03_36x36_svg/Magazin.svg') center center no-repeat;
    background-size: 36px 36px;
}

.vinum-icon-22,
.teaserHeader .icon.icon22 .circle,
.navMainItem22 .circle .inner{
    background: url('../Icons/03_36x36_svg/Mediathek.svg') center center no-repeat;
    background-size: 36px 36px;
}

.vinum-icon-23,
.teaserHeader .icon.icon23 .circle,
.navMainItem23 .circle .inner{
    background: url('../Icons/03_36x36_svg/News.svg') center center no-repeat;
    background-size: 36px 36px;
}




header .navMainLevel2{
    text-align: center;
    font-family:  'Gotham A','Gotham B', Arial, Sans-Serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1em;
    font-size: 11px;
}

header .navMainLevel2{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #bfbfbf;
    clear: both;
}

header .navMainLevel2 a{
    display: inline-block;
    margin: 0px 26px;
    color: #555;
    height: 41px;
    border-bottom: 3px solid rgba(0,0,0,0);
    transition: .5s;
}


header .navMainLevel2 .active a,
header .navMainLevel2 a:hover,
header .navMainLevel2 a:focus{
    text-decoration: none;
    border-bottom: 3px solid rgba(0,0,0,1);
    color: #000;
}

/**********************
 *   contentHeader    *
 * ********************/

#contentHeader p{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 0.7em;
}

#contentHeader h1{
    margin: 0.2em 0 0.4em;
}

#contentHeader h3{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: 700;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

#contentHeader .ce-below figure{
    margin-bottom: 30px;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #000;
}

/**********************
 *   events    *
 * ********************/

.tx-vinum-events h1{
    font-size: 36px;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}

#event-preview.white-popup-block{
    position: relative;
    max-width: 1170px;
    margin: auto;
}

#event-preview-ajax-response{
    padding: 15px;
    margin: -15px;
    background: #fff;
    border: 1px solid #000;
}

.event-search-hits-count{
    padding: 6px 0;
    font-weight: 700;
}

.event-map.map-active{
    height: 363px;
    border: 1px solid #7f7f7f;
}

.event-big-image{
    margin-bottom: 30px;
}

.event-main{
    margin-bottom: 3em;
}

.default-table,
.event-table{
    margin-top: 0;
    width: 100%;
}

.default-table .highlight-wtc td,
.event-table .highlight-wtc td{
    font-weight: bold;
}

.default-table th,
.default-table td,
.event-table th,
.event-table td{
    border-bottom: 1px solid #000;
    padding: 15px 4px;
}

.default-table th,
.event-table th{
    border-top: 1px solid #000;
    text-transform: uppercase;
    font-weight: normal;
}

.default-table a,
.event-table a{
    color: #000;
}

.event-table tr.event-highlight td{
    height: 140px;
    padding: 0;
}

a.event-highlight-content{
    display: block;
    color: #000;
    text-decoration: none;
    height: 140px;
    position: absolute;
    margin: 0px 0 0 40px;
    width: 1050px;
    background: #fff;
}

.event-highlight-content .table{
    margin-bottom: 0;
}

.event-highlight-content .event-title .td{
    height: 140px;
    vertical-align: middle;
    font-family: 'Guardian Egyptian Web', Serif;
    font-size: 32px;
    line-height: 1.2em;
}

.event-highlight-content .event-info-outer{
    height: 140px;
    vertical-align: middle;
}

.event-highlight-content .event-info{
    margin-bottom: 0;
    font-size: 1em;
}

.event-triangle{
    display: inline-block;
    width: 40px;
    height: 50px;
    margin-top: -1px;
    margin-right: 0px;
    border-style: solid;
    border-width: 0 40px 50px 0;
    border-color: transparent #688489 transparent transparent;
}

.no-event-hits {
    text-align: center;
    margin: 60px 0;
    font-weight: bold;
}

table.event-table.dataTable {
    margin-bottom: 30px;
}

.event-table .td-1{
    width: 40px;
    padding: 8px 0;
}
.event-table .td-last{
    vertical-align: top;
    width: 40px;
    text-align: right;
}


.event-table .event-highlight .td-1{
    vertical-align: top;
    visibility: visible;
}


.event-table td.td-2{
    padding-left: 0;
}

tr.event-tr td{
    cursor: pointer;
}


tr.event-tr a:hover{
    text-decoration: none;
}

.event-list-map-marker{
    display: none;
}

#event-list-map{
    height: 500px;
    background: #ccc;
    display: none;
}

#event-map-toggle{
    text-align: right;
    text-transform: uppercase;
    color: #d3d3d3;
    font-weight: 700;
    margin: 30px 0 15px 0;
}

#event-map-toggle span{
    display: inline-block;
    padding: 6px 30px;
    cursor: pointer;
}

#event-map-toggle .map{
    border-left: 1px solid #000;
}

#event-map-toggle.display-list .list,
#event-map-toggle.display-map .map{
    color: #000;
}

.tx-vinum-events .dataTables_length,
.tx-vinum-events .dataTables_filter{
    display: none;
}

.tx-vinum-events h1.awards-heading{
    margin-top: 60px;
}

.tx-vinum-events .award-slider{
    border: 1px solid #000;
    height: 165px;
}

.event-vinum-world-table{
    font-family: 'Guardian Egyptian Semibold Web', Serif;
    margin: 15px 0;
}

.event-vinum-world-td{
    background: url('../Icons/icon-vorteilswelt.png') top left no-repeat;
    width: 93px;
    height: 78px;
    background-size: 78px 78px;
}

.buttonLink.event-bottom-link {
    margin-top: -44px;
    position: absolute;
}

.event-aside,
.event-content-left {
    padding-bottom: 90px;
}

.single-event-map {
    margin-bottom: 30px;
}

.data-table-hide-length .dataTables_length {
    display: none;
}

.data-table-hide-filter .dataTables_filter {
    display: none;
}

table.events-by-client{
    margin-top: 30px;
    width: 100%;
    font-size: 13px;
}

table.events-by-client a{
    color: #000;
}

table.events-by-client th{
    text-transform: uppercase;
}

table.events-by-client td,
table.events-by-client th{
    padding: 10px;
    vertical-align: top;
}

table.events-by-client td:first-child,
table.events-by-client th:first-child{
    padding-left: 0;
}

table.events-by-client td:last-child,
table.events-by-client th:last-child{
    padding-right: 0;
}

#wine-prices {
    margin-top: 30px;
}

#wine-prices .dataTables_filter,
#wine-prices .dataTables_info{
    display: none;
}

.half-spacer{
    width: 33%;
    border-top: 1px solid #000;
    margin: 30px 0;
}


.award-slider .award{
    display: table;
    width: 100%;
    margin: 15px;
    font-size: .9em;
    color: #000;
    text-decoration: none;
}

.award-slider .award-logo{
    width: 100%;
    height: 110px;
    display: table-cell;
    vertical-align: middle;
}

.award-slider .award{
    text-align: center;
}

.event-main .map-iframe{
    width: 100%;
    height: 600px;
}

.map-iframe,
aside.event-aside .map-iframe{
    width: 100%;
    height: 360px;
}

article .event-aside .layout101{
    float: none;
    margin-left: 0px;
}

.map-iframe{
    display: inline-block;
}

.border-black{
    border: 1px solid #000;
    padding: 1px;
    line-height: 0;
}


a.event-preview-link {
    display: inline-block;
    width: 21px;
    height: 20px;
    background-image: url('../Images/icon-event-preview.png');
    background-size: contain;
    background-repeat: no-repeat;
    text-decoration: none;
}

/**********************
 *       bxslider       *
 * ********************/
.bx-wrapper{
    border: none;
    box-shadow: none;
    border: none;
    margin-bottom: 30px;
    padding-right: 1px;
}


.bx-wrapper .bx-viewport{
    overflow: hidden;
}

.bx-wrapper .bx-pager{
    bottom: 84px;
}


.event-gallery .bx-wrapper .bx-pager{
    bottom: 36px;
}

.bx-wrapper .bx-pager.bx-default-pager a{
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin: 0px 10px;
    background: rgba(255,255,255,.5);
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.bx-wrapper .bx-pager.bx-default-pager a.active{
    background: rgba(255,255,255,1);
}

figure figcaption,
.bxslider .description{
    font-size: .7em;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    height: 4em;
    border-top: 1px solid rgb(0,0,0);
}

.bxslider .description {
    line-height: 4em;
    padding: 0;
}


figure figcaption{
    height: auto;
    padding: 7px 0;
}

#contentGallery img{
    width: 100% !important;
}

#contentGallery .ce-textpic{
    margin-bottom: 30px;
}

.gallery-nav {
    width: 78px;
    text-align: center;
}

.page-vinum-world-element #contentGallery{
    height: 360px;
    overflow: hidden;
    margin-bottom: 30px;
}

.world-form-button-links .buttonLink {
    margin-bottom: 15px;
}

.page-vinum-world-element #contentGallery .bx-wrapper .bx-pager{
    bottom: 18px;
}

.page-vinum-world-element #contentGallery ul li{
    height: 358px;
}

.page-vinum-world-element #contentGallery .bxslider .description{
    display: none;
}

.page-vinum-world-element h1{
    margin-bottom: 30px;
}

.tx-vinum-world .form-elem {
    margin: 30px 0;
}

.vinum-world-logo{
    width: 142px;
    height: 142px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../Icons/icon-vorteilswelt.png');
}

.vinum-world-teaser-content{
    padding: 15px 30px;
}

.world-more-button{
    position: absolute;
    right: 45px;
    bottom: 60px;
}

a .vinum-world-teaser-content{
    color: #000;
    height: 270px;
}


.vinum-world-teaser-content .vinum-world-subtitle{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: 700;
    font-size: 0.7em;
}


.world-teaser-image{
    margin-bottom: 15px;
}

.vinum-world-teaser .bx-wrapper .bx-pager{
    bottom: 5px;
}

.vinum-world-teaser .bx-wrapper .bx-prev{
    left: 0px;
}

.vinum-world-teaser .bx-wrapper .bx-next{
    right: 0px;
}

.vinum-world-teaser .imageText {
    margin: 0px -1px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

/* POWERMAIL */

.tx-powermail form {
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: .8em;
    line-height: 1.3em;
    margin-bottom: 30px;
}

.tx-powermail .form-control {
    font-size: inherit;
}

.tx-powermail .form-horizontal .control-label {
    text-align: left;
}

.tx-powermail .powermail_tab_navigation {
    margin: 0px -15px;
}

.tx-powermail form h3 {
    margin: .5em -15px;
}

.tx-powermail form .btn-group{
    display: none;
}


.tx-powermail .powermail_fieldwrap_type_check label,
.tx-powermail .powermail_fieldwrap_type_radio label {
    display: block;
}

.tx-powermail label {
    font-weight: normal;
}

.tx-powermail .btn[type=submit] {
    float: right;
}

.powermail_fieldwrap .control-label{
    margin-left: -15px
}

.powermail_confirmation table {
    margin-top: 30px;
}

.tx-powermail .btn {
    border-radius: 0px;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    transition: .5s;
}

.tx-powermail .btn:hover,
.tx-powermail .btn:focus {
    background: #000;
    color: #fff;
}

    /**********************
     *    socialmedia     *
     * ********************/

#contentSocialmedia{
    padding-top: 4px;
}

span.print-button,
a.socialmedia{
    display: block;
    width: 34px;
    height: 34px;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background: rgb(153,177,154);
    color: #fff;
    margin-bottom: 24px;
    margin-right: 15px;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
    cursor: pointer;
}

a.socialmedia.facebook:hover{
    background: rgb(59,89,152);
}

a.socialmedia.twitter:hover{
    background: rgb(85,172,258);
}

a.socialmedia.pinterest:hover{
    background: rgb(189,8,28);
}

a.socialmedia.youtube:hover{
    background: rgb(187,0,0);
}

span.print-button{
    background: url('../Icons/print-icon.png') center center #fff;
    background-size: 34px 34px;
    border: 1px solid #000;
}

span.remove-bookmark {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../Icons/delete_32px.png');
    background-size: contain;
    cursor: pointer;
}

span.remove-bookmark:hover,
span.remove-bookmark:focus,
span.remove-bookmark:active {
    background: url('../Icons/delete_hover_32px.png');
    background-size: contain;
}

blockquote{
    font-size: 1.6em;
    line-height: 1.1em;
    width: 50%;
    margin-right: 30px;
    float: left;
    border-left: none;
    margin: 30px 30px 30px -98px;
    padding: 30px 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#mainArticle .ce-textpic.ce-left.ce-intext .ce-gallery{
    max-width: 360px;
    margin: 60px 60px 30px -98px;
    float: left;
}

#mainArticle .ce-textpic.ce-right.ce-intext .ce-gallery{
    max-width: 360px;
    margin: 60px 0px 30px 60px;
    float: right;
}

#mainArticle .ce-textpic.ce-below .ce-gallery{
    margin-bottom: 60px;
    margin-top: 60px;
}

#mainArticle .ce-textpic.ce-left .ce-gallery figcaption,
#mainArticle .ce-textpic.ce-center .ce-gallery figcaption,
#mainArticle .ce-textpic.ce-intext .ce-gallery figcaption{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 0.7em;
    text-align: left;
    line-height: 1.1em;
    padding: .5em 0;
}

#mainArticle .ce-textpic.ce-left .ce-gallery figure,
#mainArticle .ce-textpic.ce-left .ce-gallery figure,
#mainArticle .ce-textpic.ce-intext .ce-gallery figure{
    margin-bottom: 30px;
}

#mainArticle .ce-intext,
#mainArticle .ce-intext .ce-gallery,
#mainArticle .ce-intext .ce-row,
#mainArticle .ce-intext .ce-row .ce-column,
#mainArticle .ce-intext .ce-row .ce-column .ce-media{
    width: auto;
    display: inline;
    clear: both;
}

#mainArticle .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery{
    margin-right: -390px;
    width: 360px;
    text-align: center;
}

#contentSidebar .ce-textpic figure img{
  margin-bottom: 1em;
}

/***************
 *   vinum+    *
 * *************/
#vinumPlusContent{
    height: 400px;
    overflow: hidden;
}

#vinumPlusContent.access-granted {
    height: auto;
    overflow: visible;
}


#vinumPlusOverlay .fadeToWhite {
    height: 300px;
    overflow: hidden;
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgb(255,255,255));
    background: -o-linear-gradient(rgba(255,255,255,0), rgb(255,255,255));
    background: -moz-linear-gradient(rgba(255,255,255,0), rgb(255,255,255));
    background: linear-gradient(rgba(255,255,255,0), rgb(255,255,255));
    margin-top: -300px;
    z-index: 100;
    width: 100%;
    position: absolute;
}

#vinumPlusBox {
}

.button-link,
.button-link:focus,
.buttonLink,
.buttonLink:focus{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    display: inline-block;
    padding: .5em 1em;
    font-size: .7em;
    transition: .5s;
    text-decoration: none;
    cursor: pointer;
    margin-right: 15px;
    text-align: center;
}

.button-link:hover,
.button-link.active,
.button-link.active:focus,
.buttonLink:hover,
.buttonLink.active,
.buttonLink.active:focus,
.button-link-primary:hover,
.button-link-primary.active,
.button-link-primary.active:focus{
    text-decoration: none;
    color: #fff;
    background: #000;
}

.align-right .buttonLink {
    margin-right: 0;
    margin-left: 15px;
}

.button-link-less-height,
.button-link-less-height:focus{
    padding: 0em 1em;
}

.button-link-primary{
    border: 1px solid rgb(153,177,154);
    background: rgb(153,177,154);
    color: #fff
}

.bottomLink {
    margin-top: 30px;
}

.popup-login {
    max-width: 480px;
    padding: 30px;
    background: #fff;
    margin: auto;
    border: 1px solid #000;
    font-size: .8em;
    position: relative;
}

.mfp-close-btn-in .mfp-close {
    margin-top: -44px;
}

.marginTop1em{
    margin-top: 1em;
}

.marginTop2em{
    margin-top: 2em;
}

/***************
 *     BOX     *
 * *************/
.box{
    border: 1px solid rgb(0,0,0);
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 1.1em;
}

.widget .box {
    border: none;
    margin-bottom: 0;
}

.box h3{
    font-weight: normal;
    font-family: 'Guardian Egyptian Web';
    font-size: 1.9em;
    line-height: 1.1em;
    margin: 0;
    padding: 0.5em 0 0.25em 0;
}

.boxHeader{
    height: 2.55em;
    border-bottom: 1px solid rgb(0,0,0);
    overflow: hidden;
}

.boxHeader .icon{
    width: 2.55em;
    height: 2.55em;
    border-right: 1px solid rgb(0,0,0);
    float: left;
    margin-right: 15px;
}

.boxHeader h4{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: 700;
    font-size: .7em;
    line-height: 3.8em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.boxContent{
    border-top: 30px solid rgb(195,212,215);
}

.boxContentInner{
    padding: 0px 30px;
}

.boxContentHeader{
    margin-top: -19px;
    text-align: center;
}

.widget-head h4,
.boxContentHeader h4{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: 700;
    font-size: 0.7em;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 0;
    padding: 1em 0 0 0;
    display: inline-block;
    border-bottom: 1px solid rgb(195,212,215);
}

.widget-head a{
    color: #000;
    text-decoration: none;
}

.vinumRed .boxContent {
    border-color: #d10107;
}

.vinumDarkGreen .boxContent {
    border-color: rgb(153, 177, 153);
}


.vinumDarkGreen .boxContentHeader h4{
    border-color: rgb(153,177,153);
}

.box .inner{
    padding: 0 30px;
}

.box .divider{
    border-top: 1px solid rgb(0,0,0);
}

.boxButtonContent{
    margin-top: -2.8em;
    height: 2.8em;
}

.teaser .bx-wrapper {
    margin-bottom: 0;
}

.teaser .bx-wrapper .bx-pager{
    bottom: 15px;
}

.teaser a{
    text-decoration: none;
    color: #000;
}

.teaser .bx-wrapper .bx-pager.bx-default-pager a{
    background: rgba(255,255,255,.75);
}

.teaser .bx-wrapper .bx-pager.bx-default-pager a:hover,
.teaser .bx-wrapper .bx-pager.bx-default-pager a.active,
.teaser.bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: #fff;
}

.teaserLink span.button,
.box a.button{
    display: block;
    background: rgb(195,212,215);
    color: rgb(255,255,255);
    text-align: center;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.7em;
    line-height: 4em;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.widget-primary a.button {
    background: rgb(153,177,154);
}

.teaserLink:hover span.button,
.box a.button:hover{
    text-decoration: none;
}

.teaserLink:hover .vinumDarkGreen span.button,
.box.vinumDarkGreen a.button:hover{
    background: rgb(187,214,167);
}

.teaserLink .vinumDarkGreen span.button,
.box.vinumDarkGreen a.button{
    display: block;
    background: rgb(153,177,153);
}

.box .meta{
    padding: 0px 30px;
    font-size: 0.7em;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    line-height: 4em;
    color: rgb(195,212,215);
}


.teaserLink .boxContent{
    height: 360px;
}

.teaserLink .boxButtonContent{
    text-align: right;
}
.box .vinumDarkGreen span.button{
    display: inline-block;
    width: auto;
    padding: 0 30px;
}

.offerTeaser .bx-wrapper{
    padding: 0;
    border: none;
    box-shadow: none;
    border-bottom: none;
    margin-bottom: 0px;
}

.widget,
.offerTeaser .widget {
    position: relative;
}

.offerTeaser .boxContent{
    padding: 0px 90px;
    min-height: 475px;
}

.offerTeaser .boxContentHeader{
    padding-bottom: 30px;
}


.offerTeaser .offerImage{
    float: left;
    width: 390px;
    margin-right: 30px;
}


.offerTeaser .offerText{
    line-height: 1.3em;
}

.offerTeaser .offerText h3{
    margin-top: 0;
    padding-top: 0;
}

.offerTeaser a.teaserLink{
    margin-bottom: 0;
}

.offerTeaser .widget-button, .offerTeaser .widget-primary .widget-button {
    margin-right: 0px;
}

.offerTeaser .bx-pager {
    display: none;
}

.offerText .price,
.offerTeaser .price{
    line-height: 2.5em;
}

.offerText .huge,
.offerTeaser .huge{
    font-size: 1.9em;
}

.offerTeaser .widget-button {
    bottom: 0;
}

.icon{
    width: 20px;
    height: 36px;
    z-index: 100;
    margin: auto;
    margin-bottom: -39px;
}


/********************
 *   box hexagon    *
 * ******************/

.hexagon {
  position: relative;
  width: 40px;
  height: 23.09px;
  background-color: #ffffff;
  margin: 11.55px 0;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  transform: rotate(90deg);
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 28.28px;
  height: 28.28px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 4.8579px;
}

.hexagon:before {
  top: -14.1421px;
  border-top: solid 1.4142px #333333;
  border-right: solid 1.4142px #333333;
}

.hexagon:after {
  bottom: -14.1421px;
  border-bottom: solid 1.4142px #333333;
  border-left: solid 1.4142px #333333;
}

/**********************
 *    best of list    *
 * ********************/

table.bestOfList{
    border-collapse: collapse;
    width: 100%;
    margin-top: 2em;
}

.bestOfList td.rank{
    width: 11%;
    vertical-align: top;
    padding-right: 15px;
    text-align: left;
    font-family: 'Gotham A','Gotham B', Sans-Serif, Arial, Sans-Serif;
    font-weight: normal;
    line-height: 1.1em;
    font-size: 24px;
}

.bestOfList th{
    padding-bottom: 10px;
    font-family: 'Gotham A','Gotham B', Sans-Serif, Arial, Sans-Serif;
    font-weight: 700;
    line-height: 1em;
    font-size: 14px;
    text-transform: uppercase;
}

.bestOfList th.description{
    padding-left: 15px;
}

.bestOfList tbody{
    border-top: 1px solid #b7b7b7;
}

.bestOfList tbody td{
    padding: 15px 0;
    vertical-align: top;
}

.bestOfList td.points{
    width: 20%;
}

.bestOfList a{
  color: #000;
}

.points div.content{
    display: inline-block;
    background: #876d75;
    color: #fff;
    padding: 15px 10px 10px 30px;
    text-align: right;
    line-height: 1em;
}

.points .pointsNumber{
    vertical-align: bottom;
    font-size: 17px;
}

.points .pointsText{
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 1.1em;
    text-transform: uppercase;
}

.points .big{
    font-size: 30px;
}

.points .degustationnote-crown {
    height: 62px;
    width: 62px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 50%;
    background-color: #f5ebae;
    background-image: url('../Images/crown.png');
    background-position: center center;
    background-size: 41px 33px;
    background-repeat: no-repeat;
}

.bestOfList td.description{
    line-height: 1.1em;
    vertical-align: top;
    padding-left: 15px;
}


.bestOfList td.description .vintage{
    font-family: 'Guardian Egyptian Semibold Web', Serif;
    font-weight: normal;
}

.bestOfList td.description .producer{
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    font-weight: 400;
    font-size: 14px;
}

.ce-degustationnote {
    margin-top: 30px;
}

.ce-degustationnote .points {
    margin: 45px 0;
}

.ce-degustationnote h1{
  font-size: 38px;
  margin-bottom: .5em;
}


.ce-degustationnote-content {
    margin-bottom: 30px;
}

.ce-degustationnote-content p {
    margin-bottom: 1em;
}

.ce-degustationnote-content a.socialmedia {
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
}

.ce-degustationnote .info-circle {
    float: right;
    line-height: 22px;
    height: 20px;
    width: 20px;
    font-size: 12px;
    margin-top: 0;
    vertical-align: top;
}

.degustationnote-wine-prices {
    margin-top: 30px;
}

/***************
 *   footer    *
 * *************/

footer{
    border-top: 1px solid rgb(0,0,0);
    font-size: 0.5em;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    margin-top: 30px;
}

.navFooter{
    text-transform: uppercase;
}

.navFooter a{
    color: rgb(0,0,0);
}

.navFooter .divider{
    display: inline-block;
    margin: 0px 6px;
}

footer .footerSocialmedia{
    padding-top: 10px;
}

footer .socialmedia{
    display: inline-block;
    margin-left: 15px;
    margin-right: 0;
}

.ce-foodpairing,
.ce-foodpairing h3{
    font-family: 'Gotham A','Gotham B', sans-serif;
}


.ce-foodpairing h3{
    border-top: 1px solid #000;
    padding: 4px 20px;
    line-height: 48px;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0;
}

.ce-foodpairing{
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}

.ce-foodpairing .ui-accordion-header{
    background: url('../Icons/foodpairing-closed.png');
    background-repeat: no-repeat;
    background-position: center left;
    outline: none;
}


.ce-foodpairing .ui-accordion-header.ui-accordion-header-active{
    background: url('../Icons/foodpairing-open.png');
    background-repeat: no-repeat;
    background-position: center left;
}

.foodpairing-table{
    display: table;
    width: 100%;
    font-size: 0.8em;
}

.foodpairing-wine{
    display: table-row;
}

.foodpairing-grape,
.foodpairing-food{
    display: table-cell;
    border-top: 1px solid #000;
    padding: 10px 20px;
}


.foodpairing-grape{
    border-right: 1px solid #000;
    width: 240px;
}

.foodpairing-grape-icon{
    display: inline-block;
    width: 12px;
    height: 23px;
    background: #d3d3d3;
    background-size: contain;
    margin-right: 15px;
    vertical-align: middle;
}

.foodpairing-types .table-cell{
    border-top: 1px solid #000;
    padding: 10px 20px;
    vertical-align: top;
}


.foodpairing-types .foodpairing-table{
    margin-bottom: 0;
}

.foodpairing-types .table-cell:first-child{
    border-right: 1px solid #000;
    width: 33%;
}

.foodpairing-grape-icon-1{
    background: url('../Icons/foodpairing-wine-red.png');
    background-repeat: no-repeat;
    background-position: center left;
}

.foodpairing-grape-icon-2{
    background: url('../Icons/foodpairing-wine-white.png');
    background-repeat: no-repeat;
    background-position: center left;
}

.foodpairing-grape-icon-3{
    background: blue;
}

.foodpairing-grape-icon-4{
    background: yellow;
}

/**********************
 *       GrapeLandingpage       *
 * ********************/

.pageGrapeLandingpage aside{
    margin-bottom: 30px;
}

.teaser{
    border: 1px solid #000;
    padding: 0px;
    width: auto;
    margin-bottom: 30px;
}

.teaser:hover{
}

span.teaserLink,
a.teaserLink{
    display: block;
    margin-bottom: 30px;
}
span.teaserLink,
a.teaserLink{
    color: #000;
    text-decoration: none !important;
}

.pageHome a:hover,
.pageHome a:focus{
    color: #000;
    text-decoration: none;
}

.page-landingpage main .ce-textpic{
  margin-bottom: 30px;
}

.teaser .pageDescription{
    display: none;
}

.teaserHeader{
    font-size: 14px;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #000;
    overflow: hidden;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: 700;
    text-transform: uppercase;
}


.teaserHeader .icon{
    width: 55px;
    height: 55px;
    border-right: 1px solid #000;
    margin-right: 15px;
    float: left;
}

.teaserHeader .icon .circle{
    width: 36px;
    height: 36px;
    margin: 10px;
    border: none;
}

.teaserHeader .icon18 .circle{
    background: url('../Icons/Vi_Icon_oR_Weinwissen.png') center center no-repeat;
    background-size: 36px 36px;
}

.teaser4x4{
    height: 360px;
}

.teaser4x4 .imageText{
    height: 165px;
}

.teaser4x4 .pageTitle{
    line-height: 1.2em;
}
.teaser4x4 .teaserContent .pageDescription{
    display: block;
    font-size: 14px;
    line-height: 1.3em;
}

.teaser4x4.vintage-teaser .boxContent .bx-wrapper {
    height: 272px;
    overflow: hidden;
}

.teaser4x2{
    height: 165px;
}

.teaser4x6{
    height: 555px;
}

.teaser8x6{
    height: 555px;
}

.teaser12x6{
    height: 555px;
}

.teaser .imageText,
.teaser .justImage{
    background: #ccc;
    background-size: cover;
    background-position: center center;
}

.teaser .justImage{
    display: table;
    width: 100%;
}

.teaser4x2 .imageText{
    float: left;
    height: 108px;
    width: 108px;
    margin: 0px 20px 0px 0px;
}

.teaser4x6 .imageText{
    height: 305px;
    margin: 0px;
}

.teaser4x6 .justImage{
  height: 498px;
  display: table;
  box-sizing: border-box;
}
.teaser4x6 .justImage .teaserContent{
  display: table-cell;
  vertical-align: bottom;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 30px;
}

.teaser4x6 .justImage .teaserContent .inner{
  background: rgba(255,255,255,.9);
  padding: 15px;
}

.teaser4x2 .teaserContent,
.teaser4x4 .teaserContent,
.teaser4x6 .teaserContent,
.teaser12x6 .teaserContent{
    padding: 10px 30px;
}

.teaser12x6 .teaserContent{
    height: 555px;
}

.teaser4x6 .pageSubtitle{
    font-size: 14px;
}

.teaser4x6 .pageTitle{
    font-size: 32px;
    line-height: 1.2em;
    margin-bottom: 0.2em;
}

.teaser4x2 .justImage{
    height: 108px;
}

.teaser4x2 .teaserContent{
    height: 108px;
}

.teaser4x4 .justImage{
    height: 303px;
  float: left;
}

.teaser8x6 .imageText{
    height: 498px;
    width: 50%;
    float: left;
    margin: 0px 15px 0px 0px;
}

.teaser8x6 .teaserContent .pageDescription{
    display: block;
    line-height: 1.4em;
}

.teaser12x6 .justImage,
.teaser8x6 .justImage{
    height: 498px;
}

.teaser8x6 .justImage .teaserContent,
.teaser12x6 .justImage .teaserContent{
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    padding-left: 10.5em;
    padding-bottom: 65px;
    height: 498px;
    box-sizing: border-box;
    padding-right: 0;
}

.teaser12x6 .justImage .teaserContent{
    padding-left: 600px;
}

.teaser12x6 .justImage .teaserContent .inner,
.teaser8x6 .justImage .teaserContent .inner{
    background: rgba(255,255,255,.9);
    width: 100%;
    padding: 10px 15px;
}

.teaser12x6 .justImage .pageTitle,
.teaser8x6 .pageTitle{
    font-size: 32px;
    line-height: 1.2em;
    margin-top: 12px;
    margin-bottom: .2em;
}

.teaser4x4 .imageText .teaserContent{
    float: right;
    width: 243px;
    padding: 0px 15px;
    background: #fff;
    margin: 180px 0 0 0;
}

.teaser4x4 .justImage .teaserContent{
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 0;
}

.teaser4x4 .justImage .teaserContent .inner{
    background: #fff;
    width: 100%;
    padding: 10px 15px;
}

.teaser4x2 .imageText .teaserContent{
    float: right;
    width: 243px;
    padding: 0px 15px;
    background: #fff;
    margin: 10px 0 0 0;
}

.teaser4x6 .imageText{
    padding: 0px 30px;
}

.teaser4x6 .pageDescription{
    display: block;
    line-height: 1.3em;
    margin-top: 0px;
}

.teaser .text{
    padding: 10px 15px 0 15px;
}

.teaser .teaserContent{
    padding-top: 10px;
    padding-right: 15px;
}

.teaser .pageSubtitle{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: 700;
}

.teaser4x2 .pageSubtitle{
    font-size: 13px;
    height: 25px;
    overflow: hidden;
}

.teaser4x4 .pageSubtitle{
    font-size: 13px;
    height: 25px;
    overflow: hidden;
}

.teaser .bx-wrapper{
    padding: 0;
    border: 0;
    box-shadow: none;
}

.vinum-world-teasers .teaser4x4 .imageText{
    height: 180px;
}


.vinum-world-teasers .teaser4x4 .pageSubtitle{
    text-transform: uppercase;
    margin-bottom: .75em;
    margin-top: .75em;
}

.vinum-world-teasers .teaser4x4 .pageTitle{
    margin-bottom: .75em;
}

.vintage-teaser .vintage{
    padding: 15px 45px;
}

.vintage-teaser .vintage-bottle-image{
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 240px;
}
.vintage-teaser .td{
    vertical-align: middle;
    height: 240px;
    text-align: center;
}


.vintage-teaser .vintage{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: .7em;
    text-transform: uppercase;
    line-height: 1.2em;
}

.vintage-teaser .vintage-region{
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #000;
}

.vintage-teaser .vintage-title{
    font-weight: 700;
}

.lexikonNav .az{
    margin-right: -30px;
}

.lexikonNav .az .a{
    cursor: pointer;
    display: inline-block;
    width: 60px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #7f7f7f;
    margin-right: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    transition: .5s;
}

.lexikonNav .az .a.active,
.lexikonNav .az .a:hover,
.lexikonNav .az .a:focus{
    text-decoration: none;
    border-color: #000;
    background: #000;
    color: #fff;
}

.lexikonNav .lexikonNavItem{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 16px;
    font-weight: 400;
    display: none;
}


.lexikonNav .letterInner{
    margin: 0px 15px;
    border-bottom: 1px solid #7f7f7f;
    border-top: 1px solid #7f7f7f;
}

.lexikonNav .lexikonNavItem {
    margin-bottom: 30px;
    padding: 0px 15px;
}

.lexikonNav .lexikonNavItem a{
    color: #000;
}

.lexikonNav .lexikonNavItem div{
    border-bottom: 1px solid #7f7f7f;
    line-height: 50px;
    margin-bottom: -1px;
}


/*************************
 *   content elements    *
 * ***********************/

.ce-textpic.ce-above .ce-gallery{
    margin-bottom: 0.5em;
}

.ce-center .ce-media{
    text-align: center;
}

.ce-border img{
    border: 1px solid #7f7f7f;
}

a.ce-vinumgallery-link{
    background: #ccc;
    background-position: center center;
    background-size: cover;
    color: #000;
    border: 1px solid #000;
}
a.ce-vinumgallery-link:hover,
a.ce-vinumgallery-link:focus{
    text-decoration: none;
}

a.ce-vinumgallery-link.layout-0{
    height: 360px;
    width: 100%;
    margin-bottom: 30px;
}

a.ce-vinumgallery-link.layout-1{
    background: #fff;
}

a.ce-vinumgallery-link.layout-0 .table-cell{
    padding: 42px 0 42px 58px;
    vertical-align: bottom;
}

a.ce-vinumgallery-link.layout-0 .content{
    background: rgba(255,255,255,.9);
    padding: 10px;
    transition: .5s;
}

.teaser-wide a.ce-vinumgallery-link.layout-0 .table-cell{

}

.teaser-wide a.ce-vinumgallery-link.layout-0 .content{
    width: 538px;
    float: right;
}

.teaser-wide a.ce-vinumgallery-link.layout-0 .content .subtitle{
    font-size: 20px;
}

.teaser-wide a.ce-vinumgallery-link.layout-0 .content .title{
    font-size: 36px;
}

a.ce-vinumgallery-link.layout-0:hover .content{
    background: rgba(255,255,255,1);
}

a.ce-vinumgallery-link.layout-0 .subtitle{
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.1em;
}


a.ce-vinumgallery-link.layout-0 .title{
    padding-top: 10px;
    line-height: 1.1em;
}

.ce-vinumgallery-popup{
    max-width: 1200px;
    background: #fff;
    border: 1px solid #909090;
    margin: auto;
    padding: 33px 100px 0px 100px;
    position: relative;
}

.ce-vinumgallery-popup h1{
    font-size: 38px;
    line-height: 1.1em;
    margin-bottom: .25em;
}

.vinumgallery-elements-wrapper{
    margin: 0 -78px;
}

.ce-vinumgallery-popup .bx-wrapper{
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ce-vinumgallery-popup .bx-wrapper .bx-pager{
    width: 100px;
    bottom: 50px;
    left: -22px;
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    font-size: 18px;
    color: #000;
    line-height: 1em;
    font-weight: 300;
}

.ce-vinumgallery-popup figure{
    padding: 0px 78px;
}

.gallery-nav {
    text-align: center;
}

.gallery-nav a {
    display: inline-block;
    width: 32px;
    height: 58px;
    background-size: contain;
    background-position: center center;
}

.gallery-nav a.prev {
    background-image: url('../Images/carousel-prev.png');
}

.gallery-nav a.next {
    background-image: url('../Images/carousel-next.png');
}

.gallery-element {
    text-align: center;
}

.gallery-element img {
    margin-bottom: 20px;
}

.gallery-pager {
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    margin-right: 15px;
}

.gallery-text {
    margin: 30px 0;
}

.gallery-thumbnail {
    margin-top: 30px;
    opacity: .5;
    transition: .5s;
}


.gallery-thumbnail-active,
.gallery-thumbnail:hover {
    opacity: 1;
}

.ce-vinumgallery-popup figure figcaption,
.gallery-footer .caption {
    padding: 20px 0px 0px 0px;
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    font-size: 14px;
    line-height: 1.3em;
    height: auto;
    overflow: hidden;
}

.gallery-footer .caption {
    padding: 0 0 20px 0;
}

.gallery-socialmedia a.socialmedia {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0;
}

.gallery .table {
    margin-bottom: 0;
}


.ce-vinumgallery-popup .social-media{
    padding: 20px 78px 0px 78px;
}

.ce-vinumgallery-popup .social-media a{
    display: inline-block;
}

a.ce-teaser.layout-2x4{
    border: 1px solid #000;
    display: block;
    background: none;
    margin-bottom: 30px;
}

.ce-teaser.layout-2x4 .teaser-header{
    height: 55px;
    border-bottom: 1px solid #000;
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    font-weight: 700;
  font-size: 14px;
    line-height: 54px;
    text-transform: uppercase;
}

.ce-teaser.layout-2x4 .icon{
    background: #fff;
    width: 54px;
    height: 54px;
    float: left;
    line-height: 54px;
    text-align: center;
    border-right: 1px solid #000;
    margin-right: 10px;
}


.ce-teaser.layout-2x4 .icon .circle{
    border: 1px solid #000;
    border-radius: 50%;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-top: 10px;
}

.ce-teaser.layout-2x4 .teaser-main{
    margin-bottom: 0;
}

.ce-teaser.layout-2x4 .teaser-image{
    width: 110px;
    height: 110px;
    background-size: cover;
}

.ce-teaser.layout-2x4 .teaser-text{
    vertical-align: middle;
    padding: 10px;
    font-size: 18px;
    line-height: 1.1em;
}


/*************************
 *       accordion       *
 * ***********************/

.tx-vinum-accordion,
.tx-vinum-accordion h2,
.tx-vinum-accordion h3{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
}

.tx-vinum-accordion{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: .7em;
}


.tx-vinum-accordion h2{
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 700;
    margin: 0;
    padding: 1em;
    line-height: 1.2em;
}

.accordionTitle{
    border-top: 1px solid #000;
    padding: 1em 1em 1em 2.5em;
    outline: none;
    cursor: pointer;
}

.tx-vinum-accordion h3{
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    font-size: 1em;
    line-height: 1.2em;
}

.tx-vinum-accordion .ui-accordion-header-icon{
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 13px;
    margin-left: -1.5em;
    background-image: url('../Icons/accordion-closed.png');
    background-position: center center;
    background-size: 9px 13px;
    background-repeat: no-repeat;
    transition: .5s;
}

.tx-vinum-accordion .ui-accordion-header-active .ui-accordion-header-icon{
    transform: rotate(90deg);
}

.tx-vinum-accordion .ui-accordion-content{
    padding: 0em 1em 1em 1em;
    font-family: 'Guardian Egyptian Web', Serif;
    line-height: 1.4em;
    padding-left: 2.5em;
    font-size: 1em;
}

.tx-vinum-accordion .ui-accordion-content p{
    margin: 0;
    padding: 0;
}


/*************************
 *        infobox        *
 * ***********************/
.frame-layout-101,
.layout101{
    float: none;
    width: auto;
    border: 1px solid #7f7f7f;
    padding: 25px 25px 10px 25px;
    margin: 0 0 25px 0;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 14px;
    line-height: 1.5em;
}

article .frame-layout-101,
article .layout101{
    margin: 0 0 25px 25px;
    float: right;
    width: 363px;
}

article aside .frame-layout-101,
article aside .layout101 {
    margin-left: 0;
    width: auto;
    float: none;
}

.frame-layout-101 p,
.layout101 p{
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 1.5em;
}

.frame-layout-101 h5,
.layout101 h5{
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.5em;
}

.frame-layout-101 .table-header,
.layout101 .table-header{
    font-weight: 700;
    text-transform: uppercase;
}

.frame-layout-101 .table-cell,
.layout101 .table-cell{
  padding: .5em 10px;
}

.frame-layout-101 .table-cell:first-child,
.layout101 .table-cell:first-child{
    padding-left: 0px;
}

.frame-layout-101 .table-cell:last-child,
.layout101 .table-cell:last-child{
    padding-right: 0px;
}

.frame-layout-101 .circle,
.layout101 .circle{
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #876d75;
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

.frame-layout-101 .circle-filled,
.layout101 .circle-filled{
  background: #876d75;
}




/*************************
 *        issues         *
 * ***********************/

.ce-issues-list .ce-issue{
    height: 390px;
    border: 1px solid #000;
    margin-bottom: 30px;
}

.ce-issues-list .ce-issue-title{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    height: 55px;
    line-height: 55px;
    padding: 0px 15px;
    border-bottom: 1px solid #000;
    transition: .5s;
}


.ce-issues-list a .ce-issue-title{
    color: #000;
}


.ce-issues-list a:hover .ce-issue-title,
.ce-issues-list a:active .ce-issue-title{
    color: #fff;
    background: #000;
}

.ce-issues-list .ce-issue-image{
    padding-top: 42px;
    text-align: center;
}

.ce-issues-list .ce-issue-image img{
    max-width: 190px;
}


.ce-issues-show .ce-issue-image{
    min-height: 400px;
}

.ce-issues-show .ce-issue-image img{
    max-width: 275px;
    margin-left: -10px;
}

.ce-issues-show h2{
    font-family: 'Guardian Egyptian Web', Serif;
    font-size: 42px;
    font-weight: normal;
    margin: 1em 0 -.5em 0;
}

.ce-issues-show h2:first-child{
    margin-top: 0;
}

.ce-issues-show .ce-issue-meta{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 55px;
    margin-bottom: 55px;
}

.ce-issues-show .ce-issue-app-teaser-title{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 0 15px;
}

.ce-issues-show .ce-issue-app-teaser-icons{
    background: url('../Icons/app-icons.png') center center no-repeat;
    background-size: contain;
    border-bottom: 1px solid #000;
    height: 55px;
}


/*********************
 *   maturitytable   *
 * *******************/
.ce-maturitytable h1{
    font-size: 32px;
    margin-bottom: 10px;
}

.ce-maturitytable .countryTitle{
    width: 100%;
    height: 54px;
    overflow: hidden;
}

.maturitytable{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #000;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: normal;
}

.maturitytable ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.maturitytable h4{
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    margin: 0;
    line-height: 24px;
    padding: 15px;
    display: inline-block;
    width: 275px;
    float: left;
    font-weight: 700;
}

.maturitytable li{
    border-top: 1px solid #000;
}

.maturitytable li li{
    font-size: 0.7em;
    line-height: 54px;
    padding: 0px 0 0 15px;
    height: 54px;
    overflow: hidden;
}

.maturitytable .bookmark {
    float: left;
    width: 18px;
    height: 54px;
    margin-right: 6px;
}

.maturitytable .bookmark a{
    color: #000;
}

.maturitytable .color{
    float: left;
    width: 18px;
    height: 54px;
    margin-right: 12px;
}

.maturitytable .color1{
    background: url('../Images/maturity-red.png');
    background-size: contain;
}

.maturitytable .color2{
    background: url('../Images/maturity-white.png');
    background-size: contain;
}

.maturitytable .title{
    width: 206px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1em;
    float: left;
    height: 54px;
}

.maturitytable .title .table {
    margin-bottom: 0;
}

.maturitytable .title .td {
    height: 54px;
}

.maturitytable .otherPrimeYears,
.maturitytable .year{
    width: 54px;
    height: 54px;
    border-left: 1px solid #000;
    float: left;
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat;
  cursor: pointer;
}

.ce-maturitytable .countryTitle .year{
    font-size: 12px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    border-top: 1px solid #000;
    margin-top: 30px;
    display: none;
}


.login-bookmarks .maturitytable li {
    border-top: 0px none;
}


.login-bookmarks .maturitytable li li {
    border-top: 1px solid #000;
}

.login-bookmarks  .maturitytable .title {
    width: 188px;
}

.login-bookmarks .countryTitle h4 {
    width: 233px;
}

.login-bookmarks .ce-maturitytable .countryTitle .year {
    display: block;
}

.login-bookmarks .ce-maturitytable .countryTitle .yearIterator7 {
    border-right: 1px solid #000;
    width: 55px;
}

.login-bookmarks .maturitytable .trash {
    width: 44px;
    text-align: center;
    line-height: 54px;
    padding-top: 8px
}

.ce-maturitytable .countryTitle .yearIterator14{
    border-right: 1px solid #000;
    width: 55px;
}

.ce-maturitytable .countryTitle.ui-accordion-header-active .year{
    display: block;
    font-weight: 700;
}

.ce-maturitytable .year-info{
    width: 54px;
    height: 54px;
    display: inline-block;
}

#maturitytable-tooltip{
  display: none;
  width: 163px;
  height: 55px;
  background: rgba(255,255,255,.9);
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
  font-size: 11px;
  border: 1px solid #000;
  padding: 8px;
  line-height: 1.1em;
}



.maturitytable .otherPrimeYears{
    background-image: url('../Icons/vergangene-jahre.png');
}

.maturitytable .quality1{
    background-image: url('../Icons/maturityQuality1-small.png');
}

.maturitytable .quality2{
    background-image: url('../Icons/maturityQuality2-small.png');
}

.maturitytable .quality3{
    background-image: url('../Icons/maturityQuality3-small.png');
}

.maturitytable .quality4{
    background-image: url('../Icons/maturityQuality4-small.png');
}

.maturitytable .quality5{
    background-image: url('../Icons/maturityQuality5-small.png');
}

.maturitytable .quality6{
    background-image: url('../Icons/maturityQuality6-small.png');
}

.maturitytable .quality7{
    background-image: url('../Icons/maturityQuality7-small.png');
}

.maturitytable .quality8{
    background-image: url('../Icons/maturityQuality8-small.png');
}

.maturitytable .quality9{
    background-image: url('../Icons/maturityQuality9-small.png');
}

.maturitytable .quality10{
    background-image: url('../Icons/maturityQuality10-small.png');
}

.maturitytable .quality11{
    background-image: url('../Icons/maturityQuality11-small.png');
}

.maturitytable .quality12{
    background-image: url('../Icons/maturityQuality12-small.png');
}

.maturitytable .quality13{
    background-image: url('../Icons/maturityQuality13-small.png');
}

.maturitytable .quality14{
    background-image: url('../Icons/maturityQuality14-small.png');
}

.maturitytable .quality15{
    background-image: url('../Icons/maturityQuality15-small.png');
}



/*********************
 *   offerBox   *
 * *******************/

 .offerBox h3{
    height: 111px;
    overflow: hidden;
 }
 .offerBox .offerImage{
    width: 110px;
    float: left;
 }


 .offerBox .offerTeasertext{
    margin-left: 15px;
    float: left;
    width: 170px;
    padding-top: .3em;
 }

.offerIntro{
    margin-bottom: 30px;
}

.offerIntro .offerImage{
    width: 320px;
    float: left;
    margin-right: 30px;
}


.offerIntro .offerText{
    width: 400px;
    float: left;
}

.offerIntro .offerTitle{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .75em;
    display: inline;
    padding-bottom: 0.2em;
    border-bottom: 2px solid #99b199;
}

.offerIntro h1{
    font-size: 2em;
    margin-bottom: 0.5em;
}

.table{
    display: table;
    width: 100%;
}

.table .tr{
    display: table-row;
}

.table .td{
    display: table-cell;
}

.align-right{
    text-align: right;
}

.valign-middle{
    vertical-align: middle;
}

.newNewsubscription{
    max-width: 750px;
    margin: auto;
}

.entryList{
    border-top: 1px solid #000;
    margin-bottom: 30px;
}

.entryList .entry .header{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    padding: 0.25em 0;
    font-size: .8em;
}

.newsubscription .entryList .content{
    border-bottom: 1px solid #000;
}

.newsubscription .entryList .td{
    padding-top: 15px;
    padding-bottom: 15px;
}

.newsubscription .giftcounter,
.newNewsubscription .giftcounter{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .75em;
}

.widget-newsubscription-form .widget-content.with-padding {
    padding-bottom: 30px;
}

.widget-newsubscription-form .table .gift .td{
    padding-bottom: 30px;
}

.widget-newsubscription-form .table .gift:last-child .td {
    padding-bottom: 0px;
}

.widget-primary.widget-newsubscription-form .widget-head{
    height: 0px;
}

.widget-newsubscription-thankyou h1{
    margin: 0.5em 0;
}

.widget-newsubscription-teaser img {
    margin: 0px 0px 1em 0px;
}

.widget-newsubscription-teaser ul li{
    margin-bottom: 10px;
}

.newsubscription .gift {
    font-size: 1.125em;
    font-family: 'Guardian Egyptian Web', Serif;
}

.newsubscription .header{
    font-size: 1.4em;
    margin-top: 2em;
    margin-bottom: 0;
    line-height: 1.2em;
    padding: 0 0 .25em  0;
}

.newsubscription .header.border {
    border-bottom: 1px solid #000;
    margin-bottom: 1em;
    padding: 0 0 .25em 0;
}

.possibleGiftDescription{
    max-width: 750px;
    background: #fff;
    margin: auto;
}

.possibleGiftDescription .boxContent{
    padding: 0 30px 30px 30px;;
}


.possibleGiftDescription .boxContent h1,
.possibleGiftDescription .boxContent p.h1{
    font-size: 2.2em;
    margin-top: .5em;
    margin-bottom: .5em;
}


.possibleGiftDescription .offerImage{
    width: 260px;
    float: left;
    margin-right: 30px;
}

.possibleGiftDescription .offerText{
    width: 370px;
    float: left;
}

.mfp-bg{
    background: #fff;
    opacity: 0.9;
}
.mfp-iframe-holder .mfp-content{
    max-width: 1180px;
}

.possibleGiftDescription{
    position: relative;
    margin: 45px auto;
}

.possibleGiftDescription .mfp-close{
    margin-top: 30px;
}


.ce-blinddegustation{
  margin-bottom: 30px;
}

.ce-blinddegustation .layout101{
  margin-top: 54px;
}

.ce-blinddegustation textarea {
    height: 180px;
}

#winedb-searchresults tr td{
    cursor: pointer;
}

.vinum-winedb h1{
    margin-bottom: 0.5em;
}

.vinum-winedb h3{
    font-family: 'Guardian Egyptian Web';
    font-size: 1.5em;
    margin-bottom: .7em;
    border-bottom: 1px solid #000;
    text-align: center;
}

.vinum-winedb table.dataTable thead .sorting,
.vinum-winedb table.dataTable thead .sorting_asc,
.vinum-winedb table.dataTable thead .sorting_desc,
.vinum-winedb table.dataTable thead .sorting_asc_disabled,
.vinum-winedb table.dataTable thead .sorting_desc_disabled {
    background-position: left;
}

.vinum-winedb #winedb-searchresults_filter {
    display: none;
}

.ajax-results ul{
    list-style-type: none;
    margin: -1em 0 0 0;
    padding: 0;
}

.ajax-results ul li{
    border-bottom: 1px solid #000;
}


.ajax-results ul li a{
    display: block;
    color: #000;
    padding: 10px;
    transition: .5s;
}


.ajax-results ul li a:hover{
    background: #000;
    color: #fff;
    text-decoration: none;
}


/********************
 *   @media 1199    *
 * ******************/
@media (max-width: 1199px){
    footer .navFooter{
        text-align: center;
    }

    footer .footerSocialmedia{
        text-align: center;
    }

    .box .boxContentInner{
        font-size: 18px;
        padding: 0px 15px;
    }
}


/**********************
 *       region       *
 * ********************/

#regions-world-map{
    max-width: 100%;
    height: auto;
}


#regions-world-map .continent{
    cursor: pointer;
}

.page.regions h1{
    font-size: 2em;
    margin-bottom: 30px;
}

.page.regions h2{
    margin-bottom: 0;
}

.regionImage .ce-textpic{
    height: 360px;
    overflow: hidden;
}

.regionImage .ce-textpic img{
    width: 100% !important;
}

.regionMap img{
    border: 1px solid #7f7f7f;
}

.regionHeader .ce-textpic{
    padding-bottom: 30px;
}

.regionNav{
    font-size: 12px;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #7f7f7f;
    margin-bottom: 30px;
}

.regionNav a{
    color: #000;
}

.regionNav ul li{
    margin: 0;
    padding: 0;
}

.regionNav li a{
    padding: 13px 18px;
    display: block;
    font-weight: 700;
}

.regionNav li li{
    padding: 0 0 0 0px;
}

.regionNav li li a{
    padding: 3px 26px;
    line-height: 1.2em;
}

.regionNav li li li a{
    font-weight: normal;
}
.regionNav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #7f7f7f;
}

.regionNav ul ul{
    padding-top: 10px;
}

.regionNav ul ul ul{
    border-top: none;
    padding: 0 0 10px 26px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #7f7f7f;
}

.regionNav li li li span.act a{
    font-weight: 700;
}

.regionNav ul ul ul ul{
    border-bottom: none;
    padding: 0 0 0 26px;
    margin: 0;
}

.regionNav ul ul ul ul span.act a{
    font-weight: 700;
}

.region-sponsor{
    padding: 30px 30px;
    box-sizing: border-box;
    border: 1px solid #000;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-bottom: 30px;
}


.region-sponsor a:link,
.region-sponsor a:visited,
.region-sponsor a:active{
    color: #000;
    text-decoration: none;
}

.region-sponsor a:hover,
.region-sponsor a:focus{
    color: #000;
    text-decoration: underline;
}

.region-sponsor-above{
    height: 360px;
}

.region-sponsor-above img{
    margin-bottom: 15px;
}

/****************************
 *       grapevariety       *
 * **************************/

.page.grapeVariety #contentGallery .ce-textpic{
    margin-bottom: 30px;
}

.page.grapeVariety h2{
    margin-bottom: 0;
}

.pageGrapeLandingpage h2{
    font-size: 46px;
    font-family: 'Guardian Egyptian Web', Serif;
    font-weight: normal;
    margin: 30px 0 15px 0;
}

.pageGrapeLandingpage article{
    margin-bottom: 100px;
}

.grapeVarietyTeaser {
    margin-bottom: 30px;
}

.grapeVarietyTeaser a,
.grapeVarietyTeaser a:hover,
.grapeVarietyTeaser a:focus{
    color: #000;
    text-decoration: none;
}

.grapeVarietyTeaser .teaserImage{
    height: 180px;
    background: #ccc;
}


.grapeVarietyTeaser .teaserContent{
    border-left: 1px solid #7f7f7f;
    border-right: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
    height: 180px;
    padding: 25px;
    overflow: hidden;
}

.grapeVarietyTeaser .pageTitle{
    font-size: 28px;
    line-height: 1.2em;
}

.sans-serif h4{
  font-family: 'Gotham A','Gotham B', Sans-Serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 1.2em;
}

.sans-serif,
.pageWtc .wtc-left{
  font-family: 'Gotham A','Gotham B', Sans-Serif;
  font-size: 14px;
  line-height: 1.3em;
}

.pageWtc .wtc-right{
  padding: 0px 20px;
}

.datepicker-days {
    padding: 10px;
}

.datepicker-days .table-condensed,
.datepicker-days .table-condensed .datepicker-switch {
    text-align: center;
}

.datepicker-days .table-condensed td:last-child {
    text-align: right;
}

.wtc-nav li,
.block-elements .header-block,
.pageWtc .header-block{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 15px 20px;
  text-transform: uppercase;
}

.block-elements .header.block,
.pageWtc .header-block{
  margin-bottom: 2em;
  margin-top: 2em;
}


.pageWtc .header-block{
    margin-top: 0;
}

.block-elements .content-block{
    margin: 15px 20px;
}

.block-elements hr{
    border-color: #000;
}

.wtc-nav .header-block{
  margin-bottom: 0;
}

.wtc-nav .wtc-member-default{
  padding: 15px 20px 70px 20px;
  font-size: 11px;
  line-height: 1.3em;
}

.wtc-nav li{
  border-bottom: 0px none;
}

.wtc-nav li a{
  color: #000;
}
.wtc-nav li a:hover,
.wtc-nav li a:focus{
  text-decoration: none;
}

.wtc-nav li.active a{
  font-weight: bold;
}

.wtc-nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #000;
}

.wtc-left{
    padding: 0px 20px;
}

.wtc-left .tx-felogin-pi1{
    margin-top: 20px;
}

.wtc-left .tx-felogin-pi1 h3,
.wtc-left .tx-felogin-pi1 legend,
.wtc-left .tx-felogin-pi1 label{
    display: none;
}

.wtc-left .tx-felogin-pi1 a{
    color: #000;
}

.tx-felogin-status-header h3 {
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: red;
}

.form-group input,
.form-group textarea,
.form-group select {
    border: 1px solid #000;
    border-radius: 0px;
}

.form-group.has-danger input[type=text] {
    border-color: red;
}

.form-group.bmd-form-group.has-danger .bmd-label-floating {
    text-transform: uppercase;
    color: red;
}

.padding-left-20 {
    padding-left: 20px;
}

.tx-felogin-status .tx-felogin-status-message div {
    margin-bottom: 1em;
}

.wtc-left .wtc-nav{
    margin: 0px -20px;
}

a.small-circle{
  display: inline-block;
  width: 20px;
  height: 21px;
  margin-left: 6px;
  text-align: center;
  text-decoration: none;
  background-repeat: no-repeat;
}

a.small-circle.inactive{
  opacity: .2;
  cursor: default;
}

a.small-circle.wineprice-update{
    background-image: url('../Images/icon-wineprice-update.png');
}
a.small-circle.wineprice-create{
    background-image: url('../Images/icon-wineprice-create.png');
}
a.small-circle.wineprice-delete{
    background-image: url('../Images/icon-wineprice-delete.png');
}

.wtc-right table{
    width: 100%;
}
.wtc-right td,
.wtc-right th{
    padding: 4px;
}

.wtc-right th{
    text-transform: uppercase;
}

.wtc-right th:first-child,
.wtc-right td:first-child{
    padding-left: 0px;
}
.wtc-right th:last-child,
.wtc-right td:last-child{
    padding-right: 0px;
}

.wtc-right table a{
    color: #000;
}

.wtc-right label{
    font-weight: normal;
}

.table-price-eurchf {
    width: 150px;
}

.form-elem .info{
    color: #999;
    font-size: .9em;
}

.spacer{
    height: 2em;
}

.spacer-big{
    height: 4em;
}

.datepicker{
    font-family: Arial, Sans-Serif;
    line-height: 1.2em;
    font-size: 14px;
}

.widget{
    border: 1px solid #000;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.widget .subtitle{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: .75em;
    margin-top: .75em;
    line-height: 1.2em;
}

.widget-xs{
    width: 100%;
    height: 165px;
}

.widget-s1{
    width: 100%;
    height: 555px;
}

.widget-s2{
    width: 100%;
    height: 360px;
}

.widget-s3{
    width: 100%;
    height: 555px;
}

.widget-xl{
    width: 100%;
    height: 555px;
}

.widget .widget-head{
    border-top: 30px solid rgb(153,177,154);
    margin: -1px -1px 0 -1px;
    text-align: center;
    height: 108px;
}

.widget-head .widget-icon-container {
    height: 40px;
    width: 40px;
    margin: -24px auto 0 auto;
}

.widget-primary .widget-icon-container .hexagon,
.widget-primary .widget-icon-container .hexagon:before,
.widget-primary .widget-icon-container .hexagon:after {
    border-color: rgb(153,177,154);
}

.widget-secondary .widget-icon-container .hexagon,
.widget-secondary .widget-icon-container .hexagon:before,
.widget-secondary .widget-icon-container .hexagon:after {
    border-color: #738c92;
}

.widget-tertiary .widget-icon-container .hexagon,
.widget-tertiary .widget-icon-container .hexagon:before,
.widget-tertiary .widget-icon-container .hexagon:after {
    border-color: #bbd6a7;
}

.widget-quaternary .widget-icon-container .hexagon,
.widget-quaternary .widget-icon-container .hexagon:before,
.widget-quaternary .widget-icon-container .hexagon:after {
    border-color: #e5007d;
}

.widget-icon {
    width: 26px;
    height: 26px;
    position: absolute;
    background: transparent;
    z-index: 10;
    margin-top: -2px;
    margin-left: 7px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.widget-icon-apps {
    background-image: url('../Icons/Widgets/Vi_Icon_oR_Mobile-Apps.svg');
}

.widget-icon-events {
    background-image: url('../Icons/Widgets/Vi_Icon_oR_Events.svg');
}

.widget-icon-link {
    background-image: url('../Icons/Widgets/Vi_Icon_oR_AehnlicheArtikel.svg');
}

.widget-icon-maturity {
    background-image: url('../Icons/Widgets/Vi_Icon_oR_Trinkreifetabelle.svg');
}

.widget-icon-search {
    background-image: url('../Icons/Widgets/Vi_Icon_oR_Suche.svg');
}

.widget-icon-subscription {
    background-image: url('../Icons/Widgets/Vi_Icon_oR_Abo_Heft.svg');
}

.widget-icon-wine {
    background-image: url('../Icons/Widgets/Vi_Icon_oR_Wein.svg');
}

.widget-icon-world {
    background-image: url('../Icons/Widgets/Vi_Icon_oR_Vorteilswelt.svg');
}

.widget-primary .widget-head{
    border-top: 30px solid rgb(153,177,154);
    height: 108px;
}

.widget-primary .widget-head h4{
    border-bottom: 1px solid rgb(153,177,154);
}

.widget-secondary .widget-head{
    border-top: 30px solid #738c92;
    height: 108px;
}

.widget-secondary .widget-head h4{
    border-bottom: 1px solid #738c92;
}
.widget-secondary .widget-button {
    background: #738c92;
}
.widget-secondary .widget-head h4{
    border-bottom: 1px solid #738c92;
}

.widget-tertiary .widget-head{
    border-top: 30px solid #bbd6a7;
    height: 108px;
}

.widget-tertiary .widget-button {
    background: #bbd6a7;
}
.widget-tertiary .widget-head h4{
    border-bottom: 1px solid #bbd6a7;
}

.widget-quaternary .widget-head{
    border-top: 30px solid #e5007d;
}

.widget-quaternary .widget-button {
    background: #e5007d;
}
.widget-quaternary .widget-head h4{
    border-bottom: 1px solid #e5007d;
}

.widget-content.with-padding{
    padding: 0 30px;
}

a.widget-bottom-link{
    display: inline-block;
    border-top: 1px solid #000;
    height: 56px;
    line-height: 56px;
    color: #000;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
}

a.widget-bottom-link-left{
    width: 50%;
    border-right: 1px solid #000;
}
a.widget-bottom-link-right{
    width: 50%;
}

.widget-bottom-link .icon-wine-red,
.widget-bottom-link .icon-wine-white {
    display: inline-block;
    line-height: 56px;
    background-repeat: no-repeat;
    background-position: 0px 15px;
    padding-left: 16px;
}

.widget-bottom-link .icon-wine-red{
    background-image: url('../Icons/foodpairing-wine-red.png');
}

.widget-bottom-link .icon-wine-white{
    background-image: url('../Icons/foodpairing-wine-white.png');
}

.widget-degustationnote-element .table {
    height: 250px;
}

.widget-degustationnote-element-inner .td{
    vertical-align: middle;
}

.widget-degustationnote-element-inner  a{
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
}


.widget-degustationnote-element-inner .vintage-region hr {
    margin: 0.5em 0;
    border-top: 1px solid #000;
}

.widget-degustationnote-element-inner .vintage-title {
    font-weight: bold;
}

.widget-degustationnote-slider .vintage-bottle-image{
    width: 110px;
    height: 250px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.widget-events .widget-content{
    height: 418px;
    border-top: 1px solid #000;
    overflow: hidden;
}

.widget-events .widget-events-list{
    margin-right: -1px;
    margin-top: -1px;
}

.widget-events-list a.event{
    color: #000;
    text-decoration: none;
    float: left;
    width: 50%;
    border-top: 1px solid #000;
    height: 140px;
    overflow: hidden;
    border-bottom: 1px solid #000;
    margin-bottom: -1px;
    border-right: 1px solid #000;
    padding: 10px 20px;
    box-sizing: border-box;
    hyphens: auto;
}

.widget-events a.vinum-event{
    background: url('../Images/bg-vinum-event.png') top right no-repeat #738c92;
    color: #fff;
}

.widget-events-list .event-title{
    margin-top: .5em;
    line-height: 1.2em;
}

.widget-events .widget-nav{
    margin-left: -1px;
    margin-top: -1px;
    border-top: 1px solid #000;
}

.widget-events .widget-nav-button{
    width: 50%;
    float: left;
    height: 28px;
    text-align: center;
    border-left: 1px solid #000;
    cursor: pointer;
    box-sizing: border-box;
    padding: 1px 20px;
}

.widget-events .widget-nav-button.scroll-down .icon{
    background: url('../Icons/icon-scroll-down.png') center center no-repeat;
}
.widget-events .widget-nav-button.scroll-up .icon{
    background: url('../Icons/icon-scroll-up.png') center center no-repeat;
}

.widget-events .widget-nav-button .icon{
    width: 21px;
    height: 26px;
    opacity: .5;
    display: inline-box;
}

.widget-events .widget-nav-button.active .icon{
    opacity: 1;
}

.widget-event-single .widget-event-location-date {
    margin-bottom: 1em;
}

.widget-regions .widget-content{
    height: 210px;
    box-sizing: border-box;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background: url('../Images/widget-region-image.png') center center no-repeat;
    background-size: contain;
}

.widget-regions .select2-selection__arrow b{
    display: none;
}

.widget h3{
    font-weight: normal;
    font-family: 'Guardian Egyptian Web';
    font-size: 1.9em;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
}

.widget-offer h3{
    height: 90px;
    overflow: hidden;
}

.widget-offer .offer-image{
    width: 110px;
    height: 160px;
    vertical-align: top;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.widget-offer .offer-teasertext{
    padding-left: 0;
    padding-top: 0;
    line-height: 1.2em;
    vertical-align: top;
}

.widget-button,
.widget-primary .widget-button{
    position: absolute;
    display: block;
    box-sizing: border-box;
    right: 0;
    padding: 0 30px;
    width: auto;
    background: rgb(153,177,154);
    height: 56px;
    line-height: 56px;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-size: .7em;
    transition: .5s;
    text-decoration: none;
}

.widget-button {
    bottom: 0;
    margin: 0;
}

.bx-wrapper .bx-controls-direction a{
    z-index: 999;
}

.widget-with-slider .widget-content{
    margin: -78px -1px -1px -1px;
    box-shadow: none;
}

.widget-with-slider .bx-wrapper{
    box-shadow: none;
    background: none;
    border: none;
}

.widget-with-slider .bx-wrapper .bx-prev{
    background: url('../Icons/slider-left.png');
}

.widget-with-slider .bx-wrapper .bx-next{
    background: url('../Icons/slider-right.png');
}

.widget-with-slider .widget-element,
.widget-world-element{
    height: 330px;
    padding: 60px 60px 0px 60px;
    box-sizing: border-box;
    box-shadow: none;
}


.widget-with-slider .widget-element .widget-element-inner,
.widget-world-element-inner{
    height: 270px;
}

.widget-world-element-inner .title{
    line-height: 1.1em;
    font-size: .9em;
}


.widget-world-element-inner .widget-button{
    margin: 0px;
    bottom: 0px;
}

.widget-bottom{
    width: 100%;
    margin: 0;
    padding: 0px 15px;
    position: absolute;
    left: 0;
    bottom: 30px;
}

.page.popup{
}

.page.popup main{
    margin: 60px;
}

.page.popup .video-embed{
    width: 840px;
    height: 472px;
    margin: 15px auto 0 30px;
    overflow: hidden;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-box {
    background: #fff;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: none;
    max-width: 180px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content {
    color: #000;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 11px;
    line-height: 1.2em;
    padding: 15px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#fff}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#fff;top:1px}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#fff;left:-1px}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#fff;left:1px}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#fff;top:-1px}

.info-circle{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #999;
    color: #fff;
    line-height: 24px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    font-family: 'Guardian Egyptian Semibold Web', Serif;
    cursor: default;
    margin-top: 2px;
}

#vinumworld_amount{padding-right: 5px;}
.vinum-carousel {
    margin-top: 30px;
    padding: 15px 45px;
    border: 1px solid #000;
}

.pageHome .vinum-carousel,
.page-landingpage .vinum-carousel {
    margin: 0px 0 30px 0;
}

.vinum-carousel a{
    color: #000;
    text-decoration: none;
}

.vinum-carousel .table {
    height: 150px;
    margin-bottom: 0;
}

.vinum-carousel .td{
    text-align: center;
}

.vinum-carousel .td.carousel-logo{
    vertical-align: middle;
    height: 120px;
}

.vinum-carousel .owl-carousel .owl-item img{
    width: auto;
    max-width: 100%;
    max-height: 126px;
    height: auto;
    margin: auto;
}

.vinum-carousel .td.carousel-description {
    padding-top: 10px;
    vertical-align: top;
}

.owl-carousel .owl-prev{
    position: absolute;
    left: -35px;
    margin-top: -89px;
    width: 16px;
    height: 29px;
    background: url('../Images/carousel-prev.png') center center no-repeat;
    background-size: 16px 29px;
}

.owl-carousel .owl-next{
    position: absolute;
    right: -35px;
    margin-top: -89px;
    width: 16px;
    height: 29px;
    background: url('../Images/carousel-next.png') center center no-repeat;
    background-size: 16px 29px;
}

.carousel-bottle-image {
    margin: auto;
    max-width: 140px;
    text-align: center;
    height: 270px;
}

.widget-wine-carousel .widget-content {
    padding: 0px 60px;
    margin-top: -15px;
}

.widget-wine-carousel .widget-content .sans-serif {
    font-size: 13px;
}

.widget-xl.widget-wine-carousel .widget-content {
    height: 406px;
    overflow: hidden;
}

.widget-wine-carousel hr{
    border-top: 1px solid #000;
    margin: 10px 0;
}

.widget-wine-carousel .owl-carousel .owl-prev {
    left: -35px;
    top: 228px;
}

.widget-wine-carousel .owl-carousel .owl-next {
    right: -35px;
    top: 228px;
}

.widget-wine-carousel .carousel-description{
    height: 130px;
    overflow: hidden;
}

.widget-wine-carousel a{
    text-decoration: none;
    color: #000;
}

.owl-carousel .owl-item .carousel-bottle-image img{
    width: auto;
    max-width: 100%;
    display: inline;
}

.widget-search {
    height: 55px;
    background: none;
    border-top: 1px solid #000;
}

.widget-search .form-group {
    margin: -1px;
}

.widget-search .form-group input {
    border: 1px solid #000;
    border-right: 0px none;
    border-radius: 0px;
    height: 57px;
    box-shadow: none;
}

.widget-search .form-group .input-group-btn .btn {
    border-left: 1px #bbd6a7;
    height: 57px;
    background: #bbd6a7;
    color: #fff;
}

.widget-search .form-group .input-group-btn .btn:hover,
.widget-search .form-group .input-group-btn .btn:focus,
.widget-search .form-group .input-group-btn .btn:active {
    color: #fff;
    background: #000;
    border: 1px solid #000;
}

.widget-regions .input-group {
    width: 100%;
}

.widget-regions .input-group select {
    height: 43px;
    padding-top: 0;
    padding-bottom: 0;
}

.widget-search .select2-container--default .select2-selection--single {
    box-shadow: none;
    border: 0px none;
    border-radius: 0px;
    margin: 1px;
}

.widget-regions .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 14px;
}

.select2-dropdown {
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 14px;
}

.widget-regions .widget-search {
    border-top: 0px none;
}

.widget-search .select2-selection__rendered {
    line-height: 55px;
    box-sizing: border-box;
    height: 55px;
    padding: 0px 10px;
    width: 100%;
}

.searchresults .searchresult {
    padding: 15px 0;
    border-bottom: 1px solid #000;
}


.searchresults .searchresult a {
    color: #000;
    text-decoration: none;
}

.searchresults .searchresult .title {
    /* font-family: 'Guardian Egyptian Semibold Web', Serif; */
    font-size: 1.3em;
    line-height: 1.4em;
    padding-bottom: 0.5em;
}

.searchresults .searchresult .description {
    font-size: 0.6em;
    line-height: 1.4em;
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
}

.searchresult .degustationnote-info {
    text-align: right;
    padding-top: 0.3em;
}


.searchresult .degustationnote-points {
    font-size: 0.8em;
    line-height: 1.2em;
}
.searchresult .degustationnote-points .points{
    font-size: 2.2em;
}


.searchresult .degustationnote-points-title {
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 13px;
    line-height: 1.4em;
    text-transform: uppercase;
}

.tx-indexedsearch-browsebox,
.search-nav {
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 13px;
    line-height: 1.4em;
}


.search-nav a {
    color: #000;
}

.search-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #000;
}

.search-nav ul ul {
    border-bottom: 1px solid #000;
}

.search-nav li {
    text-transform: uppercase;
    border-bottom: 1px solid #000;
}

.search-nav li li {
    text-transform: none;
    padding: 0px;
}

.search-nav li ul {
    padding: 8px 0;
}

.search-nav .search-checkbox {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #000;
    background: #fff;
    margin-right: 12px;
    cursor: pointer;
}


.search-nav .search-checkbox.active {
    background-image: url('../Images/bg-checkbox-active.png');
    background-position: center center;
    background-size: contain;
}


.tx-indexedsearch-browsebox,
.search-nav li span {
    padding: 10px 15px;
    display: block;
}


.tx-indexedsearch-browsebox{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-weight: bold;
}


.tx-indexedsearch-browsebox p{
    margin: 0;
}

.search-nav li li span {
    padding: 3px 15px;
    display: block;
}

.page-login h5,
.login-left h5 {
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    font-size: 14px;
    line-height: 1.3em;
    display: block;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 15px 20px;
    text-transform: uppercase;
    margin: 0 -20px 20px -20px;
}

.login-left h5 a {
    text-decoration: none;
}

.page-login h5.inactive {
    color: #999;
    border-color: #999;
}

.page-login h5.no-margin-bottom {
    margin-bottom: 0;
    border-bottom: 0;
}

.page-login h5 span.step {
    display: inline-block;
    margin-right: 15px;
    width: 80px;
}

.login-right {
    padding: 0px 20px;
}

.login-left {
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    font-size: 14px;
    line-height: 1.3em;
    padding: 0px 20px;
}

.login-left header {
    margin-bottom: 0px;
}


.login-left .tx-felogin-pi1 {
}

.login-left .tx-felogin-pi1 div,
.login-left .tx-felogin-pi1 form legend,
.login-left .tx-felogin-pi1 h3,
.login-left .tx-felogin-pi1 form label {
    /*display: none;*/
}

.login-left a {
    text-decoration: underline;
    color: #000;
}

.login-left .buttonLink {
    font-size: 14px;
    border: 1px solid #000;
    font-family: 'Gotham A', 'Gotham B', Sans-Serif;
    font-weight: bold;
    background: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding: 4px 20px;
    border-radius: 0px;
    transition: .5s;
    text-decoration: none;
}


.login-left .buttonLink:hover {
    background: #000;
}

.login-left .tx-felogin-pi1 form div {
    display: block;
}

.login-left .tx-felogin-pi1 a {
    margin: 1em 0;
    display: inline-block;
    text-transform: uppercase;
}

.page-login p.teaser-text,
.login-welcome-subscribe-teaser p.teaser-text{
    font-family: 'Gotham A', 'Gotham B', Sans-Serif;
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: 700;
    margin: 2em 0 .5em 0;
}

.login-welcome-subscribe-teaser p.teaser-text {
    margin: 2em 0 1.5em 0;
}

.wtc-left .wtc-nav,
.login-left .wtc-nav {
    margin: 30px -20px 30px -20px;
}

.login-left .wtc-nav a{
    text-decoration: none;
}

.login-right h2 {
    font-family: 'Guardian Egyptian Web', Serif;
    font-size: 1.5em;
    margin-bottom: 1em;
}

.login-right .world-elems {
    margin: -20px -20px 0 -20px;
}

.login-right .world-elems a {
    text-decoration: none;
    color: #000;
    display: block;
}


.login-right .world-elems a:hover h3 {
    text-decoration: underline;
}

.login-right .world-elems h2{
    margin: 0;
    font-size: 1.3em;
    line-height: 1.2em;
}

.login-right .world-elems h3 {
    font-family: 'Gotham A', 'Gotham B', Sans-Serif;
    margin: 0 0 0.25em 0;
    font-size: .8em;
    font-weight: 700;
    margin-top: -7px;
}

.login-right .world-elems .world-elem {
    border-bottom: 1px solid #000;
    padding: 20px 0;
}

.tx-srfeuserregister-pi1 dt {
    text-align: left;
}

.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.tx-srfeuserregister-pi1 input[type=submit]{
    width: auto;
    float: right;
}

.news-element {
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 16px;
    line-height: 1.3em;
}

.news-element h3{
    font-family: 'Guardian Egyptian Web';
    font-weight: normal;
    font-size: 36px;
    line-height: 1.1em;
    margin-top: 0;
}

.news-element a {
    color: #000;
    text-decoration: none;
}


.news-element a:hover,
.news-element a:active,
.news-element a:focus {
    text-decoration: underline;
}

.news-subtitle {
    font-size: 14px;
    font-weight: bold;
}

.news-date {
    font-size: 14px;
}

.news-teaser {
    margin-top: 2em;
}


.news-list hr {
    border-top: 1px solid #000;
}

/*******************
 *   @media 1199px *
 * *****************/
@media (max-width: 1199px){
    .pageHome {
        font-size: .82em;
    }

    header.scroll-header .nav-main ul li {
        margin-right: 15px;
    }

    header .navMainLevel2 a {
        margin: 0px 12px;
    }

    #mainArticle .ce-textpic.ce-left.ce-intext .ce-gallery {
        float: none;
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    #mainArticle .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
        float: none;
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    #mainArticle .ce-textpic.ce-intext .ce-gallery figure{
        margin-bottom: 30px;
    }

    .widget-offer .offer-image {
        width: 160px;
    }

    .regionImage figure {
        height: 293px;
        overflow: hidden;
    }

    .regionHeader .ce-textpic {
        height: auto;
    }

    .vinum-world-teasers .teaser4x4 .pageTitle {
        font-size: 18px;
        line-height: 1.2em;
    }

    .world-more-button {
        right: 15px;
    }

    a.event-highlight-content {
        width: 100%;
    }

    .box-billboard, .box-s {
        height: auto;
    }

    .pageHome main {
        padding-top: 0;
    }
    
    aside.leaderboard-container {
        padding-top: 77px;
    }
    
    .box.ad.box-leaderboard {
        width: 100%;
    }
}


/*******************
 *   @media 991    *
 * *****************/
@media (max-width: 991px){
    body{
        font-size: 18px;
    }

    main {
        padding-top: 77px;
    }

    .container {
        max-width: 560px;
    }

    a.socialmedia{
        display: inline-block;
    }

    .box .boxHeader{
        font-size: 16px;
    }

    .box .boxContentInner{
        font-size: 14px;
    }

    article .layout101,
    .layout101{
        margin: 0 0 25px 0;
        float: none;
        width: auto;
    }

    #contentGallery {
        margin-left: -90px;
        margin-right: -90px;
        width: 740px;
    }

    .page-vinum-world-element #contentGallery {
        margin-left: 0px;
        margin-right: 0px;
        width: auto;
        height: auto;
    }

    #mainArticle .ce-textpic.ce-intext .ce-gallery figure {
        max-width: 360px;
        margin: 0px auto 30px auto;
    }

    .regionImage figure {
        height: auto;
    }

    article .frame-layout-101, article .layout101 {
        float: none;
        width: 100%;
        margin: 0 0 25px 0;
    }

    .teaser12x6 .justImage .teaserContent {
        padding-left: 30px;
    }

    .ce-issues-show .ce-issue-image img {
        max-width: 100%;
    }

    .ce-issues-show .ce-issue-image {
        min-height: 0px;
        height: auto;
    }

    .world-elem a img {
        margin-bottom: 30px;
    }

    .pageHome main {
        padding-top: 0;
    }

    aside.leaderboard-container {
        padding-top: 77px;
    }

    .box.ad.box-leaderboard {
        width: 100%;
        padding-bottom: 15px;
    }
}

/*******************
 *   @media 767    *
 * *****************/
@media (max-width: 767px){

    .box{
        text-align: center;
    }
    .boxButtonContent{
        margin-top: 0;
    }

    header .logo{
        padding-top: 30px;
    }

    h1{
        font-size: 38px;
    }

    .teaser8x6 .justImage .teaserContent,
    .teaser12x6 .justImage .teaserContent {
        padding-left: 30px;
    }

    .teaser8x6 {
        height: auto;
    }

    .teaser8x6 .imageText {
        width: auto;
        float: none;
        margin: 0px 15px;
    }
    .teaser8x6 .teaserContent {
        padding: 10px 30px;
    }

    #contentGallery .description{
        display: none;
    }

    blockquote {
        float: none;
        margin-left: 0px;
        width: auto;
        max-width: 100%;
        font-size: 1.4em;
        margin-right: 0px;
    }

    #contentGallery {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .widget-offer .offer-image {
        width: 120px;
    }

    .possibleGiftDescription .offerImage,
    .possibleGiftDescription .offerText {
        float: none;
        width: auto;
        text-align: center;
        margin: 0;
    }

    .page-vinum-world-element .buttonLink {
        margin-bottom: 15px;
    }

    .event-table tr.event-highlight td {
        padding: 8px 10px;
    }

    .teaser-wide a.ce-vinumgallery-link.layout-0 .content {
        width: auto;
    }
    .teaser-wide a.ce-vinumgallery-link.layout-0 .content .subtitle {
        font-size: 15px;
    }
    .teaser-wide a.ce-vinumgallery-link.layout-0 .content .title {
        font-size: 24px;
    }
}


/* Navigation flags */
.navigationFlagsOuter{
    position: fixed;
    top: 314px;
    right: 0px;
    width: 145px;
    text-transform: uppercase;
}

.navigationFlagsOuter ul , .navigationFlagsOuter li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.navigationFlagsOuter li{
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 6px 0;
}

.navigationFlagsOuter li:last-child{
    margin-bottom: 0px;
}

.navigationFlagsOuter li a{
    background: #98af99;
    display: block;
    position: relative;
    color: #ffffff;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    transition: 0.5s;
}


.navigationFlagsOuter li.navLink-1 a:hover,
.navigationFlagsOuter li.navLink-1 a:focus,
.navigationFlagsOuter li.navLink-1 a:active,
.navigationFlagsOuter li.navLink-2 a:hover,
.navigationFlagsOuter li.navLink-2 a:focus,
.navigationFlagsOuter li.navLink-2 a:active,
.navigationFlagsOuter li.navLink-3 a:hover,
.navigationFlagsOuter li.navLink-3 a:focus,
.navigationFlagsOuter li.navLink-3 a:active {
    background: #000;
}

.navigationFlagsOuter li.navLink-1 a{
    background: #98af99;
}

.navigationFlagsOuter li.navLink-2 a{
    background: #738b90;
}

.navigationFlagsOuter li.navLink-3 a{
    background: #afaa9e;
}

@media(max-width: 1560px){
    .navigationFlagsOuter{
        display: none;
    }
}

@media(max-width: 991px){
    header.mobile-header {
        width: 100% !important;
    }

    .widget-search form .select2.select2-container.select2-container--default.select2-container--focus{
        width: 100% !important;
    }

    article.row .row.grapeVarietyTeaserList .col-xs-12.col-sm-4 {
        width: 100%;
    }
}

/* fixed world map ie issue */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    svg#regions-world-map {
        height:100vh !important;
    }
}

/* image gallery mobile css */
@media(max-width: 767px){
    .m-gallery-pretty .gallery-nav a {
        width: 32px;
        height: 32px;
    }

    .gallery-nav.mprev{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0px;
        left: 10px;
        width: 32px;
        height: 32px;
    }

    .gallery-nav.mprev .prev{
        background: url(../Images/controls.png) no-repeat 0 -32px;
    }

    .gallery-nav.mnext{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0px;
        right: 10px;
        width: 32px;
        height: 32px;
    }

    .gallery-nav.mnext .next{
        background: url(../Images/controls.png) no-repeat -43px -32px;
    }

    .gallery-nav.mprev .prev:hover, .gallery-nav.mprev .prev:focus {
        background-position: 0 0;
    }

    .gallery-nav.mnext .next:hover, .gallery-nav.mnext .next:focus {
        background-position: -43px 0;
    }

    .m-gallery-pretty.table .tr{
        position: relative;
        display: inline-block;
    }

    .m-gallery-pretty.table .td{
        display: initial;
    }
}


/* START : Loader */
.loader-wrapper {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.loader-wrapper.loaded {
    opacity: 1;
    pointer-events: auto;
}

.loader {
    display: inline-block;
    width: 150px;
    height: 150px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='665.206px' height='614.116px' viewBox='0 0 665.206 614.116' enable-background='new 0 0 665.206 614.116' xml:space='preserve'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M60.628,533.849c7.341-0.347,19.289,1.173,31.245-0.78 c4.861-0.797,6.317-3.11,6.996-7.428c7.71-49.02,15.457-98.035,23.419-147.016c1.05-6.463-0.256-9.531-6.852-12.643 c-43.805-20.676-64.682-57.261-70.355-104.01c-3.709-30.56,3.43-60.156,7.792-89.979c3.505-23.955,7.45-47.852,11.647-71.696 c3.282-18.639,17.02-28.688,35.453-25.859c38.706,5.938,77.353,12.276,116.023,18.453c24.501,3.915,48.974,8.014,73.509,11.698 c22.57,3.388,32.535,15.971,28.905,38.541c-6.977,43.368-11.219,87.289-22.086,129.888 c-12.749,49.978-40.831,87.309-93.026,101.822c-5.714,1.588-11.701,2.454-17.62,2.956c-4.531,0.386-6.819,1.604-7.593,6.621 c-7.691,49.93-15.521,99.84-23.712,149.692c-0.97,5.906,0.881,7.56,5.898,9.47c18.695,7.116,37.707,13.245,56.722,19.407 c19.134,6.202,26.352,19.064,20.058,35.152c-4.299,10.99-16.158,17.62-30.197,15.607c-30.182-4.329-60.292-9.165-90.416-13.906 c-28.348-4.458-56.669-9.092-85.012-13.579c-6.524-1.032-12.949-2.289-18.688-5.763C2.735,574.437-1.867,563.818,0.7,552.889 c2.589-11.024,10.219-18.13,22.137-18.891C33.861,533.294,44.966,533.849,60.628,533.849z M63.689,552.002 c-0.001,0.477-0.002,0.95-0.005,1.428c-12.56,0-25.122-0.057-37.683,0.044c-2.724,0.022-5.489,0.54-5.967,4.101 c-0.428,3.191,1.35,5.329,3.917,6.375c3.001,1.227,6.254,1.972,9.467,2.516c12.969,2.188,25.958,4.252,38.95,6.303 c44.88,7.081,89.762,14.162,134.654,21.173c4.727,0.739,10.554,1.744,11.925-4.44c1.38-6.226-4.965-6.454-8.843-7.824 c-19.974-7.064-40.066-13.781-60.043-20.836c-12.825-4.528-17.084-10.934-15.554-24.524c1.503-13.357,3.787-26.631,5.877-39.916 c6.734-42.818,13.678-85.604,20.172-128.456c1.033-6.814,4.044-8.847,10.482-8.928c7.148-0.093,14.428-0.593,21.402-2.082 c47.45-10.127,72.56-43.013,84.188-87.015c11.154-42.205,15.001-85.911,22.148-128.943c2.011-12.112-0.104-14.755-12.104-16.662 C224.977,114.5,163.28,104.695,101.602,94.76c-13.456-2.169-16.497-0.105-18.589,13.301c-4.562,29.237-9.172,58.468-13.923,87.675 c-3.854,23.684-7.245,47.485-3.378,71.384c6.93,42.843,30.149,72.72,72.061,86.614c5.997,1.989,7.646,4.702,6.568,11.119 c-5.344,31.835-10.045,63.778-15.128,95.66c-3.856,24.197-7.604,48.425-12.067,72.515c-2.542,13.726-9.362,18.792-22.931,18.95 C84.042,552.097,73.864,552.002,63.689,552.002z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M605.887,533.717c14.308,0,24.507-0.465,34.647,0.112 c14.07,0.805,22.326,8.248,24.322,20.776c1.97,12.355-4.489,23.055-17.193,28.182c-9.822,3.963-20.39,4.465-30.678,6.109 c-52.541,8.402-105.094,16.764-157.704,24.729c-16.572,2.511-27.883-4.715-32.109-18.901c-3.322-11.16,0.491-20.72,10.493-26.783 c10.667-6.462,22.922-8.388,34.514-12.164c11.351-3.699,22.68-7.366,33.643-12.153c4.024-1.757,5.986-3.266,5.141-8.465 c-8.222-50.452-16.11-100.957-23.959-151.468c-0.632-4.067-2.491-5.437-6.412-5.761c-59.824-4.956-99.039-51.447-111.81-104.697 c-10.673-44.507-15.425-90.117-22.853-135.23c-2.653-16.111,8.507-29.857,26.042-32.849c23.574-4.021,47.238-7.496,70.859-11.235 c39.565-6.261,79.153-12.374,118.676-18.89c21.791-3.593,36.043,5.243,39.396,26.848c6.924,44.593,16.879,88.813,19.768,133.92 c3.521,55.005-20.27,109.162-73.976,131.563c-5.884,2.454-4.343,6.303-3.739,10.16c4.938,31.602,10.011,63.182,15.046,94.77 c2.729,17.123,5.695,34.211,8.063,51.384c0.801,5.808,2.197,8.772,8.967,9.268C586.712,533.794,598.361,533.542,605.887,533.717z M602.602,553.143c0-0.361,0-0.722-0.002-1.083c-9.276,0-18.555,0.085-27.831-0.018c-18.78-0.206-25.062-5.48-28.042-24.044 c-8.622-53.715-16.895-107.487-25.896-161.139c-1.375-8.188,1.166-11.476,8.204-13.785c52.638-17.28,75.02-64.648,71.75-116.286 c-2.801-44.218-12.924-87.51-19.095-131.315c-1.484-10.537-5.454-12.83-16.271-11.082c-17.706,2.863-35.41,5.725-53.121,8.541 c-45.463,7.229-90.93,14.437-136.396,21.646c-7.347,1.165-11.581,5.037-10.206,12.847c7.776,44.139,11.657,89.021,22.8,132.483 c12.607,49.178,47.167,87.728,102.068,88.809c9.857,0.193,13.12,4.165,14.548,13.507c7.852,51.41,16.461,102.706,24.54,154.083 c3.467,22.044,1.787,30.029-21.033,36.989c-18.824,5.741-37.28,12.7-55.875,19.187c-3.31,1.153-7.581,2.035-6.653,6.875 c0.947,4.93,5.315,4.974,9.263,4.991c1.48,0.007,2.963-0.388,4.441-0.623c40.748-6.427,81.495-12.851,122.241-19.291 c18.009-2.849,36.044-5.56,53.995-8.737c4.145-0.732,9.77-1.791,9.022-7.928c-0.741-6.09-6.396-4.388-10.143-4.506 C624.151,552.919,613.373,553.143,602.602,553.143z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M261.929,39.39c3.672,0.042,6.063,1.249,8.35,2.693 c14.628,9.232,29.225,18.519,43.887,27.701c5.889,3.688,8.816,8.671,4.884,14.943c-3.73,5.952-9.565,5.396-14.957,2.057 c-15.214-9.422-30.313-19.025-45.458-28.559c-4.515-2.842-6.753-6.736-5.242-12.119C254.705,41.427,258.179,39.54,261.929,39.39z' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M353.093,89.026c-5.05-0.022-8.276-1.979-9.692-6.043 c-1.816-5.209,0.013-9.473,4.567-12.361c15.616-9.902,31.301-19.701,46.961-29.534c0.507-0.316,1.002-0.702,1.557-0.877 c5.028-1.592,9.761-1.197,12.593,3.705c2.682,4.643,2.234,9.729-2.408,12.763c-16.226,10.601-32.691,20.836-49.136,31.099 C356.093,88.676,354.137,88.749,353.093,89.026z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M341.584,34.239c-0.002,7.476,0.058,14.952-0.02,22.428 c-0.063,6.262-3.021,10.598-9.486,10.766c-6.943,0.179-10.191-4.212-10.222-10.908c-0.071-15.251-0.063-30.503,0.002-45.753 c0.026-6.261,3.013-10.603,9.48-10.766c6.94-0.176,10.155,4.211,10.228,10.909C341.651,18.688,341.586,26.465,341.584,34.239z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M172.125,342.215c-51.167-0.057-88.104-35.264-91.542-86.543 c-0.786-11.732-0.309-23.286,0.731-34.887c0.79-8.803,3.974-10.98,12.417-8.549c3.703,1.067,7.5,2.332,10.759,4.319 c15.826,9.655,32.424,8.888,49.282,3.935c20.495-6.022,38.981-16.372,57.276-27.115c12.863-7.553,25.332-15.818,38.96-22.019 c15.983-7.273,27.816,0.603,25.065,17.806c-5.079,31.764-7.347,64.122-19.698,94.454 C240.461,320.243,209.625,342.254,172.125,342.215z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M585.001,247.652c-1.335,27.652-8.737,51.876-28.73,71.139 c-30.557,29.445-102.114,39.803-137.607-18.587c-14.074-23.156-19.037-48.675-23.085-74.693 c-1.928-12.399-4.259-24.758-5.623-37.221c-1.783-16.271,9.312-23.996,24.388-17.205c21.831,9.836,41.107,24.286,62.489,34.956 c15.774,7.871,31.651,15.328,49.491,17.492c11.349,1.375,21.989-0.12,31.979-5.794c1.553-0.881,3.229-1.546,4.844-2.32 c18.222-8.716,21.505-3.527,21.325,12.529C584.394,234.775,586.309,241.602,585.001,247.652z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center / contain;
}

.loader-2 {
    display: block;
    height: 260px;
    left: 50%;
    margin-left: -130px;
    margin-top: -130px;
    position: absolute;
    top: 50%;
    width: 260px;
    -webkit-animation: loader-2-1 3s linear infinite;
    animation: loader-2-1 3s linear infinite;
}

.loader-2 span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 260px;
    width: 260px;
    clip: rect(130px, 260px, 260px, 0);
    -webkit-animation: loader-2-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-2-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

.loader-2 span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 260px;
    width: 260px;
    border: 3px solid transparent;
    border-top: 3px solid #000;
    border-radius: 50%;
    -webkit-animation: loader-2-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-2-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

.loader-2 span::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 260px;
    width: 260px;
    border: 3px solid #fff;
    border-radius: 50%;
}

@-webkit-keyframes loader-2-1 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loader-2-1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-2-2 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loader-2-2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-2-3 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loader-2-3 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* END : Loader */


#vinumPlusBox .widget-primary .widget-head {
    border-top : none;
    height: auto;
    background-color: rgb(153,177,154);
}
#vinumPlusBox .widget-primary .widget-head h4{
    padding: 0.5em 0;
    color: #fff;
    font-size: 0.8em;
    font-weight: 700;
}
#vinumPlusBox h3 {
    padding: 35px 0 15px;
}
#vinumPlusBox p {
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: 500;
    font-size: 0.8em;
    padding: 0 20px;
    margin: 15px auto;
}
#vinumPlusBox img {
    width: 20%;
    padding: 15px 0 30px;
}
#vinumPlusBox .no-gutter {
  margin-right: 0;
  margin-left: 0;
}
#vinumPlusBox .no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
#vinumPlusBox .col-xs-6:first-child {
    border-right: 1px solid;
}
#vinumPlusBox .widget-primary a.button {
    font-weight: 700;
    letter-spacing: 0.5px;
}

.frame-verticle-align-image .ce-textpic.left-image .ce-bodytext, .frame-verticle-align-image .ce-textpic.right-image .ce-bodytext{
    overflow: hidden;
}
.frame-verticle-align-image .ce-textpic.left-image {
    display: grid;
    align-items: center;
    grid-template-columns: 260px 1fr;
}
.frame-verticle-align-image .ce-textpic.right-image {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
}
.frame-verticle-align-image .ce-textpic.right-image .ce-gallery {
    order: 2;
}
.frame-verticle-align-image .ce-textpic.left-image .ce-gallery {
    max-width: 360px;
    margin: 60px 60px 30px -98px;
    float: left;
}
.frame-verticle-align-image .ce-textpic.right-image .ce-gallery {
    margin-right: -390px;
    width: 360px;
    text-align: center;
}
.frame-verticle-align-image figcaption{
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-size: 0.7em;
    text-align: left;
    line-height: 1.1em;
    padding: .5em 0;
}
.frame-verticle-align-image .ce-textpic.right-image .ce-gallery {
    max-width: 360px;
    margin: 60px -390px 30px 60px;
    float: right;
}
@media (max-width: 1199px) {
    .frame-verticle-align-image .ce-textpic.left-image .ce-gallery, .frame-verticle-align-image .ce-textpic.right-image .ce-gallery {
        width: auto;
        max-width: 100%;
        margin-right: 0;
        float: none;
        margin-left: 0;
        margin-bottom: 0;
    }
    .frame-verticle-align-image .ce-gallery figure{
        margin-bottom: 30px;
    }
    .frame-verticle-align-image .ce-textpic.right-image .ce-gallery {
        width: 100%;
    }
    .frame-verticle-align-image .ce-textpic.right-image ,
    .frame-verticle-align-image .ce-textpic.left-image {
        display: block;
        grid-template-columns: 1fr;
    }
}

.ce-maturitytable .countryTitle {
    position: -webkit-sticky;
    position: sticky;
    top: 109px;
    left: 0;
    background: #fff;
    border-bottom: 1px solid currentColor;
}

.ce-maturitytable {
    display: block !important;
}

.maturitytable-filter {
    display: grid;
    grid-gap: 30px;
    margin: 30px 0;
    max-width: 720px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.maturitytable-filter_group {
    display: grid;
    padding: 15px;
    align-items: center;
    grid-auto-flow: column;
    grid-gap: 10px;
}

.maturitytable-filter_group label {
    padding-right: 15px;
    margin-bottom: 0;
    font-family: "Gotham A", "Gotham B", Arial, Sans-Serif;
    font-size: 0.7em;
}

.maturitytable-filter_group input {
    padding: 0 10px;
    font-family: "Gotham A", "Gotham B", Arial, Sans-Serif;
    font-size: 0.7em;
}
.maturitytable li li .year.is-blured,
.ce-maturitytable .countryTitle .year.is-blured {
    opacity: 0.5;
}
.maturitytable li li .year.is-active,
.ce-maturitytable .countryTitle .year.is-active {
    opacity: 1;
}
.region_li{
    display: none;
}
.region_li.is-active{
    display: block;
}
.year-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
@media (max-width: 992px) {
    .ce-maturitytable .countryTitle {
        top: 62px;
    }
    .ui-state-active .countryTitle-scroll-container {
        overflow: auto;
        width: 100%;
    }
    .maturitytable ul {
        overflow: auto;
    }
    .countryTitle-inner,
    .maturitytable ul li {
        width: 1140px;
    }

    .maturitytable-filter {
        grid-gap: 15px;
        grid-template-columns: 1fr;
    }
    .maturitytable-filter_group {
        padding: 0;
        grid-auto-flow: row;
        grid-template-columns: 70px 1fr;
    }
}

.row.wtcmembers-filter {
    margin-top: 30px;
    margin-bottom: 30px;
}

.wtcmembers-list .countryTitle-scroll-container.syncscroll {
    border-bottom: 1px solid currentColor;
}
.wtcmembers-list tr {
    margin-top: 15px;
    display: block;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
    padding-bottom: 12px;
}

.wtcmembers-list table tr td{
    font-size: 0.7em;
}

.wtcmembers-list .countryTitle {
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
}

.wtcmembers-list table tr:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.degustationnote-wine-prices table a {
    color: #337ab7;
}

ul.icon-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-size: 16px;
}

ul.icon-list li {
    margin: 15px 0 0 0;
}

ul.icon-list li span.content{
    vertical-align: center;
}

.icon-list-icon {
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.icon-list-icon img {
    width: 48px;
    height: 48px;
}

#wtc-show table.bestOfList {
    margin-top: 0;
}

#wtc-show table.bestOfList tbody {
    border-top: none;
}

#wtc-show h2 {
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: bold;
}

#wtc-show h3 {
    font-family: 'Gotham A','Gotham B', Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
}
.wtcmember-aside .socialmedia .socialmedia{
    display: inline-block;
}
.wtcmembers-filter input {
  font-family: "Gotham A", "Gotham B", Arial, Sans-Serif;
}
.wtcmembers-filter .btn-secondary:hover{
    background-color: #000;
    color: #fff;
}
#filter_wtcRegion {
    font-family: "Gotham A", "Gotham B", Arial, Sans-Serif;
    padding: 5px 20px 5px 5px;
    border-radius: 0;
    outline: none;
    border: 1px solid gray;
    line-height: 1.45em;
    font-weight: 400;
    color: rgb(0,0,0);
    min-width: 266px;
    background: #fff;
}
.maturitytable-filter.foodpairing-filter {
    max-width: 100%;
    grid-template-columns: repeat(3, minmax(0,1fr));
}/*
.ce-foodpairing .table-row.foodpairing {
    display: none;
}*/

.ce-foodpairing .table-row.foodpairing {
    /*display: none;*/
}
.ce-foodpairing .table-row.foodpairing.is-active {
    display: table-row;
}
@media (max-width: 992px) {
    .maturitytable-filter.foodpairing-filter {
        grid-gap: 15px;     
        grid-template-columns: 1fr;
    }
}


/** TEASER BLOCK **/

.offerTeaser .offerText h1 {
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.offerTeaser,
.offerTeaser .widget h3{
    font-family: "Gotham A", "Gotham B", Arial, sans-serif;
}

.offerTeaser .teaserLink .widget-head h4 {
    border-bottom: 0;
    position: absolute;
    left: 50%;
    top: -37px;
    transform: translate(-50%, 0);
    color: #fff;
}

.offerTeaser .teaserLink .widget-head {
    position: relative;
    grid-column: span 2;
    height: auto;
}

.offerTeaser .teaserLink .offerText h3 {
    margin: 18px 0 12px;
}

.offerTeaser .teaserLink .widget {
    display: grid;
    grid-gap: 0 38px;
    padding-bottom: 56px;
    grid-template-columns: 380px 1fr;
}

.offerTeaser .teaserLink .offerImage {
    float: left;
    width: 100%;
    margin-right: 0;
}

@media (max-width: 1199px) {
    .offerTeaser .teaserLink .widget {
        grid-template-columns: 300px 1fr;
    }
}

@media (max-width: 991px) {
    .offerTeaser .teaserLink .widget {
        grid-template-columns: 1fr;
        grid-gap: 0;
        display: flex;
        height: auto;
        flex-direction: column;
        padding: 0;
    }

    .offerTeaser .teaserLink h3 {
        margin: 20px 0;
        padding: 0 26px;
        height: auto;
    }

    .offerTeaser .teaserLink .widget .widget-button {
        position: relative;
        display: inline-block;
        margin-left: auto;
    }

    .offerTeaser .teaserLink {
        height: auto;
    }

    .offerTeaser .teaserLink .widget-content.with-padding {
        padding: 0;
    }

    .offerTeaser .teaserLink .tr {
        display: grid;
        grid-template-columns: 40% 1fr;
        grid-gap: 10px;
    }

    .offerTeaser .teaserLink .offer-teasertext {
        display: flex;
        flex-direction: column;
    }

    .offerTeaser .teaserLink .price {
        margin-top: auto;
        margin-bottom: 0;
        font-size: 14px;
    }

    .offerTeaser .teaserLink .offer-image {
        width: 100%;
        height: auto;
    }

    .offerTeaser .teaserLink .price span {
        display: block;
        width: 100%;
        font-size: 18px;
    }

    .offerTeaser .offer-teasertext-top {
        margin-bottom: 15px;
    }

    .offerTeaser .teaserLink .table {
        margin-bottom: 10px;
    }
    .navFooter p{margin-top: 10px;}
    .navFooter span.divider{display: none;}
    .navFooter a{display: block; font-size: 12px;line-height: 2.4em;}
}

.solr-pagination ul.pagination{
    font-family: 'Gotham A','Gotham B', Sans-Serif;
    font-size: 14px;
    line-height: 1.3em;
}

.guide-tour__print{display: none !important;}
/** Degustations steps **/
.vinum-winedb .buttonLink{margin-bottom: 15px;}