/* --------------------------------------
=========================================
GLOBAL STYLES
=========================================
-----------------------------------------*/

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

a {
    text-decoration: none;
}

.trachtenkleidung h3 {
    margin-top: 0;
}

.trachtenhochzeit .justify-columns a {
    color: #30ac96;
    text-decoration: underline;
}

.wuerttembergische-tracht .justify-columns a {
    color: #14698e;
    text-decoration: underline;
}

.miesbacher-tracht .justify-columns a,
.dirndlstoffe .justify-columns a,
.bayerische-kleidung .justify-columns a,
.trachtenkleidung .justify-columns a,
.bauernhochzeit .justify-columns a,
.schnittmuster_dirndl .justify-columns a,
.tegernseer_tracht .justify-columns a {
    color: #30ac96;
    text-decoration: underline;
}

.trachtenhochzeit .justify-columns a:link,
.trachtenhochzeit .justify-columns a:visited,
.miesbacher-tracht .justify-columns a:link,
.miesbacher-tracht .justify-columns a:visited,
.dirndlstoffe .justify-columns a:link,
.dirndlstoffe .justify-columns a:visited,
.trachtenkleidung .justify-columns a:link,
.bayerische-kleidung .justify-columns a:link,
.trachtenkleidung .justify-columns a:visited,
.bayerische-kleidung .justify-columns a:visited,
.bauernhochzeit .justify-columns a:link,
.bauernhochzeit .justify-columns a:visited,
.schnittmuster_dirndl .justify-columns a:link,
.schnittmuster_dirndl .justify-columns a:visited,
.tegernseer_tracht .justify-columns a:link,
.tegernseer_tracht .justify-columns a:visited {
    text-decoration: underline;
}

a:hover {
    color: #759819;
}

.trachtenhochzeit .justify-columns a:hover,
.trachtenhochzeit .two-columns a:hover {
    color: #30ac96;
    text-decoration: none;
}

.wuerttembergische-tracht .justify-columns a:hover,
.wuerttembergische-tracht .two-columns a:hover {
    color: #30ac96;
    text-decoration: underline;
}

.miesbacher-tracht .justify-columns a:hover,
.miesbacher-tracht .two-columns a:hover {
    color: #30ac96;
    text-decoration: none;
}

.dirndlstoffe .justify-columns a:hover,
.dirndlstoffe .two-columns a:hover {
    color: #30ac96;
    text-decoration: none;
}

.trachtenkleidung .justify-columns a:hover,
.bayerische-kleidung .justify-columns a:hover,
.trachtenkleidung .two-columns a:hover,
.bayerische-kleidung .two-columns a:hover,
.bauernhochzeit .two-columns a:hover,
.schnittmuster_dirndl .two-columns a:hover {
    color: #30ac96;
    text-decoration: none;
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}

p {
    margin: 0 0 20px;
}

.btn:focus,
.btn:active {
    outline: inherit;
}

*,
*:before,
*:after {
    outline: 0 none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
}

.clear {
    clear: both;
}

.lederhosen-ratgeber section .container,
.dirndlblusen-ratgeber section .container,
.oktoberfest-ratgeber section .container {
    padding: 40px;
    background-color: transparent;
}

.lederhosen-ratgeber h3,
.dirndlblusen-ratgeber h3,
.oktoberfest-ratgeber h3 {
    font-size: 25px;
    padding-top: 20px;
    margin-bottom: 20px;
}

.oktoberfest-ratgeber #info h3 {
    padding-top: 0;
}

.lederhosen-ratgeber .btn-row,
.dirndlblusen-ratgeber .btn-row,
.oktoberfest-ratgeber .btn-row {
    margin: 30px 0 40px;
}

.gap25 {
    height: 25px;
    display: block;
    clear: both;
}

.gap40 {
    height: 40px;
    display: block;
    clear: both;
}

.seperator {
    margin: 30px 0;
    height: 1px;
    position: relative;
    background-color: #e6e8ea;
}

.seperator:after {
    content: '';
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #f9bc18;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -6px;
    border: 2px #fff solid;
}

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

.justify-columns {
    text-align: justify;
}

.alignright {
    float: right;
    margin-left: 40px;
    margin-bottom: 10px;
}

.alignleft {
    float: left;
    margin-right: 40px;
    margin-bottom: 10px;
}


/*---------------------------------------
   BOOTSTRAP OVERRIDES
-----------------------------------------*/

@media (min-width: 1055px) {
    .section-container {
        width: 1025px;
    }
}


/*---------------------------------------
   end BOOTSTRAP OVERRIDES
-----------------------------------------*/


/*---------------------------------------
   TYPOGRAPHY
-----------------------------------------*/

h2,
h4 {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 25px;
    margin: 0 0 20px;
}

.lederhosen-ratgeber h2,
.dirndlblusen-ratgeber h2,
.oktoberfest-ratgeber h2 {
    margin-bottom: 25px;
}

.oktoberfest-guide:not(#oktoberfest-orientierung) h2,
.trachten-guide h2 {
    text-align: center;
    margin-top: 2rem;
}

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

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


/*---------------------------------------
   end TYPOGRAPHY
-----------------------------------------*/


/*---------------------------------------
   BUTTONS
-----------------------------------------*/

a.button,
a.header-button {
    background: #9ac31b;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: inherit;
    padding: 5px 1.44rem;
}

.lederhosen-ratgeber section a.button,
.dirndlblusen-ratgeber section a.button,
.oktoberfest-ratgeber section a.button {
    text-transform: uppercase;
    padding: 12px 30px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-weight: 600;
}

a.button:hover,
a.header-button:hover {
    background: #a5d11e;
}

.trachten-guide a.button:not(.to-top):not(.prev-chapter):not(.link-button),
#volksfeste .og-button {
    background: #4693b9;
}

.trachten-guide a.button:not(.to-top):not(.prev-chapter):not(.link-button):hover,
#volksfeste .og-button:hover {
    background: #3b7c9c;
}

a.button.blue {
    color: #fff;
    background: #4693b9;
}

a.button.blue:hover {
    background: #3b7c9c;
}

.button .fa-chevron-down {
    font-size: 15px;
}

.k1-quizz .button {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
}

.k1-quizz .button .fa-chevron-right {
    font-size: 15px;
}

.button.next-chapter,
.button.to-map {
    padding-top: 7px;
    padding-bottom: 7px;
}

.button.next-chapter .fa,
.button.to-map .fa {
    margin-left: 11px;
    position: relative;
    top: 2px;
}

.button.prev-chapter {
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #a8a8a8;
    padding-top: 7px;
    padding-bottom: 7px;
}

.button.prev-chapter:hover {
    background: #f1f1f1;
}

.button.prev-chapter .fa {
    color: #a8a8a8;
    margin-left: 11px;
    position: relative;
    top: 2px;
}

.button.blue.prev-chapter .fa {
    color: #fff;
}

.button.to-top {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    background: #fff;
    color: #555;
    border: 1px solid #e0e0e0;
    padding: 7px 35px;
}

.lederhosen-ratgeber .button.to-top,
.dirndlblusen-ratgeber .button.to-top,
.oktoberfest-ratgeber .button.to-top {
    padding: 7px 20px;
}

.button.to-top:hover,
.button.link-button:hover {
    background: #f1f1f1;
}

.button.to-top .fa {
    font-size: 15px;
    margin-right: 4px;
    position: relative;
    top: -2px;
}

.button.link-button {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    background: #fff;
    color: #555;
    border: 1px solid #e0e0e0;
    padding: 7px 10px;
    text-align: center;
    width: 250px;
}

.button.link-button .fa {
    position: relative;
    top: 0px;
    font-size: 14px;
    margin-left: 11px;
}

.oktoberfest-guide:not(#oktoberfest-orientierung) .hide-sm .button.next-chapter,
.oktoberfest-guide:not(#oktoberfest-orientierung) .hide-sm .button.prev-chapter,
.trachten-guide:not(#tg-dirndl) .hide-sm .button.next-chapter,
.trachten-guide:not(#tg-dirndl) .hide-sm .button.prev-chapter {
    width: 95%;
    text-align: center;
}

.button.next-chapter .fa {
    float: right;
    margin: 0 0 0 15px;
}

.button.prev-chapter .fa {
    float: left;
    margin: 0 15px 0 0;
}

.cta-wrapper {
    text-align: center;
    padding: 34px 0 14px;
}

.cta-wrapper a.button {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    padding: 10px 1.6rem;
    position: relative;
}

.cta-wrapper a.button i {
    margin-left: 3px;
}

.cta-wrapper a.button span.icon {
    left: -54px;
    top: -11px;
    position: absolute;
    width: 64px;
    height: 64px;
    display: block;
    background-color: #c0e9fc;
    border-radius: 100%;
    padding-top: 8px;
}

.cta-wrapper a.button.darkbg span.icon {
    background-color: #4ca4cc;
}

.cta-wrapper a.button.darkgbg span.icon {
    background-color: #7e9832;
}

.cta-wrapper a.button.darkbgb span.icon {
    background-color: #1f7699;
}

.cta-wrapper a.button span.icon:after {
    position: absolute;
    right: -6px;
    top: 50%;
    margin-top: -6px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #c0e9fc;
}

.cta-wrapper a.button.darkbg span.icon:after {
    border-left-color: #4ca4cc;
}

.cta-wrapper a.button.darkgbg span.icon:after {
    border-left-color: #7e9832;
}

.cta-wrapper a.button.darkbgb span.icon:after {
    border-left-color: #1f7699;
}

.cta-wrapper a.button span.icon img {
    max-height: 45px;
    display: block;
    margin: 0 auto;
    width: auto;
}

.alignright-content {
    float: right;
    margin-left: 40px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .alignright-content {
        float: none;
        margin-left: 0;
    }
}

.alignright-content img {
    display: block;
    margin-bottom: 17px;
}

.alignright-content a.button {
    display: block;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
}

.alignright-content a.button:hover {
    color: #fff !important;
    text-decoration: none !important;
}


/*---------------------------------------
   end BUTTONS
-----------------------------------------*/


/*---------------------------------------
   GLOBAL SECTION STYLES
-----------------------------------------*/

section:not(.hero) {
    position: relative;
}

section:not(.hero) .container,
section.vf-list {
    background: #fff;
    -webkit-box-shadow: 0 0 15px #ddd;
    box-shadow: 0 0 15px #ddd;
    margin-top: 20px;
}

.lederhosen-ratgeber section#info .container,
.dirndlblusen-ratgeber section#info .container,
.oktoberfest-ratgeber section#info .container {
    margin-top: 0;
}

.dashed-container {
    padding: 8px;
}

.dashed-container .row,
.dashed-container .dashed-border {
    border: 2px dashed #9fd6ef;
    margin: 0;
    padding: 20px 0;
}

.trachtenhochzeit .dashed-container .row,
.trachtenhochzeit .dashed-container .dashed-border {
    border: 1px dashed #30ac96;
}

.wuerttembergische-tracht .dashed-container .row,
.wuerttembergische-tracht .dashed-container .dashed-border {
    border: 1px dashed #14698e;
}

.miesbacher-tracht .dashed-container .row,
.miesbacher-tracht .dashed-container .dashed-border {
    border: 1px dashed #454cab;
}

.dirndlstoffe .dashed-container .row,
.dirndlstoffe .dashed-container .dashed-border {
    border: 1px dashed #638c8d;
}

.bayerische-kleidung .dashed-container .row,
.bayerische-kleidung .dashed-container .dashed-border {
    border: 1px dashed #c8ecfc;
}

.trachtenkleidung .dashed-container .row,
.trachtenkleidung .dashed-container .dashed-border {
    border: 1px dashed #4aac8d;
}

.bauernhochzeit .dashed-container .row,
.bauernhochzeit .dashed-container .dashed-border {
    border: 1px dashed #c8ecfc;
}

.schnittmuster_dirndl .dashed-container .row,
.schnittmuster_dirndl .dashed-container .dashed-border {
    border: 1px dashed #69b374;
}

.tegernseer_tracht .dashed-container .row,
.tegernseer_tracht .dashed-container .dashed-border {
    border: 1px dashed #62b79c;
}

.section-container {
    margin: 0 auto;
    padding: 0;
    position: relative;
}


/*---------------------------------------
   end GLOBAL SECTION STYLES
-----------------------------------------*/


/*---------------------------------------
   HERO
-----------------------------------------*/

.hero {
    background: url("images/hero-bg.png") repeat 0 -13px;
    text-align: center;
}

.trachtenhochzeit .hero,
.wuerttembergische-tracht .hero,
.miesbacher-tracht .hero {
    background: url("images/hero-bg2.png") repeat 0 -13px;
    text-align: center;
}

.bayerische-kleidung .hero {
    background: url("images/hero-bg4.png") repeat 0 -13px;
}

.trachtenkleidung .hero,
.nuernberg_trachten .hero {
    background: url("images/hero-bg3.png") repeat 0 -13px;
}

.hero .container {
    position: relative;
    padding: 0;
}

@media (min-width: 1360px) {
    .tegernseer_tracht .hero .container {
        width: 1360px;
    }
}

.gradient-overlay {
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 50%, white 100%);
    background: -webkit-gradient(linear, left top, right top, from(white), color-stop(50%, rgba(255, 255, 255, 0)), to(white));
    background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 50%, white 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 50%, white 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.gradient-overlay-r {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 40%, white 60%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(40%, white), color-stop(60%, white), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 40%, white 60%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 40%, white 60%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.gradient-overlay-v {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.hero .gradient-overlay {
    padding-top: 4rem;
}

.trachten-guide .hero .gradient-overlay,
.lederhosen-ratgeber .hero .gradient-overlay,
.dirndlblusen-ratgeber .hero .gradient-overlay,
.oktoberfest-ratgeber .hero .gradient-overlay {
    padding-top: 2rem;
}

.hero-content {
    min-height: 10px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.25rem;
    z-index: 9;
}

.lederhosen-ratgeber .hero-content,
.dirndlblusen-ratgeber .hero-content,
.oktoberfest-ratgeber .hero-content {
    position: relative;
    bottom: auto;
}

.hero h1 {
    font-family: 'Playfair Display', serif;
    color: #27708f;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
}

.trachtenhochzeit .hero h1 {
    color: #30ac96;
}

.wuerttembergische-tracht .hero h1 {
    color: #404040;
}

.miesbacher-tracht .hero h1 {
    color: #454cab;
}

.trachten-guide .hero h1 {
    color: #9ac31b;
}

.dirndlstoffe .hero h1 {
    color: #4b7a7b;
}

.bayerische-kleidung .hero h1 {
    color: #489ac0;
}

.trachtenkleidung .hero h1 {
    color: #4aac8d;
}

.bauernhochzeit .hero h1 {
    color: #489ac0;
}

.schnittmuster_dirndl .hero h1 {
    color: #52a75f;
}

.tegernseer_tracht .hero h1 {
    color: #1aa7aa;
}

.nuernberg_trachten .hero h1 {
    color: #006a55;
}

.lederhosen-ratgeber .hero h1,
.dirndlblusen-ratgeber .hero h1,
.oktoberfest-ratgeber .hero h1 {
    color: #696969;
}

.hero h1 span {
    display: block;
    font-size: 1.75rem;
    font-weight: 400;
    margin-top: 6px;
}

.trachtenhochzeit .hero h1 span,
.wuerttembergische-tracht .hero h1 span,
.miesbacher-tracht .hero h1 span,
.dirndlstoffe .hero h1 span,
.bayerische-kleidung .hero h1 span,
.trachtenkleidung .hero h1 span,
.bauernhochzeit .hero h1 span,
.schnittmuster_dirndl .hero h1 span,
.tegernseer_tracht .hero h1 span,
.nuernberg_trachten .hero h1 span {
    color: #747474;
}

.trachten-guide .hero h1 span {
    color: #656565;
    font-size: 1.25rem;
    letter-spacing: -0.5px;
}

.miesbacher-tracht .hero h1 span,
.dirndlstoffe .hero h1 span,
.bayerische-kleidung .hero h1 span,
.trachtenkleidung .hero h1 span,
.bauernhochzeit .hero h1 span,
.schnittmuster_dirndl .hero h1 span,
.tegernseer_tracht .hero h1 span,
.nuernberg_trachten .hero h1 span {
    font-size: 25px;
}

.hero h2 {
    font-family: 'Playfair Display', serif;
    color: #ad8752;
    font-size: 1.75rem;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 30px;
}

.dirndlblusen-ratgeber .hero h2 {
    color: #f9bc18;
}

.oktoberfest-ratgeber .hero h2 {
    color: #9e7cb1;
}

.hero img {
    margin: 0 auto;
}


/*---------------------------------------
   end HERO
-----------------------------------------*/


/*---------------------------------------
   OVERVIEW
-----------------------------------------*/

.chapter-nav li {
    margin-bottom: 10px;
    position: relative;
}

.chapter-nav .chapter-bg {
    width: 23.8125rem;
    max-width: 23.8125rem;
}

.chapter-item {
    color: #555;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.chapter-item:hover {
    color: #555;
}

.active .chapter-item,
.chapter-item.active {
    color: #fff;
}

.chapter-item-img {
    float: left;
    height: 100%;
    width: 26.7%;
    margin: 0;
    padding: 0;
    position: relative;
}

.chapter-item img {
    position: absolute;
    height: 62.7%;
    width: 62.7%;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.miesbacher-tracht .chapter-nav li:first-child .chapter-item img,
.miesbacher-tracht .chapter-nav li:nth-child(2) .chapter-item img {
    height: 89.7%;
    width: 89.7%;
}

.chapter-nav li:nth-child(2) .chapter-item img {
    top: -6px;
}

.chapter-nav li:nth-child(5) .chapter-item img {
    top: 7px;
}

.chapter-item p:not(.chapter-item-img) {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    margin: auto;
    height: 48px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 26.7%;
}

.trachtenhochzeit .chapter-item p:not(.chapter-item-img),
.wuerttembergische-tracht .chapter-item p:not(.chapter-item-img),
.miesbacher-tracht .chapter-item p:not(.chapter-item-img),
.dirndlstoffe .chapter-item p:not(.chapter-item-img),
.bayerische-kleidung .chapter-item p:not(.chapter-item-img),
.trachtenkleidung .chapter-item p:not(.chapter-item-img),
.bauernhochzeit .chapter-item p:not(.chapter-item-img),
.schnittmuster_dirndl .chapter-item p:not(.chapter-item-img),
.tegernseer_tracht .chapter-item p:not(.chapter-item-img),
.nuernberg_trachten .chapter-item p:not(.chapter-item-img) {
    line-height: 1.2;
}

.trachtenhochzeit .chapter-item p:not(.chapter-item-img):not(.double-line),
.wuerttembergische-tracht .chapter-item p:not(.chapter-item-img):not(.double-line),
.miesbacher-tracht .chapter-item p:not(.chapter-item-img):not(.double-line),
.dirndlstoffe .chapter-item p:not(.chapter-item-img):not(.double-line),
.bayerische-kleidung .chapter-item p:not(.chapter-item-img):not(.double-line),
.trachtenkleidung .chapter-item p:not(.chapter-item-img):not(.double-line),
.bauernhochzeit .chapter-item p:not(.chapter-item-img):not(.double-line),
.schnittmuster_dirndl .chapter-item p:not(.chapter-item-img):not(.double-line),
.tegernseer_tracht .chapter-item p:not(.chapter-item-img):not(.double-line),
.nuernberg_trachten .chapter-item p:not(.chapter-item-img):not(.double-line) {
    padding-top: 12px;
}

.chapter-item p span {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-size: 17px;
    display: block;
}


/*---------------------------------------
   end OVERVIEW
-----------------------------------------*/


/*---------------------------------------
   CHAPTER
-----------------------------------------*/

section.chapter .wrapper-container {
    padding: 0 15px;
}

.trachtenhochzeit section.chapter .wrapper-container,
.wuerttembergische-tracht section.chapter .wrapper-container,
.miesbacher-tracht section.chapter .wrapper-container,
.dirndlstoffe section.chapter .wrapper-container,
.bayerische-kleidung section.chapter .wrapper-container,
.trachtenkleidung section.chapter .wrapper-container,
.bauernhochzeit section.chapter .wrapper-container,
.schnittmuster_dirndl section.chapter .wrapper-container,
.tegernseer_tracht section.chapter .wrapper-container,
.nuernberg_trachten section.chapter .wrapper-container {
    padding: 10px;
}

section.chapter .wrapper-container .wrapper {
    padding: 1.688rem 1.94rem 0;
}

.trachtenhochzeit section.chapter .wrapper-container .wrapper {
    border: 1px dashed #31ad97;
    padding: 2.288rem 2.94rem 0;
}

.wuerttembergische-tracht section.chapter .wrapper-container .wrapper {
    border: 1px dashed #14698e;
    padding: 2.288rem 2.94rem 0;
}

.miesbacher-tracht section.chapter .wrapper-container .wrapper {
    border: 1px dashed #454cab;
    padding: 2.288rem 2.94rem 0;
}

.dirndlstoffe section.chapter .wrapper-container .wrapper {
    border: 1px dashed #4b7a7b;
    padding: 2.288rem 2.94rem 0;
}

.bayerische-kleidung section.chapter .wrapper-container .wrapper {
    border: 1px dashed #c8ecfc;
    padding: 2.288rem 2.94rem 0;
}

.trachtenkleidung section.chapter .wrapper-container .wrapper {
    border: 1px dashed #62b79c;
    padding: 2.288rem 2.94rem 0;
}

.bauernhochzeit section.chapter .wrapper-container .wrapper {
    border: 1px dashed #c0e9fc;
    padding: 2.288rem 2.94rem 0;
}

.schnittmuster_dirndl section.chapter .wrapper-container .wrapper {
    border: 1px dashed #69b374;
    padding: 2.288rem 2.94rem 0;
}

.tegernseer_tracht section.chapter .wrapper-container .wrapper {
    border: 1px dashed #62b79c;
    padding: 2.288rem 2.94rem 0;
}

.nuernberg_trachten section.chapter .wrapper-container .wrapper {
    border: 1px dashed #62b79c;
    padding: 2.288rem 2.94rem 0;
}

.chapter-header {
    text-align: center;
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    position: absolute;
    left: -7px;
    z-index: 2;
}

.chapter-header:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #195874;
    position: absolute;
    left: 3px;
    top: -7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.trachtenhochzeit .chapter-header:before {
    border-right-color: #2c2c2c;
}

.miesbacher-tracht .chapter-header:before {
    border-right-color: #195874;
}

.dirndlstoffe .chapter-header:before {
    border-right-color: #195874;
}

.wuerttembergische-tracht .chapter-header:before {
    border-right-color: #195874;
}

.bayerische-kleidung .chapter-header:before {
    border-right-color: #6e9aae;
}

.trachtenkleidung .chapter-header:before {
    border-right-color: #6e9aae;
}

.bauernhochzeit .chapter-header:before {
    border-right-color: #6e9aae;
}

.schnittmuster_dirndl .chapter-header:before {
    border-right-color: #1c6126;
}

.tegernseer_tracht .chapter-header:before {
    border-right-color: #6e9aae;
}

.nuernberg_trachten .chapter-header:before {
    border-right-color: #6e9aae;
}

.chapter-header:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #195874;
    position: absolute;
    right: 3px;
    top: -7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.trachtenhochzeit .chapter-header:after {
    border-right-color: #2c2c2c;
}

.miesbacher-tracht .chapter-header:after {
    border-right-color: #195874;
}

.dirndlstoffe .chapter-header:after {
    border-right-color: #195874;
}

.wuerttembergische-tracht .chapter-header:after {
    border-right-color: #195874;
}

.bayerische-kleidung .chapter-header:after {
    border-right-color: #6e9aae;
}

.trachtenkleidung .chapter-header:after {
    border-right-color: #6e9aae;
}

.bauernhochzeit .chapter-header:after {
    border-right-color: #6e9aae;
}

.schnittmuster_dirndl .chapter-header:after {
    border-right-color: #1c6126;
}

.tegernseer_tracht .chapter-header:after {
    border-right-color: #6e9aae;
}

.nuernberg_trachten .chapter-header:after {
    border-right-color: #6e9aae;
}

.chapter-header-icon {
    background: #fff;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 5.625rem;
    height: 5.625rem;
    margin: auto;
    padding: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.chapter-header-icon img {
    background: #fff;
    border: 1.3px dashed #89bed6;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 10px;
    width: 5.375rem;
}

.chapter-header-icon.no-pad img {
    padding: 0;
}

.trachten-guide .chapter-header-icon img {
    border-color: #768e2c;
    padding: 0;
}

.chapter-header-bar {
    background: url("images/heading-bg.png") repeat;
    height: 3.25rem;
    padding: 1px 0;
}

.trachtenhochzeit .chapter-header-bar,
.wuerttembergische-tracht .chapter-header-bar,
.miesbacher-tracht .chapter-header-bar,
.dirndlstoffe .chapter-header-bar,
.bayerische-kleidung .chapter-header-bar,
.trachtenkleidung .chapter-header-bar,
.bauernhochzeit .chapter-header-bar,
.schnittmuster_dirndl .chapter-header-bar,
.tegernseer_tracht .chapter-header-bar,
.nuernberg_trachten .chapter-header-bar {
    height: 2.25rem;
}

.chapter-header-border {
    border: 1px dashed #317898;
    border-left: 0 none;
    border-right: 0 none;
    height: 2.97rem;
    margin-top: 1px;
}

.trachtenhochzeit .chapter-header-border,
.wuerttembergische-tracht .chapter-header-border,
.miesbacher-tracht .chapter-header-border,
.dirndlstoffe .chapter-header-border,
.bayerische-kleidung .chapter-header-border,
.trachtenkleidung .chapter-header-border,
.bauernhochzeit .chapter-header-border,
.schnittmuster_dirndl .chapter-header-border,
.tegernseer_tracht .chapter-header-border,
.nuernberg_trachten .chapter-header-border {
    height: 1.97rem;
}

.trachten-guide .chapter-header-border {
    border-color: #90ac38;
}

.trachtenhochzeit .chapter-header-border,
.wuerttembergische-tracht .chapter-header-border {
    border-color: #cce8f1;
}

.miesbacher-tracht .chapter-header-border {
    border-color: #7377b6;
}

.dirndlstoffe .chapter-header-border {
    border-color: #5abbbd;
}

.miesbacher-tracht .chapter-header-border {
    border-color: #7377b6;
}

.bayerische-kleidung .chapter-header-border {
    border-color: #aacfe0;
}

.trachtenkleidung .chapter-header-border {
    border-color: #cce8f1;
}

.bauernhochzeit .chapter-header-border {
    border-color: #aacfe0;
}

.schnittmuster_dirndl .chapter-header-border {
    border-color: #1c6126;
}

.tegernseer_tracht .chapter-header-border {
    border-color: #c7e3ed;
}

.nuernberg_trachten .chapter-header-border {
    border-color: #c7e3ed;
}

.chapter h2 {
    margin: 2.5rem 0 1.88rem;
}

.trachtenkleidung .chapter h2,
.bayerische-kleidung .chapter h2 {
    text-align: center;
}

.chapter-heading:not(.text-left) {
    text-align: center;
}

#oktoberfest-orientierung .chapter-heading,
.trachten-guide .chapter .chapter-heading {
    margin-top: 5.75rem;
}

.oktoberfest-guide:not(#oktoberfest-orientierung) .chapter-heading,
.trachten-guide:not(#tg-dirndl) .chapter-heading {
    margin-top: 8.5rem;
}

.chapter h2 span,
.fundsachen h2 span {
    display: block;
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-size: 20px;
    margin-top: 4px;
}

.chapter .heading-bg,
.trachten-guide .heading-bg {
    background: url("images/heading-bg.png") repeat;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 2px 2px 0;
}

.subheading-bg {
    background: url("images/heading-bg.png") repeat;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    display: inline-block;
    padding: 2px 2px 2px 0;
}

.k1-reservierung h3 {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 1.56rem;
}

.oktoberfest-guide:not(#oktoberfest-orientierung) .chapter .dashed-container,
.trachten-guide:not(#tg-dirndl) .chapter .dashed-container {
    position: relative;
}

.oktoberfest-guide:not(#oktoberfest-orientierung) .chapter-header,
.trachten-guide:not(#tg-dirndl) .chapter-header {
    top: 3.13rem;
}

.anzapfen h3 {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    text-align: center;
}

.anzapfen .anstich ul {
    margin-left: -11px;
    margin-bottom: 30px;
}

.anzapfen .anstich ul li {
    position: relative;
    padding: 10px 0;
}

.anzapfen .anstich .subheading-bg {
    float: left;
    height: 36px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.anzapfen .anstich .subheading-bg+p {
    overflow: hidden;
    margin: 0;
    margin-left: 50px;
}

.specialties-slider .slick-arrow {
    color: #4a9fc6;
    font-size: 2.88rem;
    position: absolute;
    top: 11rem;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
    z-index: 999;
}

.specialties-slider .prev-slide {
    left: 10%;
}

.specialties-slider .next-slide {
    right: 10%;
}

.specialties-item-img {
    padding: 3px;
}

.specialties-item-img img {
    -webkit-box-shadow: 0 0 10px #bbb;
    box-shadow: 0 0 10px #bbb;
    border: 1.88rem solid #fff;
}

.specialties-item-info {
    border: 2px dashed #9fd6ef;
    background: #f2fbff;
    margin: 1.88rem 0 2.5rem;
    padding: 0 1.25rem;
    position: relative;
}

.specialties-item-info:before {
    content: '';
    background: url("images/dashed-arrow.png") no-repeat top left;
    width: 20px;
    height: 11px;
    position: absolute;
    top: -11px;
    margin: auto;
    left: 0;
    right: 0;
}

.specialties-item-info h3 {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.schedule .dashed-container .row,
.day-overview .dashed-container .row,
.faq .dashed-container .row,
.anzapfen .dashed-container .row {
    padding: 0;
}


/*---------------------------------------
   end CHAPTER
-----------------------------------------*/


/*---------------------------------------
   MAP SECTION
-----------------------------------------*/

.map-container {
    height: 61.5rem;
}

.map-wrapper {
    width: 29.8125rem;
    max-width: 29.8125rem;
    height: 91.5rem;
    position: absolute;
    top: 0;
}

.map-spot {
    position: absolute;
    cursor: pointer;
    height: 1.88rem;
}

.map-spot .map-active-spot {
    width: 3.875rem;
    height: 3.875rem;
    position: absolute;
    top: -53%;
}

.map-spot.map-spot-left .map-active-spot {
    right: -4%;
}

.map-spot:not(.map-spot-left) .map-active-spot {
    left: -5%;
}

.map-spot#marstall {
    width: 7.13rem;
    top: 9.4%;
    left: 14%;
}

.map-spot#armbrust-schuetzen-zelt {
    width: 11rem;
    top: 13.9%;
    left: 1%;
}

.map-spot#hofbraeu-festzelt {
    width: 9.63rem;
    top: 18.6%;
    left: 5.4%;
}

.map-spot#hackerbraeu {
    width: 8.13rem;
    top: 23.4%;
    left: 10.5%;
}

.map-spot#schottenhamel {
    width: 9.44rem;
    top: 29.1%;
    left: 4.2%;
}

.map-spot#schuetzen-festzelt {
    width: 6.25rem;
    height: 2.88rem;
    top: 31.1%;
    left: 2%;
}

.map-spot#schuetzen-festzelt .map-active-spot {
    top: -17%;
    right: -15%;
}

.map-spot#winzerer-faehndl {
    width: 10.13rem;
    top: 34.15%;
    left: 2.2%;
}

.map-spot#kaefer-schaenke {
    width: 7.87rem;
    height: 2.94rem;
    top: 37.7%;
    left: 1.7%;
}

.map-spot#kaefer-schaenke .map-active-spot {
    top: -17%;
    right: -13.5%;
}

.map-spot#fischer-vroni {
    width: 9rem;
    top: 9.5%;
    left: 46.7%;
}

.map-spot#ochsenbraterei {
    width: 9.63rem;
    top: 14.95%;
    left: 46.8%;
}

.map-spot#augustiner-festzelt {
    width: 11rem;
    top: 23.8%;
    left: 44.5%;
}

.map-spot#braeurosl {
    width: 7.25rem;
    top: 28.7%;
    left: 44%;
}

.map-spot#loewenbraeu-festzelt {
    width: 10.88rem;
    top: 33.3%;
    left: 44.5%;
}

.map-spot#kufflers-weinzelt {
    width: 10.06rem;
    top: 38.1%;
    left: 44%;
}

.map-location-container {
    margin-bottom: 30px;
}

.map-location {
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.map-location p a {
    color: #23527c;
}

.map-location p a:hover {
    color: #94c11f;
}

.map-location h3,
.map-location h4,
.subheading-bg h4,
.k1-quizz h3,
.subheading-bg em,
.vf-cities h3 {
    border: 1px dashed #317898;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-style: normal;
    text-align: center;
    margin: 0;
}

.trachten-guide .subheading-bg em {
    border-color: #90ac38;
}

#volksfeste .vf-cities h3 {
    border-color: #d37d43;
    border-width: 1.7px;
}

.subheading-bg h4,
.subheading-bg em {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.map-location h3,
#volksfeste .vf-cities h3 {
    font-size: 22px;
    padding: 10px 0;
}

.map-location h3 {
    border-bottom: 0 none;
}

.map-location h4,
.subheading-bg h4,
.subheading-bg em {
    border-left: 0 none;
    font-size: 20px;
    padding: 5px 12px 4px 2.06rem;
    text-align: right;
}

.anzapfen .subheading-bg em {
    padding: 4px 13px 2px;
}

.map-location p {
    margin: 0.56rem 1.56rem 1.06rem 2.06rem;
}

.map-location-img+p {
    margin-top: 12px;
}


/*---------------------------------------
   end MAP SECTION
-----------------------------------------*/


/*---------------------------------------
   QUIZZ SECTION
-----------------------------------------*/

.k1-quizz {
    background: #eaf5f8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    padding: 5px;
}

.k1-quizz-border {
    border: 1px dashed #96c3cf;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 20px 0;
}

.k1-quizz .heading-bg,
.tail-heading .heading-bg {
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 30px;
    margin-left: -21px;
    padding: 2px 0px;
    position: relative;
}

.tail-heading .heading-bg {
    margin-left: -42px;
    margin-top: 20px;
}

#tg-dirndl .tail-heading .heading-bg {
    margin-top: 0;
}

.k1-quizz .heading-bg:after,
.tail-heading .heading-bg:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 12px solid #eaf5f8;
    position: absolute;
    right: 0px;
    top: 0;
}

.tail-heading .heading-bg:after {
    border-right-color: #fff;
}

.k1-quizz h3 {
    border-left: 0 none;
    border-right: 0 none;
    font-size: 24px;
    padding: 5px 0;
    padding-left: 21px;
    text-align: left;
}

.k1-quizz-start {
    text-align: center;
}

.k1-quizz-start img {
    margin-bottom: 20px;
}


/*---------------------------------------
   end QUIZZ SECTION
-----------------------------------------*/


/*---------------------------------------
   CALENDAR SECTION
-----------------------------------------*/

.calendar-container {
    padding: 12px 10px;
}

.calendar-header {
    background: url("images/heading-bg.png") repeat;
    border: 1px solid #13698e;
    -webkit-border-radius: 5px 5px 2px 2px;
    border-radius: 5px 5px 2px 2px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    height: 58px;
    line-height: 58px;
}

.calendar {
    background: #d0eaf6;
    border: 1px solid #c3c3c3;
    border-top: 0 none;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

.calendar li {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    float: left;
    width: 14.28571428571429%;
    min-height: 1px;
    text-align: center;
}

.calendar-weekdays {
    background: #d0eaf6;
    color: #13698e;
    font-size: 12px;
    line-height: 44px;
    padding-top: 16px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.calendar .zigzag {
    z-index: 1;
}

.calendar .zigzag:after {
    background: -webkit-linear-gradient(45deg, red 33.333%, #d0eaf6 33.333%, #d0eaf6 66.667%, red 66.667%), -webkit-linear-gradient(135deg, red 33.333%, #d0eaf6 33.333%, #d0eaf6 66.667%, red 66.667%);
    background: -o-linear-gradient(45deg, red 33.333%, #d0eaf6 33.333%, #d0eaf6 66.667%, red 66.667%), -o-linear-gradient(135deg, red 33.333%, #d0eaf6 33.333%, #d0eaf6 66.667%, red 66.667%);
    background: linear-gradient(45deg, red 33.333%, #d0eaf6 33.333%, #d0eaf6 66.667%, red 66.667%), linear-gradient(-45deg, red 33.333%, #d0eaf6 33.333%, #d0eaf6 66.667%, red 66.667%);
    background: -webkit-linear-gradient(45deg, transparent 33.333%, #d0eaf6 33.333%, #d0eaf6 66.667%, transparent 66.667%), -webkit-linear-gradient(-45deg, transparent 33.333%, #d0eaf6 33.333%, #d0eaf6 66.667%, transparent 66.667%);
    -webkit-background-size: 14px 40px;
    background-size: 14px 40px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-filter: drop-shadow(rgba(102, 152, 174, 0.8) 0px -1px 1px);
    filter: drop-shadow(rgba(102, 152, 174, 0.8) 0px -1px 1px);
}

.calendar-days {
    background: #fff;
    padding: 20px 5px 15px;
}

.calendar-days ul,
.calendar-days li {
    border-color: #ededed;
}

.calendar-days ul {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    overflow: hidden;
}

.calendar-days li {
    border-width: 1px;
    border-style: solid;
    border-bottom: 0 none;
    color: #d2d2d2;
    font-size: 15px;
}

.calendar-days li:first-child,
.calendar-days li:nth-child(7n+1) {
    border-left: 0 none;
}

.calendar-days li:nth-child(7n) {
    border-right: 0 none;
}

.calendar-days li:not(.has-info) {
    cursor: not-allowed;
}

.calendar-days li.has-info {
    color: #282828;
    cursor: pointer;
}

.calendar-days li.has-info.active,
.calendar-days li.has-info:hover {
    background: url("images/heading-bg.png") repeat;
    color: #fff;
}

.calendar-content {
    padding: 12px 10px 12px 3px;
}

.day-info {
    line-height: 1.7;
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 1.88rem;
}

.day-info h3,
.day-info strong {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.day-info h3 {
    text-align: center;
}

.day-info span {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    color: #13698e;
}


/*---------------------------------------
   end CALENDAR SECTION
-----------------------------------------*/


/*---------------------------------------
   DAY OVERVIEW
-----------------------------------------*/

.day-overview .subheading-bg {
    margin-left: -26px;
}

.day-overview .subheading-bg h4 {
    padding-bottom: 3px;
}

.day-overview .subheading-bg h4:before {
    content: '';
    display: inline-block;
    background: url(images/icon-clock.png) no-repeat;
    width: 17px;
    height: 17px;
    margin-right: 23px;
    position: relative;
    top: 2px;
}

.day-overview p {
    margin-top: 20px;
}


/*---------------------------------------
   end DAY OVERVIEW
-----------------------------------------*/


/*---------------------------------------
   FAQ SECTION
-----------------------------------------*/

.faq .subheading-bg {
    background: url("images/header-bg.png") repeat;
    cursor: pointer;
    display: block;
    margin-left: -26px;
    margin-bottom: 20px;
}

.faq .subheading-bg h4 {
    color: #555555;
    border-color: #c9c9c9;
    line-height: 20px;
    text-align: left;
}

.faq .subheading-bg h4 .fa {
    float: right;
    color: #13698e;
    font-size: 16px;
}

.faq .subheading-bg:hover h4 .fa,
.faq .subheading-bg:not(.collapsed) h4 .fa {
    color: #fff;
}

.faq .subheading-bg:not(.collapsed) h4 .fa {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    line-height: 27px;
}

.faq .subheading-bg:hover,
.faq .subheading-bg:not(.collapsed) {
    background: url("images/heading-bg.png") repeat;
}

.faq .subheading-bg:hover h4,
.faq .subheading-bg:not(.collapsed) h4 {
    color: #fff;
    border-color: #317898;
}

.faq .subheading-bg h4:before {
    content: '?';
    color: #13698e;
    display: inline-block;
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 27px;
    margin-right: 23px;
    -webkit-transform: scale(1, 0.9);
    -ms-transform: scale(1, 0.9);
    transform: scale(1, 0.9);
    position: relative;
    top: 3px;
}

.faq .subheading-bg:hover h4:before,
.faq .subheading-bg:not(.collapsed) h4:before {
    color: #fff;
}


/*---------------------------------------
   end FAQ SECTION
-----------------------------------------*/


/*---------------------------------------
   DICTIONARY SECTION
-----------------------------------------*/

.dictionary table {
    margin: 15px 0 1.88rem;
}

.dictionary .thead th {
    padding-bottom: 15px;
}

.dictionary th,
.dictionary td {
    width: 50%;
}

.dictionary .thead th div {
    background: url("images/heading-bg.png") repeat;
    padding: 2px 2px 2px 0;
}

.dictionary .thead th:first-child div {
    padding-right: 0;
}

.dictionary .thead th span {
    border: 1px dashed #317898;
    color: #fff;
    display: block;
    font-size: 20px;
}

.dictionary .thead th:first-child span {
    border-right: 0 none;
}

.dictionary th span,
.dictionary td {
    padding: 6px 1.25rem;
}

.dictionary td {
    border: 1px solid #d9d9d9;
}

.dictionary tr:nth-child(odd) td {
    background: #f5f5f5;
}


/*---------------------------------------
   end DICTIONARY SECTION
-----------------------------------------*/


/*---------------------------------------
   NO-GOs SECTION
-----------------------------------------*/

.no-gos ul li {
    margin-bottom: 25px;
}

.no-gos ul img {
    float: left;
    margin-right: 1.88rem;
    width: 4.875rem;
}

.no-gos h3,
.safety h3 {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.no-gos ul p {
    overflow: hidden;
}


/*---------------------------------------
   end NO-GOs SECTION
-----------------------------------------*/


/*---------------------------------------
   SAFETY SECTION
-----------------------------------------*/

.safety h3:before {
    content: '';
    background: url(images/check.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    float: left;
    width: 2rem;
    height: 2rem;
    margin-right: 15px;
    margin-top: -7px;
}


/*---------------------------------------
   end SAFETY SECTION
-----------------------------------------*/


/*---------------------------------------
   WISSENSWERTES SECTION
-----------------------------------------*/

.wissenswertes h2,
.fundsachen h2 {
    margin-bottom: 2rem;
}

.wissenswertes-item {
    margin: 5px 0;
}

.wissenswertes-item img {
    float: left;
    margin-right: 1.88rem;
    width: 4.625rem;
}

.wissenswertes-item p {
    overflow: hidden;
    padding-top: 5px;
}


/*---------------------------------------
   end WISSENSWERTES SECTION
-----------------------------------------*/


/*---------------------------------------
   FUNDSACHEN SECTION
-----------------------------------------*/

.fundsachen-item {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    text-align: center;
}

.fundsachen-item img {
    margin-bottom: 15px;
}


/*---------------------------------------
   end FUNDSACHEN SECTION
-----------------------------------------*/


/*---------------------------------------
   SOCIAL ICONS
-----------------------------------------*/

.social-icons a {
    -webkit-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
    width: 32px;
    height: 32px;
}

.vertical-social-icons {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    display: block;
    margin-bottom: 3px;
    position: absolute;
    top: 145px;
    left: -33px;
}

.vertical-social-icons a {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    display: block;
    margin-bottom: 3px;
}

.social-navbar,
.social-navbar .navbar-collapse,
.social-navbar .navbar-form {
    background: transparent;
    border: 0 none;
}

.social-navbar {
    width: 175px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 19px;
}

.social-navbar .navbar-collapse {
    padding: 0;
}

.header-social-icons a {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    margin-right: 3px;
}

.icon-facebook {
    background: #245194 url("images/icon-facebook.png") no-repeat center !important;
}

.icon-twitter {
    background: #57b5cc url("images/icon-twitter.png") no-repeat center !important;
}

.icon-whatsapp {
    background: #4f9b29 url("images/icon-whatsapp.png") no-repeat center !important;
}

.icon-link {
    background: #288f9e url("images/icon-link.png") no-repeat center !important;
}

.icon-email {
    background: #9ac31b url("images/icon-email.png") no-repeat center !important;
}


/*---------------------------------------
   end SOCIAL ICONS
-----------------------------------------*/


/*---------------------------------------
   TRACHTEN-GUIDE
-----------------------------------------*/

#tg-dirndl .chapter-nav,
#tg-lederhose .chapter-nav ul {
    margin-bottom: 3rem;
}

.trachten-guide .hero {
    background-image: url("images/tg-hero-bg.png");
}

.lederhosen-ratgeber .hero,
.dirndlblusen-ratgeber .hero,
.oktoberfest-ratgeber .hero {
    background-image: url("images/tg-hero-bg2.jpg");
}

.trachten-guide .dashed-container .row {
    border-color: #84a322;
}

.trachten-guide .chapter-header-bar,
.trachten-guide .heading-bg,
.trachten-guide .subheading-bg {
    background-image: url("images/tg-heading-bg.png");
}

.trachtenhochzeit .chapter-header-bar,
.trachtenhochzeit .heading-bg,
.trachtenhochzeit .subheading-bg {
    background-image: url("images/trachtenhochzeit-heading-bg.png");
}

.wuerttembergische-tracht .chapter-header-bar,
.wuerttembergische-tracht .heading-bg,
.wuerttembergische-tracht .subheading-bg {
    background-image: url("images/wuerttembergische_tracht-heading-bg.png");
}

.miesbacher-tracht .chapter-header-bar,
.miesbacher-tracht .heading-bg,
.miesbacher-tracht .subheading-bg {
    background-image: url("images/miesbacher-tracht-heading-bg.png");
}

.dirndlstoffe .chapter-header-bar,
.dirndlstoffe .heading-bg,
.dirndlstoffe .subheading-bg {
    background-image: url("images/dirndlstoffe-heading-bg.png");
}

.bayerische-kleidung .chapter-header-bar,
.bayerische-kleidung .heading-bg,
.bayerische-kleidung .subheading-bg {
    background-image: url("images/bayerische-heading-bg.png");
}

.trachtenkleidung .chapter-header-bar,
.trachtenkleidung .heading-bg,
.trachtenkleidung .subheading-bg {
    background-image: url("images/trachtenkleidung-heading-bg.png");
}

.bauernhochzeit .chapter-header-bar,
.bauernhochzeit .heading-bg,
.bauernhochzeit .subheading-bg {
    background-image: url("images/bauernhochzeit-heading-bg.png");
}

.schnittmuster_dirndl .chapter-header-bar,
.schnittmuster_dirndl .heading-bg,
.schnittmuster_dirndl .subheading-bg {
    background-image: url("images/schnittmuster-heading-bg.png");
}

.tegernseer_tracht .chapter-header-bar,
.tegernseer_tracht .heading-bg,
.tegernseer_tracht .subheading-bg {
    background-image: url("images/tegernseer_trachten_heading_bg.png");
}

.nuernberg_trachten .chapter-header-bar,
.nuernberg_trachten .heading-bg,
.nuernberg_trachten .subheading-bg {
    background-image: url("images/nuernberg_trachten_heading_bg.png");
}

.trachten-guide .chapter-nav li .chapter-icon-on {
    display: none;
}

.trachten-guide .chapter-nav li.active .chapter-icon-on {
    display: block;
}

.trachten-guide .chapter-nav li.active .chapter-icon-off {
    display: none;
}

.trachten-guide .chapter-nav li:nth-child(2) .chapter-item img {
    top: 6px;
}

.trachten-guide .chapter-nav li:nth-child(3) .chapter-item img {
    top: -11px;
}

.trachten-guide .chapter-header:before {
    border-left-color: #7fa01a;
}

.trachten-guide .chapter-header:after {
    border-right-color: #7fa01a;
}

.trachten-guide #dirndl .chapter-heading {
    margin-left: -21px;
}

.trachten-guide #dirndl .dashed-container .row {
    padding-top: 0.7rem;
}

.trachten-guide .outfit-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.trachten-guide .outfit-icon-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.trachten-guide#tg-dirndl .outfit-icon-row {
    padding: 19px 0;
}

.trachten-guide#tg-lederhose .outfit-icon-row {
    padding: 26px 0;
}

.trachten-guide .outfit-icon {
    background: #f5f9e8;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    margin: auto;
    padding: 3px;
    cursor: pointer;
}

.trachten-guide .outfit-icon:hover,
.trachten-guide .outfit-icon.active {
    background: #cce18d;
}

.trachten-guide .outfit-icon img {
    border: 1.3px dashed #768e2c;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    padding: 10px;
    width: 8.125rem;
}

.tail-heading .heading-bg h3 {
    margin-top: 10px;
    border: 1px dashed #90ac38;
    border-left: 0 none;
    color: #fff;
    display: block;
    font-style: normal;
    margin: 0;
    padding: 5px 0;
    padding-left: 42px;
}

.trachten-guide .chapter h2 {
    margin: 3.5rem 0 2.5rem;
}

.trachten-guide .outfit-info-box,
.video-gallery .video-info-box {
    background: #f5f9e8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    padding: 5px;
}

.trachten-guide .outfit-info-box {
    margin-right: 15px;
    position: relative;
}

.trachten-guide .outfit-info {
    display: none;
}

.trachten-guide .outfit-info p {
    padding-left: 20px;
    line-height: normal;
}

.trachten-guide .outfit-info-box.tail-heading .heading-bg:after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 0 none;
    border-left: 12px solid #f5f9e8;
    position: absolute;
    right: inherit;
    left: 0px;
    top: 0;
}

.trachten-guide .outfit-info-box.tail-heading .heading-bg {
    margin: 0 -2px 30px 0;
}

.trachten-guide .outfit-info-box.tail-heading .heading-bg h3 {
    padding-left: 0;
}

.trachten-guide .outfit-info-border,
.video-gallery .video-info-border {
    border: 1.3px dashed #768e2c;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 0 10px 20px;
    overflow: hidden;
    height: 100%;
}

.trachten-guide .outfit-info-box p {
    padding-right: 20px;
}

.trachten-guide .outfit-info-box .button {
    margin-top: 10px;
    font-size: 20px;
    width: 75%;
    margin: auto;
}

.trachten-guide .outfit-info-box .button .fa {
    font-size: 15px;
}

.trachten-guide .outfit-info-arrow {
    position: absolute;
    left: -23px;
    top: 13%;
}

.trachten-guide .dirndl-schleife-info {
    margin-top: 3rem;
}

.dashed-container .row.row-no-padding,
.dashed-container .dashed-border.row-no-padding {
    padding-right: 0;
    padding-left: 0;
}

.trachten-guide .lederhosen-damen .dashed-container .row {
    padding-bottom: 0;
}

.row-no-padding .tail-heading .heading-bg {
    margin-left: -17px;
}

.trachten-guide .numbered-row,
.trachten-guide .numbered-row-alt {
    position: relative;
    height: auto;
    line-height: normal;
}

.trachten-guide .numbered-row,
.trachten-guide .numbered-row-alt .alt-row-container {
    overflow: hidden;
    padding: 25px 25px 25px 40px;
}

.trachten-guide .numbered-row {
    margin-left: -2px;
}

.trachten-guide .numbered-row-alt {
    padding-right: 2px;
    margin-right: -2px;
}

.trachten-guide .numbered-row-alt .alt-row-container {
    background: #f2f2f2;
}

.trachten-guide .subheading-bg.numbered-item,
.trachten-guide .subheading-bg.numbered-item-right {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 36px;
    z-index: 9;
}

.trachten-guide .subheading-bg.numbered-item {
    left: 0;
}

.trachten-guide .subheading-bg.numbered-item-right {
    right: 0;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    display: inline-block;
    padding: 2px 0 2px 2px;
}

.trachten-guide .subheading-bg.numbered-item-right em {
    border-left: 1px dashed #90ac38;
    border-right: 0 none;
    text-align: left;
}

.trachten-guide .subheading-bg.numbered-item em,
.trachten-guide .subheading-bg.numbered-item-right em {
    padding: 4px 13px 2px;
}

.trachten-guide .lederhosen-damen .two-columns {
    padding: 12px 24px 24px;
}

.iframe-container,
.mute-video-container {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.iframe-container iframe,
.mute-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-gallery .video-info-box {
    overflow: hidden;
    height: 253px;
}

.video-gallery .video-info-box .heading-bg {
    display: inline-block;
    min-width: 58.33333333%;
}

.video-gallery .video-info-box .heading-bg h3 {
    padding-right: 30px;
}

.video-gallery .iframe-container,
.video-gallery .iframe-container iframe,
.video-gallery .video-info-box {
    display: none;
}

.video-gallery .iframe-container iframe.active,
.video-gallery .video-info-box.active {
    display: block;
}

.video-gallery .video-thumbs {
    text-align: center;
}

.video-gallery .video-thumbs img {
    margin: 20px 10px;
    cursor: pointer;
}

.video-gallery .video-thumbs img:hover {
    opacity: 0.8;
}

.video-gallery .video-info-border {
    padding-top: 0;
}

.video-gallery .video-links li {
    padding-bottom: 15px;
}

.video-gallery .video-links a,
.video-gallery .video-links a:hover .fa {
    color: #555;
}

.video-gallery .video-links a:hover {
    color: #94c11f;
}

.video-gallery .video-links a .fa {
    font-size: 30px;
    margin-right: 13px;
    width: 30px;
    text-align: center;
    position: relative;
    top: 4px;
}

.oktoberfest-ratgeber .video-links {
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
    padding: 21px 0;
}

.oktoberfest-ratgeber .video-links:after {
    clear: both;
    content: '';
    display: block;
}

.oktoberfest-ratgeber .video-links li {
    float: left;
    width: 33.33%;
}

.oktoberfest-ratgeber .video-links li:nth-child(2) {
    text-align: center;
}

.oktoberfest-ratgeber .video-links li:nth-child(3) {
    text-align: right;
}

.oktoberfest-ratgeber .video-links a {
    color: #555555;
}

.oktoberfest-ratgeber .video-links a i {
    color: #9e7cb1;
}


/*---------------------------------------
   end TRACHTEN-GUIDE
-----------------------------------------*/


/*---------------------------------------
   WEITERE VOLKSFESTE
-----------------------------------------*/

#volksfeste .hero {
    background-image: url("images/vf-hero-bg.png");
}

#volksfeste .hero h1 {
    color: #d8974d;
}

#volksfeste .dashed-container .row {
    border-color: #ee8e4d;
}

#volksfeste .chapter-header-bar,
#volksfeste .heading-bg,
#volksfeste .subheading-bg {
    background-image: url("images/vf-heading-bg.png");
}

#volksfeste h2 {
    margin-top: 3.5rem;
}

.vf-map {
    height: 41.375rem;
}

.vf-map-container {
    position: absolute;
    height: 41.375rem;
    width: 30.5625rem;
    margin: auto;
    left: 0;
    right: 0;
}

.vf-map-container>img {
    height: 41.375rem;
    width: 30.5625rem;
}

.vf-map span {
    color: #986900;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 1;
    text-align: center;
    position: absolute;
    font-size: 0.9375rem;
}

.vf-map span.active,
.vf-map span:hover {
    color: #ef8f4e;
    cursor: pointer;
}

.vf-map .fa-map-marker {
    display: block;
    font-size: 2.375rem;
}

.vf-map .berlin {
    top: 27%;
    left: 77%;
}

.vf-map .deggendorf {
    top: 78%;
    left: 75%;
}

.vf-map .dresden {
    top: 42%;
    left: 82%;
}

.vf-map .frankfurt {
    top: 58%;
    left: 22%;
}

.vf-map .hamburg {
    top: 14%;
    left: 39%;
}

.vf-map .hannover {
    top: 30%;
    left: 35%;
}

.vf-map .karlsruhe {
    top: 73%;
    left: 18%;
}

.vf-map .kassel {
    top: 43%;
    left: 34%;
}

.vf-map .koln {
    top: 47%;
    left: 7%;
}

.vf-map .konstanz {
    top: 89%;
    left: 26%;
}

.vf-map .munchen {
    top: 84%;
    left: 57%;
}

.vf-map .nurnberg {
    top: 58%;
    left: 54%;
}

.vf-map .regensburg {
    top: 66.7%;
    left: 58%;
}

.vf-map .siegen {
    top: 47.5%;
    left: 20%;
}

.vf-map .stuttgart {
    top: 76%;
    left: 29%;
}

.vf-map .straubing {
    top: 75%;
    left: 68%;
}

.vf-cities {
    padding-top: 34px;
}

.vf-cities .two-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

.vf-cities .heading-bg {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 3px;
    position: relative;
}

.vf-cities .heading-bg:before {
    content: '';
    background-image: url("images/vf-title-accent.png");
    height: 39px;
    width: 83px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -34px;
    z-index: 9;
}

.vf-cities .heading-bg:after {
    content: '';
    background-image: url("images/vf-volksfeste-icon.png");
    height: 30px;
    width: 29px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -22px;
    z-index: 9;
}

.vf-cities-list {
    position: relative;
}

.vf-cities-list:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
}

.vf-cities span {
    cursor: pointer;
    display: block;
    border-top: 1px solid #ddd;
    font-family: 'BraAC';
    font-weight: 500;
    padding: 20px 10px;
}

.vf-cities span:hover {
    background-image: url("images/vf-heading-bg.png");
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-top-color: #fff;
    color: #fff;
    position: relative;
    z-index: 9;
}

#volksfeste .overview .two-columns {
    padding-right: 25px;
}

section.vf-list {
    padding-bottom: 20px;
}

.vf-list-city .heading-bg {
    display: inline-block;
    margin-left: -11px;
}

.vf-list-city .heading-bg:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #bc682f;
    position: absolute;
    left: 4px;
    bottom: -11px;
    -webkit-transform: rotate(137deg);
    -ms-transform: rotate(137deg);
    transform: rotate(137deg);
}

.vf-list-city .heading-bg h3 {
    border-color: #d37d43;
    padding-right: 40px;
    padding-left: 20px;
}

.vf-list-city .heading-bg h3:before {
    content: '';
    background: url("images/vf-volksfeste-icon.png") no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
    -webkit-background-size: contain;
    background-size: contain;
    margin-right: 12px;
    position: relative;
    top: 2px;
}

.vf-list-item {
    background: url("images/vf-light-bg.png");
    padding: 20px;
    margin-bottom: 20px;
}

.vf-list-item h4 {
    color: #ee7c2f;
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    margin: 5px 0 30px;
}

.vf-list-item div {
    margin-bottom: 10px;
}

.vf-list-item div span:first-child {
    width: 168px;
    display: inline-block;
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    float: left;
    position: relative;
    top: -4px;
}

.vf-list-item div span:last-child {
    display: inline-block;
    width: -webkit-calc(100% - 168px);
    width: calc(100% - 168px);
}

.vf-list-item div span:first-child:before {
    content: '';
    display: inline-block;
    margin-right: 15px;
    width: 19px;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    position: relative;
    top: 1px;
}

.vf-date span:first-child:before {
    background: url("images/vf-icon-date.png") no-repeat;
    display: inline-block;
    height: 18px;
}

.vf-location span:first-child:before {
    background: url("images/vf-icon-location.png") no-repeat;
    height: 18px;
}

.vf-hours span:first-child:before {
    background: url("images/vf-icon-clock.png") no-repeat;
    height: 19px;
}

.vf-fee span:first-child:before {
    background: url("images/vf-icon-ticket.png") no-repeat;
    height: 16px;
}

.vf-link span:first-child:before {
    background: url("images/vf-icon-more.png") no-repeat;
    height: 18px;
}

.vf-list-item div.vf-fee {
    margin-top: 35px;
}

.vf-list-item div.vf-link a {
    color: #555;
    text-decoration: underline;
}

#volksfeste .button.to-map {
    margin: 15px 0 20px 20px;
}


/*---------------------------------------
   end WEITERE VOLKSFESTE
-----------------------------------------*/


/*---------------------------------------
   RATGEBER
-----------------------------------------*/

#ratgeber .hero {
    background-image: url("https://www.alpenclassics.de/ratgeber/wp-content/themes/alpenclassics/images/ratgeber-hero-bg.png");
}

#ratgeber .hero-content {
    bottom: 2.25rem;
}

#ratgeber .hero h1 {
    color: #836196;
    font-size: 2.1rem;
    margin-bottom: 2rem;
}

#ratgeber .container.footer a {
    width: 31.33%;
    margin: auto 0.5%;
    text-align: center;
    font-weight: 500;
}

#ratgeber .dashed-container .row {
    border-color: #9d81ac;
    padding: 9px 9px 15px;
}

#ratgeber .excerpt-dash {
    display: none;
}

#ratgeber .post-details {
    color: #555;
    text-align: left;
}

#ratgeber .more-link {
    color: #94c11f;
    font-weight: 600;
    float: left;
    margin-top: 7px;
}

#ratgeber .more-link:hover {
    color: #75981a;
}

#ratgeber .more-link .fa {
    font-size: 12px;
    position: relative;
    top: 1px;
}

.category-list .top-story figure {
    position: relative;
}

.top-story figure a:before {
    content: '';
    display: block;
    width: 100%;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.55) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.55)));
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.55) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.55) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#59000000', GradientType=0);
    position: absolute;
    height: 50%;
    bottom: 0;
}

.top-story figure {
    background: #000;
}

.top-story:hover figure img {
    opacity: 0.65;
}


/*---------------------------------------
   end RATGEBER
-----------------------------------------*/


/*---------------------------------------
   RATGEBER ARTIKEL
-----------------------------------------*/

body.ratgeber-artikel {
    padding-top: 0;
    color: #333;
}

.ratgeber-artikel .section-container {
    background: #fff;
    -webkit-box-shadow: 0 0 15px #ddd;
    box-shadow: 0 0 15px #ddd;
    margin-top: 20px;
    padding-top: 10px;
}

.ratgeber-artikel main p {
    line-height: 1.7;
}

.ratgeber-artikel section .container {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ratgeber-artikel .container.dashed-container {
    padding: 0 10px 8px;
    margin-top: 0;
}

.ratgeber-artikel .dashed-container .dashed-border {
    border-color: #719500;
    border-top: 0 none;
    padding: 0 0 20px;
}

.ratgeber-artikel .dashed-container .row {
    border: 0 none;
    padding: 0 17px;
}

.ratgeber-artikel .scaled-row {
    width: 755px;
    margin: 0 auto;
    max-width: 100%;
}

#ratgeber-artikel2 .scaled-row {
    width: 89%;
}

.ratgeber-artikel .half-row {
    width: 570px;
    margin: 0 auto;
    max-width: 100%;
}

.ratgeber-artikel .article-heading {
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-size: 2.63rem;
    /* 42px */
    color: #333;
    margin: 55px 0 25px;
}

.ratgeber-artikel div[class*="col"] .article-heading {
    margin-top: 0;
}

.ratgeber-artikel .short-underlined-heading:after {
    content: '';
    display: block;
    width: 25px;
    height: 2px;
    background: #9ac31b;
    margin-top: 10px;
}

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

.article-hero .hero-img {
    padding: 0 10px;
    position: relative;
}

.article-hero img {
    width: 100%;
}

.article-hero h1 {
    font-size: 2.63rem;
    /* 42px */
    margin-bottom: 0;
}

.article-hero .hero-content {
    position: absolute;
    color: #fff;
    text-align: left;
    width: 360px;
    max-width: 100%;
}

#ratgeber-artikel1 .hero-content {
    right: 8%;
    left: auto;
    bottom: 18%;
}

#ratgeber-artikel2 .hero-content {
    left: 8%;
    right: auto;
    bottom: 10%;
}

.article-nav {
    background: #f1f1f1;
    padding: 10px 0;
    margin: 0 10px;
    position: relative;
    z-index: 100;
}

.lederhosen-ratgeber .article-nav,
.dirndlblusen-ratgeber .article-nav,
.oktoberfest-ratgeber .article-nav {
    padding: 16px 0;
    text-align: center;
}

.article-nav.affix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 999;
}

.article-nav ul {
    display: inline-block;
}

.article-nav li {
    float: left;
}

.lederhosen-ratgeber .article-nav li,
.dirndlblusen-ratgeber .article-nav li,
.oktoberfest-ratgeber .article-nav li {
    font-size: 16px;
}

.article-nav li:after {
    content: "|";
    display: inline-block;
    padding: 0 20px;
}

.lederhosen-ratgeber .article-nav li:after,
.dirndlblusen-ratgeber .article-nav li:after,
.oktoberfest-ratgeber .article-nav li:after {
    padding: 0 12px;
}

.article-nav li:last-of-type:after {
    content: none;
}

.article-nav a {
    color: #555;
}

.article-nav a:hover {
    color: #94c11f;
}

#ratgeber-artikel1 .a1-featured {
    margin-bottom: 30px;
}

#ratgeber-artikel1 .video-container {
    margin-bottom: 23px;
}

#ratgeber-artikel1 .video-links {
    text-align: center;
    margin: auto;
    max-width: 300px;
}

#ratgeber-artikel1 .video-links li {
    float: left;
    width: 33.33%;
}

#ratgeber-artikel1 .video-links i {
    color: #333;
    display: block;
    font-size: 24px;
    margin-bottom: 5px;
}

#ratgeber-artikel1 .video-links span {
    font-size: 14px;
    border-bottom: 1px solid #94c11f;
}

.slide-gallery-images>*,
.slide-gallery-text {
    display: none;
}

.slide-gallery-images>*.active,
.slide-gallery-text.active {
    display: block;
}

.slide-gallery-images {
    margin: 0 auto 20px;
}

.img-gallery .slide-gallery-images {
    width: 405px;
    max-width: 100%;
}

.oktoberfest-ratgeber .img-gallery .slide-gallery-images {
    width: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

.slide-gallery-nav {
    width: 405px;
    max-width: 100%;
    margin: 0 auto 40px;
    text-align: center;
    position: relative;
    z-index: 100;
}

.lederhosen-ratgeber .slide-gallery-nav,
.dirndlblusen-ratgeber .slide-gallery-nav,
.oktoberfest-ratgeber .slide-gallery-nav:not(.plain-nav) {
    width: 54px;
    height: 54px;
    line-height: 54px;
    background-color: #fff;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    margin-top: 15px;
    text-align: center;
}

.oktoberfest-ratgeber .slide-gallery-nav.plain-nav {
    width: auto;
}

.lederhosen-ratgeber .slide-gallery-nav .slide-gallery-count,
.dirndlblusen-ratgeber .slide-gallery-nav .slide-gallery-count,
.oktoberfest-ratgeber .slide-gallery-nav:not(.plain-nav) .slide-gallery-count {
    width: 100%;
}

.oktoberfest-ratgeber .slide-gallery-nav.plain-nav .slide-gallery-count {
    right: auto;
    left: 0;
}

#schritt-img {
    width: 272px;
    margin: 0 auto;
}

.styled-ordered {
    list-style: none;
    counter-reset: counter;
}

.styled-ordered li {
    margin-bottom: 40px;
    position: relative;
}

.styled-ordered li:before {
    background-image: url(images/styled_order_bg.png);
    content: counter(counter);
    counter-increment: counter;
    width: 32px;
    height: 36px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    display: block;
    position: absolute;
    left: -40px;
}

.insta-gallery .slide-gallery-nav {
    width: 100%;
}

.slide-gallery-arrows i {
    cursor: pointer;
    margin: 0 10px;
}

.lederhosen-ratgeber .slide-gallery-arrows i,
.dirndlblusen-ratgeber .slide-gallery-arrows i,
.oktoberfest-ratgeber .slide-gallery-arrows i {
    position: absolute;
    background-color: #f9bc18;
    height: 60px;
    width: 30px;
    border-bottom-left-radius: 60px;
    border-top-left-radius: 60px;
    left: -51px;
    color: #fff;
    top: 50%;
    margin-top: -30px;
}

.oktoberfest-ratgeber .slide-gallery-arrows i {
    background-color: #9e7cb1;
}

.lederhosen-ratgeber .slide-gallery-arrows i:before,
.dirndlblusen-ratgeber .slide-gallery-arrows i:before,
.oktoberfest-ratgeber .slide-gallery-arrows i:before {
    padding: 21px 12px;
    display: inline-block;
}

.lederhosen-ratgeber .slide-gallery-arrows i:nth-child(2),
.dirndlblusen-ratgeber .slide-gallery-arrows i:nth-child(2),
.oktoberfest-ratgeber .slide-gallery-arrows i:nth-child(2) {
    left: auto;
    right: -51px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 60px;
    border-top-right-radius: 60px;
}

.slide-gallery-arrows i:hover {
    color: #9ac31b;
}

.lederhosen-ratgeber .slide-gallery-arrows i:hover,
.dirndlblusen-ratgeber .slide-gallery-arrows i:hover,
.oktoberfest-ratgeber .slide-gallery-arrows i:hover {
    color: #fff;
}

.slide-gallery-count {
    position: absolute;
    right: 0;
    top: 0;
}

#wiesn-frisuren .slide-gallery-images {
    margin-top: 6.25rem;
    /* 100px*/
}

.oktoberfest-ratgeber #wiesn-frisuren .slide-gallery-images {
    margin-top: 0;
}

.ratgeber-artikel .alt-rows {
    margin-bottom: 5rem;
    /* 80px */
}

.ratgeber-artikel .alt-rows img {
    margin-bottom: 2rem;
}

.ratgeber-artikel .gallery-section .alt-rows {
    margin-bottom: 0;
}

.gallery-section.solidbg1 {
    background-color: #f0ece6;
    margin: 20px -28px -28px;
    padding: 30px 15px 20px;
}

.gallery-section.solidbg2 {
    background-color: #fff7e3;
    margin: 20px -28px -28px;
    padding: 30px 25px 20px;
    position: relative;
}

.gallery-section.solidbg3 {
    background-color: #efe5f5;
    margin: 20px -28px -28px;
    padding: 30px 25px 20px;
    position: relative;
}

.gallery-section.solidbg1 .slick-prev {
    background-color: #ad8752;
    height: 60px;
    width: 30px;
    border-bottom-left-radius: 60px;
    border-top-left-radius: 60px;
    left: -57px;
}

.gallery-section.solidbg1 .slick-prev:before {
    content: "\f104";
    font: normal normal normal 18px/1 FontAwesome;
}

.gallery-section.solidbg1 .slick-next {
    right: -57px;
    background-color: #ad8752;
    height: 60px;
    width: 30px;
    border-bottom-right-radius: 60px;
    border-top-right-radius: 60px;
}

.gallery-section.solidbg1 .slick-next:before {
    content: "\f105";
    font: normal normal normal 18px/1 FontAwesome;
}

@media (max-width: 768px) {
    .gallery-section .slick-prev,
    .gallery-section .slick-next {
        display: none !important;
    }
    .lederhosen-ratgeber .slide-gallery-arrows i,
    .dirndlblusen-ratgeber .slide-gallery-arrows i,
    .oktoberfest-ratgeber .slide-gallery-arrows i {
        top: 19%;
        left: -8px;
        margin-top: 0;
    }
    .lederhosen-ratgeber .slide-gallery-arrows i:nth-child(2),
    .dirndlblusen-ratgeber .slide-gallery-arrows i:nth-child(2),
    .oktoberfest-ratgeber .slide-gallery-arrows i:nth-child(2) {
        top: 19%;
        left: auto;
        right: -8px;
    }
    .lederhosen-ratgeber .slide-gallery-arrows i:before,
    .dirndlblusen-ratgeber .slide-gallery-arrows i:before,
    .oktoberfest-ratgeber .slide-gallery-arrows i:before {
        padding: 8px 0;
    }
    .styled-ordered li {
        padding-left: 30px;
    }
    .styled-ordered li:before {
        left: -15px;
    }
}

#haarfarbe {
    margin-bottom: 50px;
}

#haarfarbe .row.eq-height,
#accessoires .row.eq-height,
#dirndlbluse-passform .row.eq-height {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#dirndlbluse-passform .insta-gallery {
    margin-top: 4rem;
}

.lederhosen-ratgeber #dirndlbluse-passform .insta-gallery,
.dirndlblusen-ratgeber #dirndlbluse-passform .insta-gallery {
    margin-top: 0;
    width: 318px;
    margin-left: auto;
    margin-right: auto;
}

.oktoberfest-ratgeber .insta-gallery {
    margin-top: 0;
    width: 318px;
    margin-left: auto;
    margin-right: auto;
}

#haarfarbe>.article-headingg {
    margin: 10px auto 5.63rem;
    /* 90px */
    max-width: 90%;
}

#accessoires>.article-heading {
    margin: 5.63rem auto;
    /* 90px */
    max-width: 90%;
}

#dirndlbluse-passform .article-heading {
    margin: 5rem auto 3rem;
    max-width: 90%;
}

#dirndlblusen-farben>.article-heading {
    margin: 4rem auto 5.63rem;
}

#dirndl-dekollete .article-heading {
    max-width: 95%;
}

.insta-header {
    padding: 11px 10px 5px;
    border: 1px solid #ddd;
    -webkit-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    overflow: hidden;
}

.lederhosen-ratgeber .insta-header,
.dirndlblusen-ratgeber .insta-header,
.oktoberfest-ratgeber .insta-header {
    background-color: #fff;
}

.insta-profile-icon {
    float: left;
}

.insta-profile-icon img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.insta-profile-info {
    float: left;
    margin-left: 10px;
}

.insta-profile-info>span {
    display: block;
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.insta-name {
    color: #222;
}

.insta-follow {
    color: #2f95f0;
}

.insta-logo {
    float: right;
    color: #222;
    font-size: 36px;
}

.insta-img {
    border: 1px solid #ddd;
    border-top: 0 none;
}

.step-by-step-container .article-heading {
    margin: 70px 0 40px;
}

.step-by-step-nav {
    position: relative;
    width: 60.1875rem;
    height: 29.125rem;
    margin: auto;
}

.step-by-step-hotspots a {
    position: absolute;
    cursor: pointer;
    width: 3.75rem;
    height: 3.75rem;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.step-by-step-hotspots .step1 {
    top: 1%;
    left: 21%;
}

.step-by-step-hotspots .step1b {
    top: 23.3%;
    left: 51.1%;
}

.step-by-step-hotspots .step2 {
    top: 39.1%;
    left: 51.9%;
}

.step-by-step-hotspots .step3 {
    top: 45.6%;
    left: 18.5%;
}

.step-by-step-hotspots .step4 {
    top: 21.3%;
    left: 61.7%;
}

.step-by-step-hotspots .step5 {
    top: 70.8%;
    left: 82.9%;
}

.step-by-step-content .step-item {
    margin: 30px 0;
    line-height: 1.2 !important;
}

.step-by-step-content .step-item span {
    font-size: 31px;
    font-family: 'BraAC', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    display: block;
    float: left;
    margin-top: -6px;
    margin-right: 7px;
}

.step-by-step-content .step-item.active span {
    color: #9ac31b;
}

.step-by-step-content .step-item p {
    display: inline-block;
    width: 90%;
}

.ratgeber-artikel .button {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 15px;
    line-height: 1;
    margin-top: 30px;
    padding: 13px 40px 11px;
    text-transform: uppercase;
}

#flechtfrisuren .article-heading {
    margin: 6.25rem 0 40px;
}

.article-separator {
    background: #9ac31b;
    height: 1px;
    margin: 30px 15px 0;
}

.related-articles .article-heading {
    margin: 33px 0 43px;
}

.related-articles .related-article-heading {
    font-size: 20px;
    line-height: 1.3;
    margin: 20px 0 10px;
}

.related-articles .related-article p {
    font-size: 17px;
    line-height: 1.2;
}

.related-articles .more-link {
    display: block;
    margin-top: 10px;
}

.ratgeber-artikel .to-top {
    background: #c7c7c7;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    width: 60px;
    position: relative;
}

.ratgeber-artikel .to-top .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -2px;
}

.ratgeber-artikel #scrollTopDot {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    bottom: 80px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 15px;
    line-height: 32px;
    position: fixed;
    width: 32px;
    height: 32px;
    z-index: 10;
    background-color: #94c11f;
    text-align: center;
}

.ratgeber-artikel #scrollTopDot .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -2px;
    margin-left: 0;
}

.ratgeber-artikel .gallery-section {
    margin: 2rem auto !important;
}

.ratgeber-artikel .slick-carousel {
    width: 90%;
    margin: 0 auto;
}

.ratgeber-artikel .slick-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.ratgeber-artikel .slick-nav img {
    border: 1px solid #ddd;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
}

.ratgeber-artikel .slick-nav img:hover {
    -webkit-box-shadow: 0px 0px 24px #ccc;
    box-shadow: 0px 0px 24px #ccc;
}

.ratgeber-artikel .slick-prev {
    left: -5%;
}

.ratgeber-artikel .slick-next {
    right: -5%;
}

.ratgeber-artikel .slick-prev:before,
.ratgeber-artikel .slick-next:before {
    color: #c5c5c5;
    font-size: 1.88rem;
}

.ratgeber-artikel .slick-prev:hover:before,
.ratgeber-artikel .slick-prev:focus:before,
.ratgeber-artikel .slick-next:hover:before,
.ratgeber-artikel .slick-next:focus:before {
    color: #9ac31b !important;
}

.ratgeber-artikel .slick-next:before {
    content: '\f054';
    font-family: FontAwesome;
}

.ratgeber-artikel .slick-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}

.ratgeber-artikel .dirndlbluse-info .row {
    padding: 0;
}

.dirndlbluse-info-item {
    padding: 2.5rem 8% 1.25rem;
    margin: 0 auto;
}

.dirndlbluse-info-item:nth-child(even) {
    background: #f9f9f9;
}


/*---------------------------------------
   end RATGEBER ARTIKEL
-----------------------------------------*/


/*---------------------------------------
   MISC.
-----------------------------------------*/

.zigzag {
    position: relative;
    width: 100%;
}

.zigzag:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -11px;
    width: 100%;
    height: 11px;
}

.disable {
    pointer-events: none;
    cursor: default;
}


/*---------------------------------------
   end MISC.
-----------------------------------------*/


/*---------------------------------------
   RESPONSIVE
-----------------------------------------*/

@media (min-width: 1055px) {
    .hide-lg {
        display: none;
    }
    .chapter .about {
        padding: 0.5rem 2.5rem 1rem 1rem;
    }
    nav.main-navbar .dropdown .expand-submenu {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1054px) {
    .hide-md {
        display: none;
    }
    .anzapfen .col-xs-12 {
        width: 24%;
        float: left;
    }
    .anzapfen .col-xs-12.anstich,
    .anzapfen .col-xs-12.ozapft {
        width: 38%;
    }
}

@media (max-width: 1054px) {
    body {
        background: #fff;
        font-size: 15px;
        padding-bottom: 0;
    }
    section:not(.hero) .container {
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: 0;
    }
    .container {
        width: 100%;
    }
    .navbar-nav {
        margin-left: 0;
    }
    .main-navbar {
        position: static;
    }
    .navbar #navbar-collapse {
        background: #fff;
        border-top: 1px solid #ddd;
        width: 100%;
        position: absolute;
        right: 0;
        margin-top: 11px;
        z-index: 999;
    }
    nav.main-navbar .navbar-nav>li>a,
    nav.main-navbar .navbar-nav>li.active>a {
        padding-bottom: 15px;
        border: 0 none;
        display: inline-block;
    }
    .dropdown .expand-submenu.btn {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0 none;
        border-left: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
        -webkit-border-radius: 0;
        border-radius: 0;
        float: right;
        margin-right: 15px;
        margin-top: 8px;
    }
    .dropdown .expand-submenu.btn.collapsed {
        border-bottom: 0 none;
    }
    nav.main-navbar .navbar-nav>li {
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }
    nav.main-navbar .navbar-nav>li:first-child {
        border-bottom-color: #4693b9;
    }
    nav.main-navbar .navbar-nav>li:nth-child(2) {
        border-bottom-color: #94c11f;
    }
    nav.main-navbar .navbar-nav>li:nth-child(3) {
        border-bottom-color: #c99457;
    }
    nav.main-navbar .navbar-nav>li:nth-child(4) {
        border-bottom-color: #9e7cb1;
    }
    .chapter-header {
        width: 100%;
        left: 0;
    }
    h2,
    h3,
    .map-location h3,
    .k1-reservierung h3 {
        font-size: 19px;
    }
    .chapter h2 span,
    .map-location h4 {
        font-size: 17px;
    }
    .main-navbar {
        float: right;
    }
    .navbar .navbar-toggle {
        margin-right: 0;
    }
    .chapter-nav .chapter-bg,
    .chapter-item {
        max-width: 100%;
    }
    .chapter-item p:not(.chapter-item-img) {
        font-size: 18px;
        height: 39px;
    }
    .chapter-item p span {
        font-size: 13px;
    }
    section.chapter .wrapper-container .wrapper {
        padding-right: 0;
        padding-left: 0;
    }
    .chapter-header:after,
    .chapter-header:before {
        content: none;
    }
    .oktoberfest-guide:not(#oktoberfest-orientierung) .chapter-heading,
    .trachten-guide:not(#tg-dirndl) .chapter-heading {
        margin-top: 7.5rem;
    }
    .oktoberfest-guide:not(#oktoberfest-orientierung) section.specialties .dashed-container .row,
    .oktoberfest-guide:not(#oktoberfest-orientierung) section.dictionary .dashed-container .row {
        padding: 0 15px;
    }
    .slide-gallery-arrows i {
        font-size: 25px;
        padding: 10px;
    }
    .slide-gallery-count {
        font-size: 22px;
    }
    .lederhosen-ratgeber .article-nav,
    .dirndlblusen-ratgeber .article-nav,
    .oktoberfest-ratgeber .article-nav {
        padding: 16px;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .anzapfen .col-md-4 {
        width: 37.499999995%;
        padding: 0;
    }
    .anzapfen .row>div:last-child {
        padding-right: 15px;
    }
    .geschichte .col-md-4 {
        width: 37.499999995%;
    }
    .oktoberfest-guide:not(#oktoberfest-orientierung) .button.to-top,
    .trachten-guide:not(#tg-dirndl) .button.to-top {
        padding: 7px;
        width: 100%;
    }
    .trachten-guide .numbered-row,
    .trachten-guide .numbered-row-alt .alt-row-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 768px) {
    .row.k1-map.eq-height,
    .ratgeber-artikel .eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .map-location-container {
        margin-bottom: 0;
    }
    .map-location {
        height: 100%;
    }
    #oktoberfest-orientierung .button.to-top {
        padding-right: 10px;
        padding-left: 10px;
    }
    .col-md-1-5th {
        width: 20%;
    }
    .two-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
    .lederhosen-ratgeber header,
    .dirndlblusen-ratgeber header,
    .oktoberfest-ratgeber header {
        position: relative;
    }
    .ratgeber-artikel header {
        position: static;
    }
    .dashed-container .row,
    .dashed-container .dashed-border {
        padding: 0 25px 15px;
    }
    .trachten-guide .dashed-container .row {
        padding-bottom: 3rem;
    }
    .trachten-guide .outfit-icons,
    .trachten-guide .outfit-icons {
        margin-left: -25px;
    }
    .trachten-guide .outfit-info-box {
        margin-left: 10px;
    }
    .specialties .dashed-container .row {
        padding: 0 25px !important;
    }
    #oktoberfest-orientierung .overview .dashed-container .row,
    #tg-dirndl .overview .dashed-container .row,
    #volksfeste .overview .dashed-container .row {
        padding-top: 35px;
    }
    .overview .dashed-container .row,
    .chapter .dashed-container .row,
    .trachten-guide .lederhose .dashed-container .row {
        padding-right: 0;
    }
    .overview .about {
        width: 54%;
        margin-right: 4.333333%;
    }
    .trachten-guide .about {
        width: 50%;
        margin-right: 7.333333%;
    }
    .map-container {
        width: -webkit-calc(29.8125rem + 15px);
        width: calc(29.8125rem + 15px);
        padding-right: 0;
    }
    .k1-reservierung .col-xs-12 {
        width: 33.33%;
        float: left;
    }
    .k1-quizz-info {
        width: 57%;
        padding-left: 0;
    }
    .map-location-container {
        width: -webkit-calc(100% - 29.8125rem - 15px);
        width: calc(100% - 29.8125rem - 15px);
        float: right;
    }
    .map-location h4,
    .subheading-bg h4 {
        padding-left: 1rem;
    }
    .map-location p {
        margin-left: 1rem;
    }
    .k1-quizz-start {
        width: 48%;
        padding-right: 0;
    }
    .k1-reservierung div:nth-child(2) img,
    .anzapfen .row>div:nth-child(3) img,
    .mt-img {
        margin-top: 100px;
    }
    .lederhosen-ratgeber section:not(.hero):not(.vf-list),
    .dirndlblusen-ratgeber section:not(.hero):not(.vf-list),
    .oktoberfest-ratgeber section:not(.hero):not(.vf-list) {
        padding-top: 0;
        margin-top: 0;
    }
    body.ratgeber-artikel .section-container section {
        padding-top: 40px;
        margin-top: -40px;
    }
    h2+.two-columns,
    .justify-columns {
        padding: 20px 0;
    }
    .two-columns+.justify-columns {
        padding-top: 0;
        margin-top: -30px;
    }
    .specialties-slider {
        padding: 0 16.66666667%;
    }
    .anzapfen .anstich {
        padding: 0;
    }
    .calendar-days {
        height: 330px;
    }
    .day-info {
        height: 449px;
    }
    .geschichte .col-md-4+.col-md-3 img {
        margin-top: 60px;
    }
    .social-icons .icon-whatsapp {
        display: none;
    }
    .oktoberfest-guide:not(#oktoberfest-orientierung) .chapter-heading,
    .trachten-guide:not(#tg-dirndl) .chapter-heading {
        margin-right: 25px;
    }
    #ratgeber .category-list .top-story .post-details {
        position: absolute;
        left: 30px;
        bottom: 50px;
    }
    #ratgeber .category-list .top-story .post-details,
    #ratgeber .category-list .top-story h3 a {
        color: #fff;
    }
}

@media (max-width: 991px) {
    .faq .subheading-bg h4 {
        font-size: 16px;
    }
    .no-gos h3,
    .safety h3 {
        font-size: 16px;
    }
    h2+.two-columns,
    .justify-columns {
        padding-bottom: 0;
    }
    .trachten-guide .outfit-info-box .button {
        position: static;
    }
    .trachten-guide .outfit-box.eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .category-list .category-box h3 {
        font-size: 18px;
    }
    .step-by-step-nav {
        width: 710px;
        height: 344px;
    }
    .ratgeber-artikel .slick-nav img {
        width: 50px;
        height: 61px;
    }
    .gallery-section.solidbg1,
    .gallery-section.solidbg2,
    .gallery-section.solidbg3 {
        margin: 20px -40px 25px;
    }
    .resp-cl {
        position: relative;
        padding-bottom: 120px;
        margin-bottom: 25px;
    }
    .lederhosen-ratgeber .slider-thumbs-wrap,
    .dirndlblusen-ratgeber .slider-thumbs-wrap,
    .oktoberfest-ratgeber .slider-thumbs-wrap {
        float: none;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        left: 0;
    }
    .lederhosen-ratgeber .slider-thumbs-wrap .slider-thumbs,
    .dirndlblusen-ratgeber .slider-thumbs-wrap .slider-thumbs,
    .oktoberfest-ratgeber .slider-thumbs-wrap .slider-thumbs {
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .hide-sm {
        display: none;
    }
    .text-center-sm {
        text-align: center;
    }
    body {
        padding: 0;
    }
    header .container {
        padding-left: 10px;
        padding-right: 4px;
    }
    .logo {
        max-width: 43%;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .navbar {
        margin-left: 0;
    }
    .main-navbar {
        margin-top: 6px;
    }
    .social-navbar {
        position: static;
        width: auto;
        float: right;
        margin-top: 6px;
    }
    .navbar .navbar-toggle {
        margin-right: 0;
        margin-left: 4px;
    }
    .navbar #navbar-collapse {
        margin-top: 0;
    }
    a.header-button {
        margin-left: 0;
        margin-top: 14px;
        padding: 5.5px 15px;
    }
    .navbar #social-navbar-collapse {
        background: transparent;
        width: 100%;
        position: absolute;
        left: 0;
    }
    .social-navbar li {
        float: left;
    }
    .header-social-icons {
        float: right;
        margin: 0;
    }
    .hero h1 {
        font-size: 1.7rem;
    }
    .hero h1 span {
        font-size: 1.3rem;
    }
    #ratgeber .hero h1 {
        font-size: 1.1rem;
        margin: 0 auto 0.75rem;
    }
    .map-container {
        margin-bottom: 2rem;
    }
    .map-wrapper {
        left: 0;
        right: 0;
        margin: auto;
    }
    .calendar-content {
        padding-left: 10px;
    }
    .oktoberfest-guide:not(#oktoberfest-orientierung) .dashed-container,
    .trachten-guide .dashed-container {
        padding-right: 0;
        padding-left: 0;
    }
    .oktoberfest-guide:not(#oktoberfest-orientierung) .dashed-container .row,
    .trachten-guide .dashed-container .row {
        border-right: 0 none;
        border-left: 0 none;
        border-bottom: 0 none;
    }
    .oktoberfest-guide:not(#oktoberfest-orientierung) .dashed-container .row,
    .trachten-guide .dashed-container .row {
        padding: 0;
    }
    .trachten-guide #dirndl .dashed-container .row,
    .ratgeber-artikel .dashed-container .dashed-border {
        border: 0 none;
    }
    .oktoberfest-guide:not(#oktoberfest-orientierung) .specialties .dashed-container .row {
        padding: 0 15px;
    }
    .specialties-slider .next-slide {
        right: -10px;
    }
    .specialties-slider .prev-slide {
        left: -10px;
    }
    .anzapfen .anstich ul {
        margin-left: -15px;
    }
    .faq .subheading-bg {
        width: -webkit-calc(100% + 38px);
        width: calc(100% + 38px);
    }
    .faq .subheading-bg h4:before {
        font-size: 21px;
        margin-right: 10px;
        top: 2px;
    }
    .oktoberfest-guide:not(#oktoberfest-orientierung) section.dictionary .dashed-container .row,
    .ratgeber-artikel .container.dashed-container {
        padding: 0;
    }
    .dictionary .row div {
        padding-left: 0;
        padding-right: 0;
    }
    .dictionary .row .two-columns,
    .safety .row .two-columns {
        padding: 0 15px;
    }
    .dictionary table {
        margin-bottom: 0;
        width: 100%;
    }
    .dictionary .col-xs-12+.col-xs-12 table {
        margin-top: -1px;
    }
    .dictionary .col-xs-12+.col-xs-12 table .thead {
        display: none;
    }
    .dictionary .col-xs-12+.col-xs-12 table tr:nth-child(odd) td {
        background: transparent;
    }
    .dictionary .col-xs-12+.col-xs-12 table tr:nth-child(even) td {
        background: #f5f5f5;
    }
    .dictionary .thead th span {
        font-size: 16px;
    }
    .no-gos ul img {
        margin-top: 1.85rem;
    }
    .safety h3:before {
        margin-top: -5px;
    }
    .trachten-guide#tg-dirndl .outfit-icon-row,
    .trachten-guide#tg-lederhose .outfit-icon-row {
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .trachten-guide .outfit-icons {
        display: block;
        padding: 0;
        margin-bottom: 3rem;
    }
    .trachten-guide .outfit-info-arrow {
        left: 13%;
        top: -24px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .mb-img {
        margin-bottom: 2rem;
    }
    .video-gallery .video-info-box {
        height: auto;
    }
    .video-gallery .video-thumbs img {
        width: -webkit-calc(32.3333% - 20px);
        width: calc(32.3333% - 20px);
        max-width: 120px;
    }
    .dirndl-tragen img,
    .lederhosen-damen img,
    .lederhosen-faq img {
        margin-bottom: 2rem;
    }
    .trachten-guide .subheading-bg.numbered-item,
    .trachten-guide .subheading-bg.numbered-item-right {
        top: 2rem;
        bottom: inherit;
    }
    .trachten-guide .numbered-row,
    .trachten-guide .numbered-row-alt .alt-row-container {
        padding-right: 12px;
        padding-left: 12px;
    }
    .button.link-button {
        width: 100%;
    }
    .trachten-guide .outfit-box.eq-height {
        display: block;
    }
    .vf-cities {
        padding-top: 60px;
    }
    .vf-cities span {
        padding: 10px;
    }
    #volksfeste .button.to-map {
        margin: 0 auto;
        width: 162px;
        display: block;
    }
    .hero .gradient-overlay {
        padding-top: 1rem;
    }
    .ratgeber-artikel .section-container {
        margin-top: 0;
        padding-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .ratgeber-artikel .article-heading {
        margin-top: 30px;
    }
    #accessoires>.article-heading br {
        display: none;
    }
    .article-hero .hero-content {
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 90%;
    }
    .article-nav {
        padding: 0;
        margin: 0;
    }
    .article-nav ul {
        display: block;
        overflow: hidden;
    }
    .article-nav li {
        float: left;
        width: 49%;
        padding: 6px;
        background: #ececec;
        margin: 1px;
    }
    .article-nav li:after {
        content: none;
    }
    .ratgeber-artikel .row div[class*='col'] {
        padding-right: 0;
        padding-left: 0;
    }
    .step-by-step-nav {
        width: 500px;
        height: auto;
    }
    .step-by-step-hotspots a {
        width: 30px;
        height: 30px;
    }
    .step-by-step-content .step-item span {
        width: 25px;
    }
    .article-separator {
        margin-left: 0;
        margin-right: 0;
    }
    body.ratgeber-artikel .section-container section:not(.gallery-section) {
        padding-top: 96px;
        margin-top: -96px;
    }
    .ratgeber-artikel .gallery-section {
        margin-bottom: 6rem !important;
    }
    .ratgeber-artikel #dirndlbluse-passform {
        margin-bottom: 2rem;
        z-index: 99;
    }
    .ratgeber-artikel #dirndlblusen-farben h1 {
        margin-bottom: 4rem;
    }
    .ratgeber-artikel #dirndlblusen-farben img {
        margin-bottom: 3rem;
    }
    .lederhosen-ratgeber .article-nav,
    .dirndlblusen-ratgeber .article-nav,
    .oktoberfest-ratgeber .article-nav {
        padding: 0;
        margin: 0 0 20px;
    }
    .lederhosen-ratgeber section .container,
    .dirndlblusen-ratgeber section .container,
    .oktoberfest-ratgeber section .container {
        padding: 0 15px 0 15px;
    }
    .gallery-section.solidbg1,
    .gallery-section.solidbg2,
    .gallery-section.solidbg3 {
        margin: 20px -15px 25px;
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    .overview .about,
    .overview .chapter-nav,
    .chapter .about,
    .chapter .chapter-nav {
        width: 50%;
    }
    .trachten-guide#tg-lederhose .about img {
        display: block;
    }
    .trachten-guide#tg-lederhose .chapter-nav .mb-img {
        display: none;
    }
}

@media (max-width: 600px) {
    .logo {
        margin-top: 5px;
    }
    .hero-img {
        overflow: hidden;
    }
    body:not(#volksfeste):not(.lederhosen-ratgeber):not(.dirndlblusen-ratgeber):not(.oktoberfest-ratgeber) .hero-img img {
        width: 120%;
        max-width: 120%;
        margin-left: -10%;
    }
    body#ratgeber .hero-img img {
        width: 105%;
        max-width: 105%;
        margin-left: -2%;
    }
    .chapter-nav .chapter-bg {
        width: 100%;
    }
    .faq .subheading-bg h4 {
        font-size: 14px;
    }
    .video-gallery .video-info-box.tail-heading .heading-bg:after {
        content: none;
    }
    .step-by-step-nav {
        width: 380px;
    }
    .step-by-step-hotspots a {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 400px) {
    .logo {
        margin-top: 14px;
    }
    a.button,
    a.header-button {
        font-size: 15px;
    }
    a.header-button {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .hero-content,
    #ratgeber .hero-content {
        bottom: 1rem;
    }
    #oktoberfest-orientierung .section-container,
    #tg-dirndl .section-container,
    #volksfeste .section-container {
        margin-top: 20px;
    }
    .frisuren .tail-heading .heading-bg:after {
        content: none;
    }
    #ratgeber .hero a.button {
        font-size: 12px;
        font-weight: 600;
    }
    .step-by-step-nav {
        width: 296px;
    }
}

@media (max-width: 355px) {
    #ratgeber .hero-content {
        bottom: -0.2rem;
    }
    #ratgeber .hero h1 {
        margin-bottom: 0.4rem;
        max-width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .leather-pants .section-container {
        overflow: hidden;
    }
}

.leather-pants .slick-carousel {
    width: 100%;
}

.leather-pants .slick-carousel.w93 {
    width: 93%;
}

.leather-pants .article-heading {
    margin-bottom: 23px;
}

.leather-pants .article-heading:after {
    margin-top: 29px;
}

.leather-pants .container {
    max-width: 1010px;
}

.leather-pants .container.dashed-container {
    margin-top: 86px;
}

.leather-pants .hero-content {
    bottom: 16%;
}

.leather-pants .hero-content p {
    color: #fff !important;
}

.leather-pants .article-nav li:after {
    padding: 0 5px!important;
}

.leather-pants .article-nav li a {
    font-size: 16px!important;
    line-height: 18px!important;
}

.leather-pants .intro .row {
    margin-top: -98px;
    padding: 0 13px;
}

.leather-pants .intro .article-heading {
    margin: 55px 0 29px;
}

.leather-pants .gallery-section .item {
    float: left;
}

.leather-pants .gallery-section .slick-slide {
    height: auto;
}

.leather-pants .gallery-section .row {
    padding-left: 0;
    padding-right: 0;
}

.leather-pants .button {
    max-width: 300px;
    width: 100%;
}

.leather-pants .alt-rows img {
    margin-bottom: 13px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
}

.leather-pants .section-container section.mt0 {
    margin-top: 0 !important;
}

@media only screen and (max-width: 767px) {
    .leather-pants .col-md-4 {
        margin-bottom: 25px;
    }
    .leather-pants .row div[class*='col'] {
        padding-right: 15px;
        padding-left: 15px;
    }
    .leather-pants section:not(.gallery-section) {
        padding-top: 15px !important;
        margin-top: 0 !important;
    }
    .leather-pants .dashed-container .hosentrager .row div[class*='col'] {
        padding-left: 0;
        padding-right: 0;
    }
    .leather-pants .slick-carousel.w93 {
        width: 100%;
    }
    .leather-pants .intro .scaled-row {
        width: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .leather-pants .row-slider .slick-next {
        display: none !important;
    }
    .leather-pants .row-slider .slick-prev {
        display: none !important;
    }
}

.regard .article-heading {
    margin: 46px 0 55px;
    position: relative;
}

.regard .article-heading:after {
    content: '';
    display: block;
    width: 26px;
    height: 2px;
    background: #9ac31b;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 20px;
    margin-left: -13px;
}

.regard .row {
    margin-left: -15px;
    margin-right: -15px;
}

.regard .col-sm-6 {
    padding-left: 7px;
    padding-right: 7px;
}

@media only screen and (max-width: 767px) {
    .regard div[class*='col'] {
        padding-bottom: 20px;
    }
}

.pants-benefits {
    overflow: hidden;
}

.pants-benefits .item:nth-child(even) {
    background: #f9f9f9;
}

.pants-benefits .item__i {
    padding: 12px 70px;
}

.pants-benefits h3 {
    font-size: 30px;
    line-height: 34px;
    margin: 0 0 9px;
    color: #333;
    font-family: 'BraAC', sans-serif;
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .pants-benefits .item__i {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.mb80 {
    margin-bottom: 50px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb66 {
    margin-bottom: 66px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pl12 {
    padding-left: 12px !important;
}

.row-slider .slick-next {
    right: -42px;
    margin-top: -38px;
}

.row-slider .slick-prev {
    left: -42px;
    margin-top: -38px;
}

.row-slider .col-md-8>img {
    padding-left: 26px;
    margin-bottom: 46px;
}

.col-sm-8 .slick-nav img,
.col-sm-8 .slick-nav img {
    -webkit-border-radius: 22px;
    border-radius: 22px;
    border: none;
}

@media only screen and (max-width: 767px) {
    .col-sm-8 img,
    .col-sm-8 img {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: none;
    }
}

.img-slider .slick-next {
    right: 20px;
    z-index: 20;
}

.img-slider .slick-prev {
    left: 20px;
    z-index: 20;
}

.no-arrows .slick-prev,
.no-arrows .slick-next {
    display: none !important;
}

.lederhosen-ratgeber .no-arrows .slider-wrap,
.dirndlblusen-ratgeber .no-arrows .slider-wrap,
.oktoberfest-ratgeber .no-arrows .slider-wrap {
    width: 350px;
    float: left;
}

.hidden-main-arrows .slick-carousel>.slick-arrow {
    opacity: 0;
    visibility: hidden;
}

.hidden-main-arrows .slider-thumbs-wrap {
    margin-left: 26px;
}

.slider-thumbs-wrap {
    position: relative;
}

.lederhosen-ratgeber .slider-thumbs-wrap,
.dirndlblusen-ratgeber .slider-thumbs-wrap,
.oktoberfest-ratgeber .slider-thumbs-wrap {
    float: left;
    margin-right: 15px;
    width: 91px;
}

@media only screen and (max-width: 991px) {
    .lederhosen-ratgeber .no-arrows .slider-wrap,
    .dirndlblusen-ratgeber .no-arrows .slider-wrap,
    .oktoberfest-ratgeber .no-arrows .slider-wrap {
        float: none;
        margin: 0 auto;
    }
    .lederhosen-ratgeber .slider-thumbs-wrap,
    .dirndlblusen-ratgeber .slider-thumbs-wrap,
    .oktoberfest-ratgeber .slider-thumbs-wrap {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 400px) {
    .lederhosen-ratgeber .no-arrows .slider-wrap,
    .dirndlblusen-ratgeber .no-arrows .slider-wrap,
    .oktoberfest-ratgeber .no-arrows .slider-wrap {
        width: 300px;
    }
    .lederhosen-ratgeber #dirndlbluse-passform .insta-gallery,
    .dirndlblusen-ratgeber #dirndlbluse-passform .insta-gallery,
    .oktoberfest-ratgeber #dirndlbluse-passform .insta-gallery {
        width: 90%;
    }
    .oktoberfest-ratgeber .insta-gallery {
        width: 90%;
    }
}

.lederhosen-ratgeber .slick-slide,
.dirndlblusen-ratgeber .slick-slide,
.oktoberfest-ratgeber .slick-slide {
    height: auto;
}

.slider-thumbs-wrap .slick-prev {
    left: 15px;
    margin-top: -16px;
}

.slider-thumbs-wrap .slick-next {
    right: 15px;
    margin-top: -16px;
}

.slider-thumbs img {
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.lederhosen-ratgeber .slider-thumbs img,
.dirndlblusen-ratgeber .slider-thumbs img,
.oktoberfest-ratgeber .slider-thumbs img {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.slider-thumbs .slick-current img {
    border-color: #9ac31b;
}

.slider-thumbs .active img {
    border-color: #9ac31b;
}

.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-top: 6px;
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider-thumbs-wrap .item {
    padding-left: 15px;
    padding-right: 15px;
}

.lederhosen-ratgeber .slider-thumbs-wrap .item,
.dirndlblusen-ratgeber .slider-thumbs-wrap .item,
.oktoberfest-ratgeber .slider-thumbs-wrap .item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
    background-color: #fafafa;
}

@media (max-width: 991px) {
    .lederhosen-ratgeber .slider-thumbs-wrap .item,
    .dirndlblusen-ratgeber .slider-thumbs-wrap .item,
    .oktoberfest-ratgeber .slider-thumbs-wrap .item {
        float: left;
        margin: 0 5px;
    }
    .lederhosen-ratgeber .slick-slide img,
    .dirndlblusen-ratgeber .slick-slide img,
    .oktoberfest-ratgeber .slick-slide img {
        margin: 0 auto;
    }
}

.slick-nav.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slick-nav.center .item {
    padding: 0 15px;
}

.section-post {
    margin-top: 0 !important;
    padding-bottom: 64px;
}

.section-post a {
    text-decoration: underline;
}

.section-post a:hover {
    text-decoration: none;
}

.section-post img {
    padding-top: 6px;
    padding-bottom: 10px;
}

img#play_vid {
    margin-top: -37px;
    cursor: pointer;
}

.alpen_ac_icon:before {
    content: "\e902"
}

.alpen_ac_logo:before {
    content: "\e903"
}

.alpen_amex_neu2:before {
    content: "\e904"
}

.alpen_rechnung_nl:before {
    content: "\e905"
}

.alpen_amex:before {
    content: "\e907"
}

.alpen_rechnung_it:before {
    content: "\e908"
}

.alpen_blatt:before {
    content: "\e909"
}

.alpen_close:before {
    content: "\e90a"
}

.alpen_dhl:before {
    content: "\e90b"
}

.alpen_dhl_gogreen:before {
    content: "\e90c"
}

.alpen_dhl_gogreen:before {
    font-size: 90px;
    position: relative;
    top: 10px;
    margin-right: 4px
}

.alpen_diepost:before {
    content: "\e90d"
}

.alpen_dirndl:before {
    content: "\e90e"
}

.alpen_EC:before {
    content: "\e90f"
}

.alpen_email:before {
    content: "\e910"
}

.alpen_fest:before {
    content: "\e911"
}

.alpen_geld:before {
    content: "\e912"
}

.alpen_grossentab:before {
    content: "\e913"
}

.alpen_grossentab_2:before {
    content: "\e914"
}

.alpen_guide:before {
    content: "\e915"
}

.alpen_hacken_dick:before {
    content: "\e916"
}

.alpen_hacken_klein:before {
    content: "\e917"
}

.alpen_hacken_rund:before {
    content: "\e919"
}

.alpen_herz:before {
    content: "\e91a"
}

.alpen_herz_outline:before {
    content: "\e91b"
}

.alpen_home:before {
    content: "\e91c"
}

.alpen_welt:before {
    content: "\e91e"
}

.alpen_ideal:before {
    content: "\e91f"
}

.alpen_info_kreis:before {
    content: "\e920"
}

.alpen_konto:before {
    content: "\e921"
}

.alpen_konto_2:before {
    content: "\e922"
}

.alpen_mastercard:before {
    content: "\e923"
}

.alpen_menu_voll:before {
    content: "\e924"
}

.alpen_ort:before {
    content: "\e925"
}

.alpen_versand_schnell:before {
    content: "\e926"
}

.alpen_ruckversand:before {
    content: "\e927"
}

.alpen_stern:before {
    content: "\e928"
}

.alpen_stern_outline:before {
    content: "\e929"
}

.alpen_haus:before {
    content: "\e92a"
}

.alpen_lastwagen:before {
    content: "\e92b"
}

.alpen_paket:before {
    content: "\e92c"
}

.alpen_geschenk:before {
    content: "\e92d"
}

.alpen_rechnung:before {
    content: "\e92e"
}

.alpen_schloss:before {
    content: "\e92f"
}

.alpen_paket_2:before {
    content: "\e930"
}

.alpen_paypal:before {
    content: "\e931"
}

.alpen_plus:before {
    content: "\e932"
}

.alpen_postfinance:before {
    content: "\e933"
}

.alpen_prepayment:before {
    content: "\e935"
}

.alpen_ratgeber:before {
    content: "\e936"
}

.alpen_icons_shop_2017_rechnung:before {
    content: "\e937"
}

.alpen_safe:before {
    content: "\e938"
}

.alpen_sofort:before {
    content: "\e939"
}

.alpen_suche:before {
    content: "\e93a"
}

.alpen_telefon:before {
    content: "\e93b"
}

.alpen_trustedshops:before {
    content: "\e93c"
}

.alpen_twint:before {
    content: "\e93d"
}

.alpen_uhr:before {
    content: "\e93e"
}

.alpen_ups:before {
    content: "\e940"
}

.alpen_visa:before {
    content: "\e941"
}

.alpen_vorkasse:before {
    content: "\e942"
}

.alpen_warenkorb:before {
    content: "\e943"
}

.alpen_warenkorb_2:before {
    content: "\e944"
}

.alpen_lieferwagen:before {
    content: "\e900"
}

.alpen_facebook:before {
    content: "\e010"
}

.alpen_youtube_1:before {
    content: "\e025"
}

.alpen_twitter:before {
    content: "\e031"
}

.alpen_whatsapp:before {
    content: "\e032"
}

.alpen_pinterest:before {
    content: "\e036"
}

.alpen_instagram:before {
    content: "\e042"
}

.alpen_google-plus:before {
    content: "\e611"
}

.alpen_youtube:before {
    content: "\e906"
}

.alpen_login_voll:before {
    content: "\e918"
}

.alpen_menu_grade:before {
    content: "\e91d"
}

.alpen_gift:before {
    content: "\e934"
}

.alpen_info2:before {
    content: "\e93f"
}

.icon-icon_set_facebook:before {
    content: "\e612"
}

.icon-icon_set_twitter:before {
    content: "\e614"
}

.icon-icon_set_google-plus:before {
    content: "\e611"
}

.alpen_mastercard:before {
    font-size: 54px;
    top: -5px;
    left: -9px;
    position: relative
}

.alpen_amex:before {
    font-size: 62px;
    left: -9px;
    top: -1px;
    position: relative
}

.alpen_icons_shop_2017_rechnung:before,
.alpen_vorkasse:before {
    font-size: 76px;
    top: 3px;
    position: relative;
    margin-left: 4px
}

.column--social .column--content a {
    display: inline-block;
    height: 35px;
    width: 35px;
    color: #615444;
    font-size: 23px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 2px;
    text-align: center;
    line-height: 32px
}

.column--social .column--content a:hover i {
    color: #3a342c
}

.alpen_dhl_gogreen:before {
    font-size: 90px;
    position: relative;
    top: 10px;
    margin-right: 4px
}

.alpen_post_at,
.dpd {
    display: inline-block;
    width: 98px;
    height: 43px;
    background-image: url(../../themes/Frontend/Alpenclassics/frontend/_public/src/img/post_at.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-left: 30px
}

.dpd {
    background-image: url(../../themes/Frontend/Alpenclassics/frontend/_public/src/img/DPD_logo.svg);
    width: 82px;
    height: 48px
}

.column--shipping .alpen_post_at,
.column--shipping .dpd {
    margin-left: 0
}

.alpen_postfinance:before {
    font-size: 110px;
    position: relative;
    top: 20px;
    margin-right: 4px;
    line-height: 1px
}

.column--payment .alpen_postfinance:before {
    top: 8px
}

i.alpen_sofort:before {
    left: -4px;
    position: relative
}

.dashed-list {
    margin-bottom: 20px;
}

.dashed-list ul {
    margin-left: 20px;
}

.dashed-list li:before {
    content: '- ';
    margin-right: 6px;
    display: inline-block;
}

figure.figure img {
    display: block;
    margin-bottom: 15px;
}

figure.figure a.button {
    margin: 0 15px;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none !important;
}

figure.figure a.button i {
    margin-left: 8px;
}