/*
Theme Name: UT Responsive 2025
Author URI: http://www.urlaubstracker.de
Description: UT responsive theme 2024. Cloned from Sight theme.
Author: UT
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2010 WPSHOWER
*/
/*** Reset ***/
/* open-sans-300 - latin */

/* Poppins - Light */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('./font/poppins/Poppins-Light.ttf') format('truetype');
}

/* Poppins - Regular */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('./font/poppins/Poppins-Regular.ttf') format('truetype');
}

/* Poppins - Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('./font/poppins/Poppins-Italic.ttf') format('truetype');
}

/* Poppins - Medium */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('./font/poppins/Poppins-Medium.ttf') format('truetype');
}

/* Poppins - SemiBold */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('./font/poppins/Poppins-SemiBold.ttf') format('truetype');
}

/* Poppins - Bold */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('./font/poppins/Poppins-Bold.ttf') format('truetype');
}

/* Poppins - Bold Italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('./font/poppins/Poppins-BoldItalic.ttf') format('truetype');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
    text-align: left;
}


ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*** Main ***/
body {
    font: 62.5% "Poppins", Helvetica, Arial, sans-serif;
    color: #050745;
}


/* default */
/* WHITE bg - old design */
body {
    background-color: #FFFFFF;
}
.header-wrapper {
    background-color: #F7F7F7;
}


/* GREY bg */
body.home, body.grey-body-bg { /* for top menu */
    background-color: #F7F7F7;
}
body.home .header-wrapper, body.grey-body-bg .header-wrapper {
    background-color: #FFFFFF;
}



@media (min-width: 1280px) {
    body.white-body-bg .wrapper {
        border: 1px solid #B4B5C8;
        border-radius: 16px;
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 5px 20px;
        width: 1240px;
    }
    body.search .wrapper {
        border: none;
        border-radius: 16px;
        margin-top: 14px;
        margin-bottom: 24px;
        padding: 10px 0;
        width: 1280px;
    }
}


.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.wrapper { /*width:975px;*/
    clear: both;
    /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);*/
    margin: 0 auto;
    border-radius: 5px;
}

#container {
    padding: 15px 0 45px;
}

body.page-template-template-gutscheine-archive #container {
  padding: 0 0 45px;
}

/*** Width ***/
body {
    /*min-width: 1200px;*/
}

.header, .footer { // .nav-bar,
min-width: 1280px;
}

/*.header img {*/
/*    width: 1116px;*/
/*}*/

.header-content, #slideshow, .slideshow, .footer-content { // .nav-content,
width: 1280px;
    margin: 0 auto;
}

.slide, .wrapper {
    width: 1280px; /* + 2 x 20px padding */
    /*width: 1320px;*/
}

.wrapper {
    margin-bottom: 30px;
}


body.home .slide, body.home .wrapper {
    width: 100%;
    overflow-x: hidden; /* fix horizontal scrollbar */
}



/*** Header ***/

.header-container {
    width: 100%;
}

.header-wrapper {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
}
.header-wrapper {
    transition: box-shadow 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
}

.header-wrapper.is-scrolled {
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.25);
    /*border-bottom: 1px solid #B4B5C8;*/
}

/* Adjust sticky header position when WP admin bar is visible */
body.admin-bar .header-wrapper {
    top: 32px;
}

.header {
    max-width: 1280px;
    height: 72px;
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: space-between;

}

.header, .header-left, .header-logo {
    display: flex;
    align-items: center;
    height: 72px;
}

.header-left {
    flex-grow: 1;
    justify-content: flex-start;
}

.header-search {
    display: flex;
    width: 300px;
}

.header-logo {
    width: 165px;
}
.header-logo img {
    display: block;
    max-height: 48px;
    height: auto;
    width: auto;

}

.mobile-apps {
    float: right;
    padding: 40px 30px 0 0;
}

.mobile-apps p {
    color: #fff;
    font-size: 1.6em;
    margin-bottom: 10px;
}

.site-description {
    width: 290px;
    height: 111px;
    padding: 35px 30px 0;
    float: right;
    overflow: hidden;
}

.site-description .textwidget {
    font-size: 13px;
    color: #656363;
    line-height: 1.3;
}

.menu { /*width: 90px;*/
    float: right;
}

.menu ul { /*margin-top: 10px;*/
}

.menu li {
    font-size: 11px;
    float: left;
    text-transform: uppercase;
    margin: 0px 10px;
    text-align: right;
}

.menu a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.menu a:hover {
    text-decoration: underline;
}

/*.search {*/
/*    width: 260px;*/
/*    margin: 8px 0 0 0;*/
/*    float: right;*/
/*    padding-right: 4px;*/
/*}*/

/*.search fieldset {*/
/*    width: 260px;*/
/*    height: 32px;*/
/*    background: #fff;*/
/*    border-radius: 5px;*/
/*    border: 1px solid #D7D7D7;*/
/*}*/

/*.search input {*/
/*    width: 220px;*/
/*    border: none;*/
/*    background: none;*/
/*    padding: 8px;*/
/*    color: #000;*/
/*    font: 11px "Poppins", Helvetica, Arial, sans-serif; !*text-transform: uppercase;*!*/
/*    vertical-align: middle;*/
/*    font-weight: bold;*/
/*}*/

/*.search button {*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    background: url("images/search-black.png") 50% 50% no-repeat;*/
/*    cursor: pointer;*/
/*    border: none;*/
/*    vertical-align: middle;*/
/*}*/


/*** Slideshow ***/
.slideshow {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    margin-top: 20px;
    background-color: #fff;
    border-radius: 5px;
}


.slide {
    height: 300px; /*width: 975px;*/
    background: #FCC421 /*rgba(252, 196, 33, 0.5)*/;
}

.slide img {
    display: block;
    float: left;
    width: 1280px /*640px*/;
    height: 300px /*290px*/;
    position: relative;
    top: -20px;
    left: -30px;
    max-width: none;
}

.slide .post {
    padding: 20px 30px 0;
}

.slide .post-category {
    font-size: 11px;
    color: #d9d9d9;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.slide .post a {
    color: #000;
}

.slide .post .post-category a {
    text-decoration: none;
}

.slide .post .post-category a:hover {
    text-decoration: underline;
}

.slide .slider-box {
    position: absolute;
    right: 35px;
    top: 25px;
    background-color: rgba(252, 196, 33, 0.9);
    padding: 20px;
    width: 400px; /*min-height:150px; max-*/
    height: 240px;
    overflow: hidden;
    /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);*/
    border-radius: 5px;
}

.slide .post h2 {
    margin-bottom: 5px;
}

.slide .post h2, .slide .post h2 a {
    color: #050745;
    font-size: 24px;
    font-weight: normal;
    text-decoration: none;
}

.slide .post h2 a:hover {
    text-decoration: underline;
}

.slide .post .post-meta {
    font-size: 11px;
    color: #656363;
    margin-bottom: 5px;
}

.slide .post .post-meta span, .slide .post .post-meta a {
    color: #001BAB;
    text-decoration: none;
    font-style: normal;
}

.slide .post .post-meta a:hover {
    text-decoration: underline;
}

.slide .post .post-author {
    text-transform: uppercase;
}

.slide .post-content p {
    font-size: 13px;
    margin-bottom: 20px;
}

.slide .slide-action {
    text-align: right;
    position: absolute;
    bottom: 25px;
    right: 20px;
}

.slide .slide-action-button {
    background-color: #050745;;
    border: medium none;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
}

#larr, #rarr {
    display: block;
    width: 32px;
    height: 53px;
    position: absolute;
    top: 123px /*106px*/ !important;
    opacity: 0.2;
    z-index: 99 !important;
}

#larr {
    background: #050745 url("images/larr.png") 8px 50% no-repeat;
    left: 0 !important;
}

#rarr {
    background: #050745 url("images/rarr.png") 11px 50% no-repeat;
    right: 0 !important;
}

#larr:hover, #rarr:hover {
    opacity: 1;
}

/*** Content ***/
#content {
    width: 900px /*640px*/;
    float: left;
    padding: 10px 0 0 0;
}
#content.content-wide {
    /*width: calc(100% - 40px);*/
    width: 100%;
}

.tag .content-title {
    border-bottom: none;
}

.archive .content-title h2 {
    font-size: small;
    padding-top: 13px;
    font-weight: normal;
    text-transform: none;
}

.content-title {
    /*color: #050745;*/
    font-size: 18px;
    padding: 0 0 15px 10px /*30px*/;
    text-transform: uppercase;
    position: relative;
}

.content-title {
    color: #050745;
    font-size: 18px;
    padding: 0 0 15px 10px /*30px*/;
    text-transform: uppercase;
    position: relative;
}

.content-title h1 {
    font-style: normal;
    font-size: 12pt;
}

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

.content-title a:hover {
    text-decoration: underline;
}

.content-title span {
    color: #d9d9d9;
}

.content-title span a {
    color: #d9d9d9;
    text-decoration: none;
}

.content-title span a:hover {
    color: #000;
    text-decoration: none;
}

#mode {
    display: block;
    width: 37px;
    height: 14px;
    background: url("images/mode.png") 0 0 no-repeat;
    position: absolute;
    bottom: 14px;
    right: 0;
}

.flip {
    background-position: 0 100% !important;
}

.content-likes {
    float: right;
    margin-right: -20px;
}

.content-likes .like-twitter {
    float: left;
}

.content-likes .like-facebook {
    float: left;
    padding-left: 15px;
}

.content-likes .like-gplus {
    float: left;
    padding-left: 15px;
}

.list .post {
    padding: 10px 10px 0 10px;
}

.list .post .thumb img {
    float: left;
    margin: 0 30px 30px 0;
    width: 225px;
    height: 225px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 5px; /*width: 250px; height: 250px; border-radius: 15px;*/
}

.list .post a {
    color: #000;
}

.list .post .thumbImg {
    position: relative;
    text-align: center;
    width: 225px;
}

.list .post .post-category {
    font-size: 11px;
    color: #d9d9d9;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.list .post .post-category a {
    text-decoration: none;
}

.list .post .post-category a:hover {
    text-decoration: underline;
}

.list .post h2 {
    margin-bottom: 8px;
}

.list .post h2, .list .post h2 a {
    color: #050745;
    text-decoration: none;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;

}

.list .post h2 a:hover {
    text-decoration: underline;
}

.list .post .post-meta {
    font-size: 11px;
    color: #aaa9a9;
    margin-bottom: 5px;
}

.list .post .post-meta span, .list .post .post-meta a {
    color: #000;
    text-decoration: none;
    font-style: normal;
}

.list .post .post-meta a:hover {
    text-decoration: underline;
}

.deal-title {
    color: #fff;
    padding: 0px 6px;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0 5px;
    position: absolute;
    right: 0px;
}

.mobile-post-meta {
    float: left;
}
.mobile-post-meta .deal-title {
    float: left;
    position: relative;
    display: inline;
    border-radius: 5px;
    line-height: 28px;
    margin: 10px 0;
}
.mobile-item-date {
    float: right;
    margin-top: 14px;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: right;
    color: #001BAB;

}

.list .post .deal-title a {
    color: #fff;
    text-decoration: none;
}

#author-info {
    padding: 10px 15px 10px 15px;
    margin: 50px 0 0;
    display: block;
    background-color: #e8f7fd;
    height: 101px;
    border: 1px solid #aaa; /*border-bottom: 1px solid #050745; border-top:1px solid #050745;*/
}

.grid {
    padding: 12px 0 0 12px;
}

.grid .post {
    width: 154px;
    height: 154px;
    background-color: #f5f5f5;
    padding: 18px;
    float: left;
    margin: 19px 0 0 19px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.grid .post .post-category, .grid .post .post-content, .grid .post .post-meta em {
    display: none;
}

.grid .post h2, .grid .post .post-meta {
    display: block;
}

.grid .post .thumb {
    width: 190px;
    height: 190px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.grid .post .thumb img {
    width: 190px;
    height: 190px;
}

.grid .post h2, .grid .post h2 a {
    color: #050745;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
}

.grid .post h2 {
    margin-bottom: 5px;
}

.grid .post a {
    text-decoration: none;
}

.grid .post a:hover {
    text-decoration: underline;
}

.grid .post .post-meta {
    font-size: 10px;
    font-style: italic;
    color: #656363;
}

.grid .post .post-meta span, .grid .post .post-meta a {
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
}

.grid .post .post-meta .post-author {
    text-transform: uppercase;
}

.grid .post .comments_popup_link {
    position: absolute;
    bottom: 18px;
    right: 18px;
}

.grid .post .post-edit-link {
    position: absolute;
    bottom: 18px;
    left: 18px;
}

.rollover {
    opacity: 0;
    background: #ffea97;
    width: 154px;
    height: 154px;
    padding: 18px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.rollover-title {
    margin-bottom: 5px;
}

.rollover-title, .rollover-title a {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
}

.rollover-title a:hover {
    text-decoration: underline;
}

.rollover-content {
    color: #050745;
    font: 12px/1.5 "Poppins", Helvetica, Arial, sans-serif;
}

.rollover-meta {
    font-size: 10px;
    font-style: italic;
    color: #656363;
}

.rollover-meta span, .rollover-meta a {
    color: #000;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
}

.rollover-author {
    text-transform: uppercase;
}

.rollover-meta a:hover {
    text-decoration: underline;
}

.pagination {
    padding: 20px 0 0 30px;
    color: #aaa9a9;
    font-size: 12px;
    clear: both;
    position: relative;
}

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

.pagination a:hover {
    text-decoration: none;
    color: #2eaadc !important;
}

.pagination .nextpostslink {
    background-color: #050745;
    border: medium none;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    padding: 8px 20px 8px 20px;
    position: absolute;
    right: 0;
    top: 17px;
    line-height: 21px;
}

.pagination .previouspostslink {
    position: absolute;
    left: 30px;
    top: 17px;
    line-height: 21px;
    background-color: #050745;
    border: medium none;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    padding: 8px 20px 8px 20px;
}

/* #text-transform: uppercase; background: url("images/previouspostslink.png") 0 0 no-repeat; padding-left: 36px;} */
#pagination {
    padding: 20px 0 0 30px;
}

#pagination .nextpostslink {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 9px 0;
    text-align: center;
    font-size: 14px;
}

#pagination .nextpostslink:hover {
    background-color: #FFEA97;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#pagination .loading {
    background: url("images/loading.gif") 240px 9px no-repeat;
    color: #050745;
}

#pagination .loading:hover {
    background-color: transparent !important;
    cursor: default;
}

.entry {
    margin-bottom: 10px;
}

.entry .post { /*border-bottom: 1px solid #aaa;*/
    padding-bottom: 5px;
}


.entry .post-meta {
    padding: 15px 10px 15px 10px;
    font-size: 11px;
    color: #aaa9a9;
    position: relative;
}

.entry .post-meta h1 {
    color: #050745;
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 5px;
}

.entry .post-meta span, .entry .post-meta a {
    color: #000;
    text-decoration: none;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-style: normal;
}

.entry .post-meta a:hover {
    text-decoration: underline;
}

.entry .post-comms {
    position: absolute;
    right: 10px;
}

.entry .post-content {
    padding: 10px 10px 0 10px;
}

.entry .post-content a {
    color: #050745;
    font-weight: bold;
    text-decoration: none;
}

/** Voucher page btn uses this color, comes from ut-related posts, but for some reason it loaded in the wrong order */
.utrp-block a.utrp-button {
    color: #fff;
}

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

.entry .post-footer {
    padding: 0 10px;
    font-size: 14px;
}

.entry .post-footer a {
    color: #050745;
    text-decoration: none;
}

.entry .post-footer .posts-related a {
    color: #050745;
    text-decoration: none;
}

.entry .post-footer a:hover {
    text-decoration: underline;
}

.page .post-category {
    display: none;
}

.f, .t, .di, .su {
    width: 16px;
    height: 15px;
    position: absolute;
    bottom: 15px;
}

.f {
    right: 63px;
    background: url("images/social.png") 0 0 no-repeat;
}

.t {
    right: 42px;
    background: url("images/social.png") -16px 0 no-repeat;
}

.di {
    right: 21px;
    background: url("images/social.png") -32px 0 no-repeat;
}

.su {
    right: 0;
    background: url("images/social.png") -48px 0 no-repeat;
}

.f:hover {
    background-position: 0 -15px;
}

.t:hover {
    background-position: -16px -15px;
}

.di:hover {
    background-position: -32px -15px;
}

.su:hover {
    background-position: -48px -15px;
}

.post-content {
    margin-bottom: 18px;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5 {
    color: #050745;
    font-weight: normal;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    margin: 15px 0;
}

.post-content h1 {
    font-size: 30px;
    line-height: 35px;
}

.post-content h2 {
    font-size: 25px;
}

.post-content h3 {
    font-size: 16px;
}

.post-content h4 {
    font-size: 14px;
}

.post-content h5 {
    font-size: 13px;
}

.post-content {
    color: #050745B2;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.post-content p {
    margin: 10px 0;
}

.post-content-start {
    font-size: 13px;
}

.post-content ol {
    list-style: decimal;
    padding-left: 35px;
    margin: 15px 0;
}

.post-content ul {
    list-style: disc;
    padding-left: 35px;
    margin: 15px 0;
}

.post-content ul ul {
    margin: 10px 0;
}

.post-content li {
    color: #050745;
    font: 13px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    margin: 3px 0;
}

.post-content blockquote {
    padding: 15px 0 10px 65px;
    background: url("images/bq.png") 20px 0 no-repeat;
}

.post-content blockquote p {
    color: #8c8888;
    font: italic 16px "Poppins", Helvetica, Arial, sans-serif;
}

.post-content .search {
    float: none;
    margin-top: 15px;
    width: auto;
}

.post-content .search fieldset {
    width: 610px;
    height: 35px;
}

.post-content .search input {
    width: 570px;
    font-size: 16px;
    background-color: #eee;
}

.entry .post-tags {
    margin: 25px 0 0;
}

.entry .post-tags a {
    color: #050745;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    margin: 5px;
    display: inline-block;
    float: left;
    box-shadow: 0 0 14px rgba(31, 31, 30, .3);
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}

.entry .post-tags a:hover {
    text-decoration: none;
    background-color: #ddd;
}

/*.entry .posts-related {margin: 30px 0 20px; text-align: justify; padding: 0;}*/
/*.entry .posts-related ul {background: #eee;   padding: 10px; list-style: none; padding-left: 10px!*35px*!; margin: 0; font: 12px/1.5 "Poppins", Helvetica, Arial, sans-serif;}*/
/*.entry .posts-related li { margin-bottom:15px; }*/
.entry .posts-related h3, .entry .post-tags h3 {
    font-size: 1.2em;
    color: #050745;
    font-weight: 600;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    margin: 15px 0;
    padding: 0;
    text-transform: inherit;
}

.entry .posts-related li {
    margin-bottom: 5px;
}

.entry .posts-related a {
    text-decoration: none;
    font-weight: 600;
}

.post-navigation {
    width: 80%;
    margin: 25px auto 0;
    padding: 15px 30px 15px 30px;
    position: relative;
}

.post-navigation a {
    display: block;
    font-size: 1.0em;
    line-height: 1.6;
}

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

.post-navigation a em {
    display: block;
    color: #050745;
    font-size: 1.2em;
    font-weight: 600;
    font-style: normal;
}

.post-navigation a:hover span {
    text-decoration: underline;
}

.post-prev {
    width: calc(50% - 60px);
    min-height: 40px;
    padding-left: 40px;
    float: left;
    text-align: left;
    background: url(images/post_prev.png) 0 50% no-repeat;
}

.post-next {
    width: calc(50% - 60px);
    min-height: 40px;
    padding-right: 40px;
    float: right;
    text-align: right;
    background: url(images/post_next.png) 100% 50% no-repeat;
}

.line {
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    top: 0;
    right: 50%;
}

.offer-box {
    border: 2px solid #050745;
    margin: 35px 0;
    background-color: #e6eaf2;
    border-radius: 5px;
}

.offer-box h3 {
    background-color: #050745;
    margin: 0;
    padding: 8px 16px;
    color: #fff;
}

.offer-box h3 a {
    color: #fff !important;
    text-decoration: none !important;
}

.offer-box p {
    margin: 20px 10px;
}

.offer-box img {
    border-radius: 0;
}

.offer-box .offer-action {
    text-align: center;
}

.offer-box .offer-action a {
    color: #fff;
    background-color: #050745;
    padding: 8px 20px;
    display: inline-block;
    margin: 0 4px;
    border-radius: 5px;
}

.offer-box .offer-action a:hover {
    color: #2eaadc;
}

.hreview-aggregate {
    font: 12px/1.5 "Poppins", Helvetica, Arial, sans-serif
}

/*** Share-Bar ***/
.essb_links.essb_template_metro-retina {
    margin: 0em 0px !important;
}

.essb_links.essb_template_metro-retina li, .essb_links.essb_template_metro-retina ul {
    padding: 0 5px !important;
}

/*** .essb_links.essb_template_metro-retina .essb_force_hide li a, .essb_links.essb_template_metro-retina .essb_hide_name li a { 5px 30px 6px; } ***/
.essb_links.essb_template_metro-retina .essb_counter, .essb_links.essb_template_metro-retina .essb_totalcount {
    top: 0px !important;
    padding: 8px 5px !important;
}

/*** Images ***/
.post-content img {
    margin: 0 0 15px;
    height: auto;
    max-width: 610px;
    border-radius: 5px;
}

.post-content h6 {
    position: relative;
    left: -30px;
}

.post-content .attachment img {
    max-width: 610px;
}

.post-content .alignnone, .post-content img.alignnone {
    clear: both;
    display: block;
    margin-bottom: 15px;
}

.post-content .alignleft, .post-content img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-top: 4px;
}

.post-content .alignright, .post-content img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
}

.post-content .aligncenter, .post-content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-image figure.aligncenter {
  display: table !important;
}

.post-content img.alignleft, .post-content img.alignright, .post-content img.aligncenter {
    margin-top: 30px;
    margin-bottom: 35px;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.post-content .cc-content img.alignleft,
.post-content .cc-content img.alignright,
.post-content .cc-content img.aligncenter {
    box-shadow: none;
    margin-top: 30px;
    margin-left: 10px;
}

.post-content .wp-caption {
    line-height: 18px;
    margin-bottom: 5px;
    padding: 4px;
    text-align: right;
    max-width: 100%;
}

.post-content .wp-caption img {
    margin: 5px 5px 0;
    max-width: 100%;
}

.post-content .wp-caption p.wp-caption-text,
.tags_desc p.wp-caption-text {
    color: #050745B2;
    font-size: 12px;
    margin: 0px 5px 0;
    text-align: right;
}

.post-content .wp-smiley {
    margin: 0;
}

.post-content .gallery {
    margin: 0 auto 18px;
}

.post-content .gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 190px;
}

.post-content .gallery .gallery-item img {
    max-width: 190px;
    border: none !important;
    margin-bottom: 0;
}

.post-content .gallery .gallery-caption {
    color: #050745B2;
    font-size: 12px;
    margin: 0 0 12px;
}

.post-content .gallery dl {
    margin: 0;
}

.post-content .gallery br + br {
    display: none;
}

.post-content .attachment img {
    display: block;
    margin: 0 auto;
}

/*** Comments  ***/
.post-template-default .comments {
    padding: 0;
}

.content-wide .comments {
    padding: 0 10px;
}

.wp-block-yoast-faq-block {
  padding-bottom: 20px;
}
/* Change <h3> for overwritten Yoast FAG <strong> tags */
.post-content .wp-block-yoast-faq-block h3 {
    cursor: pointer;
    display: inline;
    font-weight: 700;
    font-size: inherit;
}
.schema-faq-section {
  position: relative;
}
.schema-faq-section.collapsed .faq-toggle-arrow {
  transform: rotate(180deg);
}
.schema-faq-section .faq-toggle-arrow {
  position: absolute;
  top: 12px;
  right: 19px;
  font-size: 26px;
  margin-left: auto;
}
.schema-faq-section.collapsed .faq-toggle-arrow {
  position: absolute;
  top: 24px;
  right: 14px;
}

.faq-checkmark {
  padding-left: 8px;
  color: green;
  font-size: 18px;
}

.comments h3 {
    font-size: 1.2em;
    color: #050745;
    font-weight: 600;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    margin: 15px 0;
    padding: 0;
    text-transform: inherit;
}

.comments a {
    color: #000;
}

.comments {
    margin: 25px 0 0;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.comment {
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, .1);

}

.comment table {
    width: 100%;
}

.comment td {
    vertical-align: top;
}

.comment-meta {
    position: relative;
    min-height: 70px;
    font-size: 14px;
    margin-right: 30px;
}

.avatar {
    display: block;
    margin-right: 10px;
}

.comment-author {
    color: #050745;
}

.comment-author span {
    color: #050745;
    font-weight: 600;
    font-size: 14px;
}

.comment-author a, .comment-author span {
    text-decoration: none;
}

.comment-author a:hover {
    text-decoration: underline;
}

.comment-author, .comment-date {
    white-space: nowrap;
}

.comment-reply-link {
    float: right;
    text-decoration: none;
    color: #050745;
}

.comment .reply a {
    color: #050745;
    padding-right: 20px;
    font-weight: 600;
}

.reply {
    margin-bottom: 25px;
}

.comment-reply-link:hover {
    text-decoration: underline;
}

.comment-text {
    padding-right: 20px;
}

.comment-text p {
    color: #050745;
    font: 14px "Poppins", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}

.children {
    margin-left: 80px;
}

.children .children {
    margin-left: 50px;
}

.nopassword {
    padding-left: 10px;
}

#respond p a {
    text-decoration: none;
}

#respond p a:hover {
    text-decoration: underline;
}

.comment-form {
    margin-top: 15px;
}

#commentform table {
    width: 100%;
    margin-bottom: 15px;
}

#commentform td {
    vertical-align: top;
    width: 33.33%;
}

#commentform td p {
    color: #050745;
    margin-bottom: 5px;
    font-weight: 600;
}

#commentform td p span {
    color: #aaa9a9;
    font-size: 0.7em;
    font-style: italic;
}

.commform-textarea {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

#comment {
    width: 100%;
    height: 120px;
    padding: 0;
    margin: 0;
    border: none;
    border-color: #fff;
    overflow: auto;
}

.commform-author div {
    margin-right: 15px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
}

.commform-email div {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
}

.commform-url p {
    margin-left: 15px !important;
}

.commform-url div {
    margin-left: 15px;
    border: 1px solid #050745;
    padding: 5px;
}

#author, #email, #url {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    font: 12px "Poppins", Helvetica, Arial, sans-serif;
    color: #333;
}

#submit {
    float: left;
    border: none;
    background: #050745;
    color: #fff;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 5px;
    font-weight: bold;
}

p#cancel-comment-reply {
    float: right;
    line-height: 28px;
    margin: 0;
}

.comment .column {
    padding: 10px;
}

.comment .c-left {
    width: 10%;
    float: left;
    display: inline-table;
}

.comment .c-right {
    width: 100%;
}

.comment .middle {
    width: 12%;
}

/* Clear floats after the columns */
.comment .row:after {
    content: "";
    display: table;
    clear: both;

}


/*** Sidebar ***/
.sidebar {
    width: 300px /*275px*/;
    padding: 18px 20px 0 0;
    float: right;
}

.sidebar .widget {
    margin-bottom: 25px;
}

.sidebar .widget-small {
    width: 130px;
}

.sidebar .widget h3, .widget-small h3 {
    color: #050745;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    border: none;
    margin-bottom: 10px;
}


.sidebar .widget a, .sidebar .widget-small a {
    color: #050745;
    text-decoration: none;
}

.sidebar .widget a:hover, .sidebar .widget-small a:hover {
    text-decoration: underline;
}

.sidebar .widget p, .sidebar .textwidget {
    color: #050745;
    font: 13px/1.4em "Poppins", Helvetica, Arial, sans-serif;
}

.sidebar .widget p a, .sidebar .textwidget a {
    text-decoration: underline;
}

.sidebar .widget p a:hover, .sidebar .textwidget a:hover {
    text-decoration: none;
}

.sidebar .widget li, .sidebar .widget-small li {
    font-size: 13px;
    line-height: 1.4em;
    color: #050745;
    margin-bottom: 3px;
}

#recentcomments {
    list-style-type: circle;
    padding-left: 20px;
    color: #050745;
    font-size: 12px;
}

.widget_getconnected {
    margin-bottom: 20px;
}

.widget_getconnected .widget-body div {
    width: 50%;
    float: left;
    min-height: 40px;
    padding-bottom: 16px;
}

.widget_getconnected .widget-body div a {
    display: block;
    color: #24211f;
    font-size: 16px;
    padding-left: 25px;
}

.widget_getconnected .widget-body div span {
    color: #838383;
    font: 11px "Poppins", Helvetica, Arial, sans-serif;
    padding-left: 25px;
}

.getconnected_rss a {
    background: url("images/getconnected_rss.png") 0 2px no-repeat;
}

.getconnected_twitter a {
    background: url("images/getconnected_twitter.png") 0 2px no-repeat;
}

.getconnected_fb a {
    background: url("images/getconnected_fb.png") 0 2px no-repeat;
}

.getconnected_flickr a {
    background: url("images/getconnected_flickr.png") 0 2px no-repeat;
}

.getconnected_behance a {
    background: url("images/getconnected_behance.png") 0 2px no-repeat;
}

.getconnected_delicious a {
    background: url("images/getconnected_delicious.png") 0 2px no-repeat;
}

.getconnected_stumbleupon a {
    background: url("images/getconnected_stumbleupon.png") 0 2px no-repeat;
}

.getconnected_tumblr a {
    background: url("images/getconnected_tumblr.png") 0 2px no-repeat;
}

.getconnected_vimeo a {
    background: url("images/getconnected_vimeo.png") 0 2px no-repeat;
}

.getconnected_youtube a {
    background: url("images/getconnected_youtube.png") 0 2px no-repeat;
}

.rpthumb {
    display: block;
    padding-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px dotted #d9d9d9;
}

.rpthumb img {
    width: 50px;
    width: 50px;
    margin-right: 15px;
    float: left;
}

.rpthumb-title {
    display: block;
    font: 12px "Poppins", Helvetica, Arial, sans-serif;
    margin-bottom: 6px;
}

.rpthumb-date {
    display: block;
    font-size: 11px;
    color: #aaa9a9;
}

.rpthumb:hover {
    text-decoration: none !important;
}

.rpthumb:hover .rpthumb-title {
    text-decoration: underline;
}

.widget_tag_cloud a {
    margin: 0 2px;
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar caption {
    font-size: 13px;
    padding-bottom: 10px;
    text-align: left;
}

.widget_calendar th, .widget_calendar td {
    padding: 5px 0;
    font-size: 13px;
}

.widget_calendar tbody a {
    text-decoration: underline;
}

.widget_calendar tbody a:hover {
    text-decoration: none
}

.sponsors .widget-body {
    text-align: center;
}

.sponsors .widget-body img {
    margin-bottom: 20px;
}

.text-ident {
    margin: 0 5px;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.widget_wysija_cont {
    padding: 15px 10px;
    background-color: #ddd;
    font: 13px/1.5 "Poppins", Helvetica, Arial, sans-serif;
}

.widget_wysija_cont .wysija-p-email .wysija-email {
    background-color: #fff;
    border: 1px solid #888;
    font-weight: 400;
    margin: 10px 0;
    padding: 8px;
    width: 260px;
}

.widget_wysija_cont .wysija-submit {
    cursor: pointer;
    margin: 0 auto !important;
    background-color: #050745;
    background-image: url('images/nav/email.png');
    background-repeat: no-repeat;
    background-position: center left 20px;
    background-size: 16px 16px;
    border: none;
    color: #fff;
    font-weight: bold;
    padding: 8px 20px 8px 42px;
}

.widget_wysija_cont .wysija-submit:hover {
    color: #2eaadc;
    background-image: url('images/nav/email-active.png');
}

.widget_wysija_cont .formErrorContent {
    background: none repeat scroll 0 0 #050745 !important;
    border: none !important;
    font: 11px "Poppins", Helvetica, Arial, sans-serif !important;
    padding: 5px 10px !important;
    width: 200px;
    line-height: 1.5em !important;
}

.widget_wysija input[name="wysija[user][email]"] {
    color: #B1A9A9;
    text-align: center;
    vertical-align: middle;
    margin: 10px auto !important;
    padding: 6px 45px;
    font: 11px "Poppins", Helvetica, Arial, sans-serif;
    font-weight: 700;
    display: block;
    vertical-align: middle;
}

.social-media {
    text-align: left;
    margin-left: 5px;
}

.social-media a {
    text-decoration: none;
    margin: 0 4px /*11px*/;
}

.social-media a img {
    border: 0;
    width: 48px;
    height: 48px;
}

/*** Footer ***/
.footer {
    height: 40px; /*border-top: 1px solid #d9d9d9;*/
    padding: 20px /*30px*/ 0 0;
    background-color: #222;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.footer-content {
}

.footer p {
    font-size: 12px;
    color: #fff /*#737373*/;
}

.footer a {
    color: #fff /*#000*/;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

p.copyright {
    float: left;
    color: #fff /*333*/;
}

p.copyright span {
    color: #737373;
}

.credits {
    float: right;
}

.buttonAnfrage {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
    background: -moz-linear-gradient(center top, #ffc477 5%, #fb9e25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color: #ffc477;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    text-indent: 0;
    border: 1px solid #eeb44f;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 51px;
    line-height: 51px;
    width: 180px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cc9f52;
}

.buttonAnfrage:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
    background: -moz-linear-gradient(center top, #fb9e25 5%, #ffc477 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
    background-color: #fb9e25;
}

.buttonAnfrage:active {
    position: relative;
    top: 1px;
}

.buttonAnfrage a {
    color: #ffffff;
}

.buttonKreditkarte {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
    background: -moz-linear-gradient(center top, #ffc477 5%, #fb9e25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color: #ffc477;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    text-indent: 0;
    border: 1px solid #eeb44f;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 51px;
    line-height: 51px;
    width: 110px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cc9f52;
}

.buttonKreditkarte:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
    background: -moz-linear-gradient(center top, #fb9e25 5%, #ffc477 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
    background-color: #fb9e25;
}

.buttonKreditkarte:active {
    position: relative;
    top: 1px;
}

.buttonKreditkarte a {
    color: #ffffff;
}

.zumAnbieter {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    width: 200px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
}

.zumAnbieter:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}

.zumAnbieter:active {
    position: relative;
    top: 1px;
}

.zumAnbieter a {
    color: #ffffff;
}

.datagridAnbieter
table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.datagridAnbieter {
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    background: #fff;
    overflow: hidden;
}

.datagridAnbieter table td,
.datagridAnbieter table th {
    padding: 3px;
    min-width: 80px;
}

.datagridAnbieter table tbody tr:nth-child(odd) {
    background-color: #f5f5f5;
}

.datagridAnbieter table thead th {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
    background-color: #050745;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    border-left: 1px solid #fff;
    text-align: center;
    vertical-align: middle;
}

.datagridAnbieter table thead th:first-child {
    border: none
}

.datagridAnbieter table tbody td {
    color: #000;;
    border: none;
    font-size: 13px;
    font-weight: normal;
    word-break: normal;
}

.datagridAnbieter table tbody .alt
td {
    background: #E1EEF4;
    color: #00496B
}

.datagridAnbieter table tbody td:first-child {
    border-left: none
}

.datagridAnbieter table tbody tr:last-child
td {
    border-bottom: none
}

.datagridAnbieter table tfoot td
div {
    border-top: 1px solid #D8D8D8;
}

.datagridAnbieter table tfoot
td {
    padding: 0;
    font-size: 12px
}

.datagridAnbieter table tfoot td
div {
    padding: 2px;
    text-align: right
}

.datagridAnbieter
img {
    margin: 0px !important
}

.datagridAnbieter
tr {
    border-bottom: 1px solid #D8D8D8;
}

.datagridFotos table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.datagridFotos {
    font: normal 12px/150% "Poppins", Helvetica, Arial, sans-serif;
    background: #fff;
    overflow: hidden;
    border: 1px solid #006699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.datagridFotos table td, .datagridFotos table th {
    padding: 3px 10px;
}

.datagridFotos table thead th {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F));
    background: -moz-linear-gradient(center top, #006699 5%, #00557F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
    background-color: #006699;
    color: #FFFFFF;
    font-size: 14px !important;
    font-weight: bold;
    border-left: 1px solid #0070A8;
    text-align: center;
}

.datagridFotos table thead th:first-child {
    border: none;
}

.datagridFotos table tbody td {
    color: #00496B;
    border-left: 1px solid #E1EEF4;
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
}

.datagridFotos table tbody .alt td {
    background: #E1EEF4;
    color: #00496B;
}

.datagridFotos table tbody td:first-child {
    border-left: none;
}

.datagridFotos table tbody tr:last-child td {
    border-bottom: none;
}

.datagridFotos table tfoot td div {
    border-top: 1px solid #006699;
    background: #E1EEF4;
}

.datagridFotos table tfoot td {
    padding: 0;
    font-size: 12px
}

.datagridFotos table tfoot td div {
    padding: 2px;
    text-align: right;
}

.datagridFotos img {
    margin: 0px !important;
}

.datagridFotos tr {
    border-bottom: 1px solid #E1EEF4;
}

#tags {
    padding: 15px 10px 15px 10px;
    border-bottom: 1px solid #050745;
    position: relative;
}

#tags h2 {
    color: #050745;
    padding-bottom: 5px;
    font-size: 1.5em;
}

#tags p {
    font: 13px/1.5 "Poppins", Helvetica, Arial, sans-serif;
    padding-bottom: 10px;
    text-align: justify;
}

#tags a {
    color: #050745;
    text-decoration: none;
    font-weight: bold;
}

#tags .alignright, .post-content img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
    margin-bottom: 4px;
}

#cookie-law-info-bar {
    border-bottom-width: 2px;
}

#cookie-law-info-bar span {
    font-size: 8pt;
}

#cookie-law-info-bar a {
    font-size: 8pt;
}

#gewinnspiel {
    max-width: 810px !important;
}

#more-pics-offer {
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

#more-pics-offer img {
    float: none !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    margin-left: 15px !important;
    margin-right: 1px !important;
}

.megafriday h4 {
    font-size: 16px;
    margin-top: -18px;
}

.magazin-action {
    text-align: center !important;
}

.magazin-action a {
    color: #FFF !important;
    background-color: #050745;
    display: inline-block;
    margin: 0px 4px;
    padding: 8px 20px;
    font-weight: bold;
    border: none !important;
    /*width: 210px;*/
    border-radius: 8px;
    min-width: 100px;
}

.nextbreak {
    clear: both
}

.multicolumn {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    font-size: 14px;
    line-height: 1.7;
}

.content-wide {
    padding: 10px 20px 0 20px;
}

/*new*/
.content-wide .content-title {
    color: #050745;
    font-size: 18px;
    padding: 0 0 15px 10px;
    border-bottom: none;
    text-transform: uppercase;
    position: relative;
}

.content-wide .entry .post-meta h1 {
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 4em;
    font-weight: 600;
}

.content-wide .entry .post-meta {
    border-bottom: none;
}

.content-wide .entry .post-content {
    padding: 0px 10px 0 10px;
}

.content-wide .post-content p {
    line-height: 1.7;
}

.content-wide .entry h2 {
    text-transform: uppercase;
    font-size: 2.1em;
    font-weight: 600;
    text-align: center;
}

.content-wide .size-slide-wide {
    height: auto;
    width: 100%;
    max-width: 100% !important;
    margin-top: 0px;
    margin-bottom: 20px;
}

.break-border {
    width: 100%;
    background-image: linear-gradient(to right, #cccccc 80%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.rowit {
    display: grid; /* display: inline-grid;*/
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    grid-template-columns: 1fr 1fr 1fr; /* 3 x 1 fraction */
    grid-gap: 25px;
    margin: 25px 0 0 0;
}

.rowit img {
    display: block;
    margin-bottom: 15px;
    max-height: 233px;
    height: 233px;
    width: 350px;
}
.rowit .img-caption,
.rowit2 .img-caption {
    color: #888;
    font-size: 12px;
    margin: -13px 5px 0 0;
    text-align: right;
}
.rowit .wp-caption,
.rowit2 .wp-caption {
  width: 100% !important;
}
.rowit h3 {
    font-weight: 800;
    text-transform: uppercase;
    color: #050745;
    text-align: center;
    margin: 20px 0 20px 0;
    font-size: 22px;
}

.rowit p {
    overflow: hidden;
    /*max-height: 110px;*/
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 1.7;
}

.rowit .magazin-action {
    padding-top: 15px;
}

.rowit2 {
    display: grid; /* display: inline-grid;*/
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    grid-template-columns: 1fr 1fr; /* 3 x 1 fraction */
    grid-gap: 25px;
    margin: 25px 0 0 0;
}

.rowit2 img {
    display: block;
    margin-bottom: 15px;
    max-height: 252px;
    height: 252px;
    width: 379px;
}

.rowit2 h3 {
    font-weight: 800;
    text-transform: uppercase;
    color: #050745;
    text-align: center;
    margin: 20px 0 20px 0;
    font-size: 22px;
}

.rowit2 p {
    overflow: hidden;
    max-height: 110px;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 1.7;
}

.rowit2 .magazin-action {
    padding-top: 15px;
}

.rowit2 ul {
    margin: 0px;
}

/* change .rowit, .rowit2 to be an inline-block instead of grid for IE 11 */
*::-ms-backdrop, .rowit, .rowit2 {
    display: inline-block;
    width: 100%;
    margin: 0px -12.5px;
}

*::-ms-backdrop,
.rowit > div,
.rowit2 > div {
    float: left;
    padding: 0px 12.5px;
    box-sizing: border-box;
}

/* depending on how much children .rowit, .rowit2 have, let's set child width */
/* one item */
*::-ms-backdrop,
.rowit > div:first-child:nth-last-child(1),
.rowit2 > div:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
*::-ms-backdrop,
.rowit > div:first-child:nth-last-child(2),
.rowit2 > div:first-child:nth-last-child(2),
.rowit > div:first-child:nth-last-child(2) ~ div,
.rowit2 > div:first-child:nth-last-child(2) ~ div {
    width: 50%;
}

/* three items */
*::-ms-backdrop,
.rowit > div:first-child:nth-last-child(3),
.rowit2 > div:first-child:nth-last-child(3),
.rowit > div:first-child:nth-last-child(3) ~ div,
.rowit2 > div:first-child:nth-last-child(3) ~ div {
    width: 33.3333%;
}

@font-face {
    font-family: "Flaticon";
    src: url("./font/Flaticon.eot");
    src: url("./font/Flaticon.eot?#iefix") format("embedded-opentype"),
    url("./font/Flaticon.woff") format("woff"),
    url("./font/Flaticon.ttf") format("truetype"),
    url("./font/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Flaticon";
        src: url("./font/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 5px;
    margin-right: 4px;
}

.flaticon-humidity:before {
    content: "\f100";
}

.flaticon-thermometer:before {
    content: "\f101";
}

.flaticon-rain:before {
    content: "\f102";
}

.flaticon-sun:before {
    content: "\f103";
}

.weather li {
    display: inline;
    list-style-type: none;
    margin: 0 0 0 0;
    line-height: 20px;
}

.weather ul {
    margin: 0;
    padding: 0;
}

.weather {
    text-align: center;
}

.dest-more-info {
    text-align: center;
    max-height: 110px;
    padding-bottom: 0px;
    margin: 20px 0;
}


/* --- Base Container & List Styles (Mobile) --- */
/* Applies to both <ul> elements */
ul.pages-table-content {
    list-style: none; /* Removes bullet points */
    padding: 0;
    margin: 0 0 20px 0; /* Adds space below each list */
    display: flex; /* The core of the new layout */
    flex-wrap: wrap; /* Allows items to wrap onto the next line */
    gap: 8px 12px; /* Manages spacing between pills beautifully */
}

/* --- Heading/Label Style --- */
/* This specifically targets <li><strong>Direkt zu:</strong></li> */
ul.pages-table-content li:has(strong) {
    flex-basis: 100%; /* Makes the label take the full width, pushing pills down */
    margin-bottom: 5px; /* Adds space between the label and the first pill */
    font-size: 1.1em;
    font-weight: bold;
    color: #050745; /* A dark color for the label text */
    text-align: left; /* Left-align labels on mobile for readability */
}

/* --- The "Pill" Link Style (Mobile) --- */
ul.pages-table-content li a {
    display: inline-block; /* Allows padding and other block properties */
    padding: 8px 16px; /* Creates a larger, tappable area */
    background-color: #f0f4f8; /* A light, neutral background */
    color: #050745; /* A deep blue from your screenshot for text */
    text-decoration: none;
    font-weight: 600;
    border-radius: 50px; /* This creates the "pill" shape */
    border: 1px solid #d1dce8;
    font-size: 0.95em;
    transition: background-color 0.2s ease, color 0.2s ease; /* Smooth hover effect */
}

/* --- Interaction States for Pills --- */
ul.pages-table-content li a:hover,
ul.pages-table-content li a:focus {
    background-color: #050745; /* Invert colors on hover/focus */
    color: #ffffff;
    border-color: #050745;
}

/* --- Special Handling for the Second List's Quirks --- */

/* 1. Hides the problematic empty list item: <li>&nbsp;</li> */
ul.pages-table-content:nth-of-type(2) > li:first-child {
    display: none;
}

/* 2. Targets the <li> containing the "Weitere..." link */
ul.pages-table-content li:has(a[href="#weitere"]) {
    flex-basis: 100%; /* Makes it a full-width heading, just like the first one */
    margin-top: 10px; /* Adds some space above this section */
}

/* 3. Styles the "Weitere..." link to LOOK like a heading, not a pill */
ul.pages-table-content li:has(a[href="#weitere"]) a {
    background: none;
    border: none;
    padding: 0;
    color: #050745;
    font-size: 1.1em;
    font-weight: bold;
    pointer-events: none; /* Makes it non-clickable on mobile, as it's just a label */
    text-align: left;
}


.content-wide #breadcrumbs {
    /*margin-top: -15px;*/
    margin-bottom: 4px;
    color: #050745;
}

.content-wide #breadcrumbs a {
    color: #050745;
}

.content-wide .breadcrumb_last {
    color: #050745;
}

#wysija-3 .widget_wysija_cont {
    border: 1px solid #fafafa;
    background-color: #fafafa;
}

#wysija-3 .widget_wysija input {
    width: 95%;
    font-weight: 600;
    padding: 10px 0;
}

#wysija-3 .widget_wysija .wysija-checkbox-label {
    font-size: 11px;
    margin: -15px 0 15px 0;
    text-align: center;
}

#wysija-3 .wysija-checkbox-label input {
    width: auto;
}

#wysija-3 .widget_wysija_cont .wysija-submit {
    width: 95%;
}

.privacy {
    margin-top: 20px;
    font-size: 1.0em;
    display: block;
}

.cd-cookie-bar-text p {
    font-size: 12px;
}

#cd-cookie-bar h2 {
    text-align: center;
}

#cd-cookie-bar .cd-settings-cookie-button {
    border: 0;
    padding: 0px 20px;
    font-weight: initial;
    font-size: 100%;
    margin: 5px;
    padding: 5px 20px;
    color: #1B870B;
}

#cd-cookie-bar .cd-accept-cookie-button {
    background-color: #1B870B;
    color: #FFF;
    font-size: 14.4px;
    line-height: 1.7em;
    margin: 5px auto;
}

#cd-cookie-bar .cd-cookie-apply-privacy-level {
    background-color: #f7f7f7;
    margin: 0px;
    padding: 6px 20px;
    font-size: 90%;
    line-height: 1.7em;
    margin: 3px auto;
    border: 0px;
}

#cd-cookie-bar .cd-cookie-bar-text {
    font-weight: initial;
    text-align: justify;
    font-size: 85%;
}

#searchbox_cats {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #aaa;
    font-size: 14px;
}

#searchbox_cats a {
    color: #050745;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.5;
}

#voucher .magazin-action a {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#category_desc {
    padding: 10px 20px 20px 20px;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    text-align: justify;
}

#category_desc .widgettitle {
    text-align: center;
}

#category_desc p {
    text-align: justify;
    padding: 10px;
}

#category_desc h2 {
    color: #050745;
    font-weight: normal;
    font-size: 2em;
    padding: 10px 0 10px 0;
}

#category_desc h3 {
    color: #050745;
    font-weight: normal;
    font-size: 1.7em;
    padding: 10px 0 10px 0;
}

#category_desc ul {
    list-style: circle;
    padding-left: 20px;
}

#category_desc a {
    color: #050745;
    font-weight: bold;
    text-decoration: none;
}

#category_desc a:hover {
    text-decoration: none;
}

.tags_desc {
    max-width: 1280px;
    margin: 20px auto;
    padding: 20px 10px 20px 10px;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    text-align: justify;
}

.tags_desc p {
    text-align: justify;
    padding: 10px;
}

.tags_desc h2 {
    color: #050745;
    font-weight: normal;
    font-size: 2em;
    padding: 10px 0 10px 0;
}

.tags_desc h3 {
    color: #050745;
    font-weight: normal;
    font-size: 1.7em;
    padding: 10px 0 10px 0;
}

.tags_desc ul {
    list-style: circle;
    padding-left: 20px;
}

.tags_desc a {
    color: #050745;
    font-weight: 600;
    text-decoration: none;
}

.tags_desc a:hover {
    text-decoration: none;
}

.tags_desc .alignright, .post-content img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.page-footer,
.page-footer *,
.page-footer *:before,
.page-footer *:after {
    box-sizing: border-box;
}

.page-footer {
    /*background-color: #ffffff;*/
    font-size: 0.875rem; /* 14px */
}

.container {
    max-width: 1280px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.container--lg {
    max-width: 1680px;
}

.section {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
}

.col-sm {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 50%;
}

.text-blue {
    color: #050745;
}

.text-white {
    color: #ffffff;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.btn-scroll-top {
    display: block;
    margin: 0px auto;
    width: 57px;
    height: 35px;
    background: transparent url('/wp-content/themes/ut_responsive2/images/ico-arrow.svg') no-repeat 50% 50%;
    font-size: 0;
    text-decoration: none;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.bottom-header {
    font-size: 1.125rem; /* 18px */
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.bottom-menu {
    margin-bottom: 1.5rem;
}

.bottom-menu li {
    margin-bottom: 0.5rem;
}

.bottom-menu li a {
    color: #050745;
    text-decoration: none;
}

.bottom-menu--light li a {
    color: #ffffff;
}

.feature-section {
    background: #050745;
    padding: 1.8rem 0;
    width: 100%;
}

.feature {
    border-radius: 50%;
    border: 7px solid #fff;
    width: 200px;
    height: 200px;
    color: #fff;
    text-align: center;
    padding: 1.75rem 1.25rem;
    margin: 0 auto;
}

.feature__img {
    max-width: 70px;
    max-height: 70px;
    margin: 0 auto 0.35rem;
}

.feature__img img {
    display: block;
    width: 70px;
}

.feature__text {
    line-height: 1.5;
    font-size: 0.85rem;
}

.text-section .textwidget {
    line-height: 1.2;
    position: relative;
    font: 14px / 1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.text-section .textwidget .title-h2,
.text-section .textwidget .title-h3 {
    color: #050745;
    font-weight: bold;
    margin: 1.5rem 0;
}

.text-section .title-h2 {
    color: #050745;
    font-size: 1.475rem; /* 30px */
    border-bottom: 1px dotted #050745;
    padding-bottom: 0.875rem;
    margin-bottom: 20px;
}

.text-section .textwidget p {
    margin: 1.5rem 0;
    text-align: justify;
}

.text-section .textwidget a {
    color: #050745;
    font-weight: bold;
    text-decoration: none;
}

.text-section .textwidget .btn-scroll-top {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.socials-section {
    position: relative;
    width: 100%;
    /*background: #333333;*/
    text-align: center;
    color: #050745;
}
.socials-section .hi-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-650px);
}
.socials-section .mascot-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(450px);
}

.socials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.socials li {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.socials img {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
}

/* insert menu */
.socials-menu-title {
    color: white;
    font-weight: 900;
    font-size: 13px;
    margin-left: 0.5em;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}

.blue {
    color: #2EAADC;
}

.socials-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.socials-menu li {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.socials-menu img {
    display: block;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}

.flag {
    width: 25px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    background-image: url('/wp-content/themes/ut_responsive2/images/sprite-flags.png');
    background-repeat: no-repeat;
    color: initial;
    line-height: 16px;
    text-align: center;
}

.flag--de {
    background-position: 0 0;
}

.flag--at {
    background-position: 0 -16px;
}

.flag--dk {
    background-position: 0 -32px;
}

.footer-section {
    width: 100%;
    background: #050745;
    color: #ffffff;
}

.footer-links {
    text-align: center;
    margin-top: 2.5rem;
}

.footer-links a {
    color: #fff;
    text-decoration: none;
}

.footer-links li {
    display: inline;
    list-style-type: none;
}

.footer-links li:not(:last-child):after {
    content: " | ";
}

.footer-copyright {
    text-align: center;
    margin-top: 0.625rem;
    font-size: 0.8rem;
}

@media (max-width: 767px) {
    .footer-section {
        padding-bottom: 0.625rem;
    }

    .footer-section__lang {
        /*margin-top: 2.5rem;*/
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .d-block-sm {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .col-sm {
        width: 33.333%;
    }

    .footer-links {
        margin-top: 2.5rem;
    }
}

@media (max-width: 1280px) {

    .with-featured-label .search-result-image-container {
        min-height: 153px;
    }
    .with-featured-label .search-result-image {
        height: 153px;
    }

    .page-footer {
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        margin-top: 2rem;
    }

    .socials-section {
        order: -1;
    }

    .socials {
        max-width: 12.5rem;
    }

    .socials li {
        padding: 0.5rem 0;
        width: 25%;
    }

    .socials img {
        width: 30px;
    }

    .feature-section {
        display: none;
    }

}

@media (min-width: 1280px) {
    .page-footer {
        font-size: 1.025rem; /* 18px */
        display: grid;
        place-items: center;
    }

  .section {
        padding-top: 2.25rem; /* 100px */
        padding-bottom: 2.25rem;
        position: relative;
    }

    .section--waves-md:before,
    .section--waves-lg:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: 50% 100%;
        background-size: 100% auto;
    }

    .section--waves-md:before {
        /*background-image: url(/wp-content/themes/ut_responsive2/images/waves-md.svg);*/
    }

    .section--waves-lg:before {
        /*background-image: url(/wp-content/themes/ut_responsive2/images/waves-lg.svg);*/
    }

    .section--gradient {
        padding-top: 50px;
        width: 1280px;
        /*background: linear-gradient(180deg, #2EAADC 0%, #ffffff 22%);*/
    }

    .bottom-header {
        font-size: 24px;
        margin-bottom: 18px;
        font-weight: 400;
    }

    .bottom-menu {
        margin-bottom: 0;
    }

    .bottom-menu li {
        margin-bottom: 1rem; /* 16px */
    }

    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .footer-copyright {
        margin-top: 1.5rem;
    }
}

.footer-copyright a {
    text-decoration: none;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 1280px) {
    .hidden-md {
        display: none !important;
    }
}

.tb-temp,
.tb-temp *,
.tb-temp *:before,
.tb-temp *:after {
    box-sizing: border-box;
}

.tb-temp {
    overflow-y: hidden;
    font-size: 10px;
}

.tb-temp__col {
    width: 100%;
}

.tb-temp__row {
    border-top: 1px solid #ddd;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.tb-temp__name,
.tb-temp__val {
    padding: 0 8px;
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
}

.tb-temp__name {
    width: 100%;
    text-align: left;
    padding-right: 16px;
}

.tb-temp__val {
    width: 100%;
    font: 1.075rem "Poppins", Helvetica, Arial, sans-serif;
    line-height: 2.150rem;
}

.tb-temp .ico {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-top: -2px;
    width: 45px;
    text-align: right;
}

.tb-temp .ico span {
    margin-right: -8px;
}

.tb-temp .ico:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    margin-top: -2px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.tb-temp .ico--term-max:after {
    background-image: url('/wp-content/themes/ut_responsive2/images/ico-term-max.svg');
}

.tb-temp .ico--term-min:after {
    background-image: url('/wp-content/themes/ut_responsive2/images/ico-term-min.svg');
}

.tb-temp .ico--sun:after {
    background-image: url('/wp-content/themes/ut_responsive2/images/ico-sun.svg');
}

.tb-temp .ico--water:after {
    background-image: url('/wp-content/themes/ut_responsive2/images/ico-water.svg');
}

.tb-temp .ico--rain:after {
    background-image: url('/wp-content/themes/ut_responsive2/images/ico-rain.svg');
}

@media screen and (min-width: 768px) {
    .tb-temp {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .tb-temp__col--hd {
        width: 76px;
    }

    .tb-temp__val {
        max-width: none;
    }
}

.info-box {
    display: block;
    border-radius: 5px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 20px 20px;
    background-color: #ffffff;
    float: left;
    width: 35%;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.megafriday .featuredImage img {
    height: 100px;
    width: auto;
    margin: auto;
}

div.has-button-bottom {
    position: relative;
}

div.has-button-bottom p.magazin-action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

div.has-button-bottom {
    position: relative;
    padding-bottom: 74px;
}

/*FLIP FUNNY IMAGE*/
div.flip-image img.funny {
    display: none;
}

div.flip-image br {
    display: none;
}

div.flip-image div.flip-description {
    overflow-y: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-out;
}

div.flip-description em {
    margin-bottom: 10px;
    display: block;
}

div.flip-image:hover div.flip-description {
    max-height: 500px;
    transition: max-height 0.5s ease-in;
}

div.flip-image:hover img.normal {
    display: none;
}

div.flip-image:hover img.funny {
    display: block;
}

div.flip-image img {
    height: auto;
    max-height: initial;
}

.post-content .multicolumn ol,
.post-content .multicolumn ul {
    margin: 0;
}

/* TELEGRAM WIDGET */
.tg-wr {
    display: block;
    max-width: 800px;
    margin: 10px auto;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    background-color: #fff;
    padding: 20px;
    width: 50%;
}

.tg-wr .tg-title {
    font-weight: 700;
    color: #050745;
    text-align: center;
    font-size: 18px;
}

.tg-wr .tg-descr {
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
    border-bottom: 1px solid #eeeeee;
}

.tg-wr .pp-descr {
    font-size: 0.9em;
    opacity: 0.8;
    margin-top: 15px;
}

.tg-wr .pp-check {
    border-top: 1px solid #eeeeee;
    padding-top: 5px;
    margin-top: 5px;
    font-size: 0.9em;
}

.tg-wr a.tg-link {
    color: #FFFFFF;
    background-color: #0D86D7;
    box-sizing: border-box;
    min-height: 36px;
    border-radius: 2px;
    text-transform: uppercase;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    text-decoration: none;
    display: block;
    margin: 20px auto;
    width: 80%;
    text-align: center;
    line-height: 36px;
    font-weight: 600;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.tg-wr a.tg-link:hover {
    background-color: rgb(9, 93, 150);
}

.tg-wr a.tg-link.disabled,
.tg-wr a.tg-link.disabled:hover {
    cursor: not-allowed;
    background-color: #b5b5b5;
}

.tg-wr > div > img {
    width: 45px;
    display: block;
    float: left;
    padding-right: 10px;
}

.tg-wr a.tg-link img {
    width: 13px;
    margin-bottom: -1px;
    margin-right: 7px;
}

.tg-wr input {
    float: left;
    margin-top: 4px;
}

.tg-wr .datensch .a {
    font-weight: 500;
    text-decoration: underline;
}

.tg-wr p:empty,
.tg-wr br {
    display: none;
}

@media (max-width: 575px) {
    .tg-wr {
        width: 80%;
    }

    .entry .post-content .tg-wr > a, .tg-wr > a {
        width: 100%;
    }
}

ul.list-check li {
    position: relative;
    list-style-type: none;
}

ul.list-check li:before {
    position: absolute;
    margin-left: -1.5rem;
    content: "\2713";
    color: limegreen;
}

ul.list-cross li {
    position: relative;
    list-style-type: none;
}

ul.list-cross li:before {
    position: absolute;
    margin-left: -1.5rem;
    content: "\2717";
    color: darkred;
}

/* rpwe modifications for post content part */
.post-content .rpwe-block li.rpwe-li {
    display: inline-block;
    width: calc(50% - 25px);
    float: left;
    margin: 12.5px;
    box-shadow: 0 0 14px rgba(31, 31, 30, .3);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

.content-wide li.rpwe-li {
    max-width: 280px;
}

.rpwe-block li.rpwe-li > time {
    display: none;
}

.post-content .rpwe-block li.rpwe-li > br,
.post-content .rpwe-block li.rpwe-li > p {
    display: none;
}

.post-content .rpwe-block li.rpwe-li .rpwe-thumb {
    border: none !important;
    margin: 0 auto;
    width: 100%;
    padding: 0px !important;
}

.post-content .rpwe-block li.rpwe-li .rpwe-title a {
    height: 130px;
    font-size: 13px;
    margin-top: 20px;
    padding: 0px 10px;
    width: calc(100% - 20px);
}

.post-content .rpwe-block li.rpwe-li .rpwe-title a::after {
    content: "Zum Angebot";
    color: #FFF !important;
    background-color: #050745;
    display: block;
    margin: 25px auto;
    padding: 8px 20px;
    font-weight: bold;
    width: 80%;
    font-size: 14px;
    line-height: 1.7;
    text-transform: capitalize;
}

.post-content .rpwe-block a {
    display: inline-block !important;
    text-align: center;
    width: 100%;
}

.post-content .rpwe-block ul {
    margin-left: -12.5px !important;
    margin-right: -12.5px;
    float: left;
    clear: both;
    width: 100%;
}

.content-wide .rpwe-block ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0px;
}

.rpwe_widget .rpwe-li {
    display: inline-flex;
    align-items: center;
}

.rpwe_widget p.rpwe-title a {
    text-decoration: none;
}

.page-numbers {
    display: inline-block;
    margin: 0px 10px 10px 0;
    padding: 15px 20px;
    border: 1px solid #ddd;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    left: auto;
    right: auto;
    color: #050745;
    min-height: 16px;
    border-radius: 50px;
    line-height: 15px;
}

span.page-numbers.current {
    color: #fff;
    background: #050745;
    font-weight: 900;
}

.pagination .numbers {
    margin: 0 auto;
    display: table;
}

.gutscheine .cc-content img {
    margin-top: 4%;
    max-width: 135px;
}

.gutscheine .cc-content li {
    font: 14px / 1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.gutscheine .cc-content ul {
    margin-top: 5px;
}

.gutscheine .cc-content .exklusive {
    float: right;
    color: #e34848;
    margin-right: 5px;
    background-color: beige;
    padding: 4px;
    border-radius: 3px;
}

.exklusive-border {
    box-shadow: rgb(183 170 23 / 48%) 0px 0px 12px 0px !important;
}

.gutscheine .cc-element div {
    padding-left: 0px;
    display: contents;
    margin: 5px 0;
}

.gutscheine .cc-element {
    margin-right: 5px;
}

.cc-element {
    display: block;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 12px 0px;
    padding: 10px 30px;
    background-color: rgb(255, 255, 255);
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.cc-element div {
    min-height: 180px;
    display: flex;
    padding-left: 20px;
}

.cc-content ul {
    padding-left: 5px;
}

.cc-content li {
    list-style: none;
    margin: 1% 3%;
    font: 16px/1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.cc-content li:before {
    background-image: url('/wp-content/themes/ut_responsive2/images/checking.svg');
    height: 1.2em;
    width: 1.2em;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
    margin-right: .5em;
    margin-bottom: -4px;
}

.cc-content {
    margin: 0 auto;
    width: 70%;
}

.cc-content h3 {
    margin: 1% 3%;
}

.magazin-title {
    background: #2eaadc;
}

.deals-title {
    background: #fcc421;
}

.flexstorno-title {
    background: #dc2e2e;
}

.fruehbucher-title {
    background: #6ca758;
}

.archive #author-bio {
    border: 0;
}

.archive #author-bio h1 {
    color: #050745;
    font-size: 24px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.5;
}

#author-bio {
    padding: 30px 80px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
}

/*#author-avatar {*/
/*    float: none !important;*/
/*    margin: 10px auto !important;*/
/*    border: none !important;*/
/*}*/
#author-avatar {
    float: left;
    margin: 15px 25px;
    border: none;
    border-radius: 5px;
    width: 80px;
    height: 80px;
}

#author-details {
    overflow: hidden;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    min-height: 100px;
}

#author-details p {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 15px;
    color: #050745;
}

.author-bio-read-more {
    padding-top: 10px;
}

#author-details a {
    color: #050745;
    font-weight: 600;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    margin: 15px 0;
}

.sidebar .widget li, .sidebar .widget-small li {
    color: #050745;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.post-content-start {
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.sidebar #ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before {
    background-color: transparent;
}

.sidebar .ez-toc-widget-container ul.ez-toc-list li.active::before {
    background-color: transparent;
}

.sidebar .ez-toc-widget-container li.active > a {
    font-weight: unset;
}

.schema-faq {
    display: inline-block;
}

.schema-faq-section {
    display: inline-block;
    float: left;
    box-shadow: 0 0 14px rgba(31, 31, 30, .3);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 8px;
    margin-top: 14px;
    padding: 8px 20px;
    width: 100%;
    box-sizing: border-box;
}

.schema-faq-section .schema-faq-question {
    line-height: 44px;
}
.schema-faq-section.collapsed {
    box-shadow: 0 0 2px rgba(1, 0, 0, 0.3);
    max-height: 54px;
    margin-bottom: 6px;
}

/* Voucher Post Custom style */
.kreditkarte-template-default .post-date, .gutscheine-template-default .post-date {
    float: right;
    color: #a59e98;
    font-size: 10px;
    text-align: right;
}

.kreditkarte-template-default .post-content h4 {
    font-size: 16px;
}

.kreditkarte-template-default .post-date a {
    text-decoration: none;
    color: #a59e98;
}

.gutscheine-template-default .post-header {
    width: 1280px;
    background: white;
    margin: 20px auto 0;
    padding: 20px;
    box-sizing: border-box;
    min-height: 162px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
}

.gutscheine-template-default .post-header img {
    width: 120px;
    margin-right: 20px;
    display: inline-block;
    float: left;
}

.gutscheine-template-default .post-header .header-inner {
    display: inline-block;
    width: calc(100% - 140px);
}

#breadcrumbs {
    color: #a59e98;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
    text-transform: none;
}

#breadcrumbs a {
    color: #a59e98;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
}

.breadcrumb_last {
    color: #a59e98 !important;
    font-weight: 600;
}

.gutscheine-template-default .post-header #breadcrumbs span,
.gutscheine-template-default .post-header #breadcrumbs a,
.gutscheine-template-default .post-header #breadcrumbs strong {
    color: #a59e98;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
}

.gutscheine-template-default .post-header h1 {
    color: #050745;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    margin: 10px 0;
    font-size: 30px;
    font-weight: bold;
}

.gutscheine-template-default .post-header .short-description {
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.gutscheine-template-default .rmp-rating-widget .rmp-icon--ratings {
    font-size: 1.3rem;
}

.gutscheine-template-default .rmp-rating-widget .rmp-icon--full-highlight {
    color: #e7c50d;
}

.gutscheine-template-default .rmp-rating-widget .rmp-icon--half-highlight {
    background: linear-gradient(to right, #e7c50d 50%, #ccc 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gutscheine-template-default .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results {
    color: #a59e98;
}

.gutscheine-template-default .sidebar .textwidget {
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    text-align: justify;
}

.gutscheine-template-default .post-content h2:first-child {
    margin-top: -5px;
}

/* Credit Card Custom style */
.kreditkarte-template-default .post-header {
    width: 1280px;
    background: white;
    margin: 20px auto 0;
    padding: 20px;
    box-sizing: border-box;
    min-height: 162px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
}

.kreditkarte-template-default .post-header img {
    width: 120px;
    margin-right: 20px;
    display: inline-block;
    float: left;
}

.kreditkarte-template-default .post-header .header-inner {
    display: inline-block;
    width: calc(100% - 140px);
}

.kreditkarte-template-default .post-header #breadcrumbs span,
.kreditkarte-template-default .post-header #breadcrumbs a,
.kreditkarte-template-default .post-header #breadcrumbs strong {
    color: #a59e98;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
}

.kreditkarte-template-default .post-header h1 {
    color: #050745;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    margin: 10px 0;
    font-size: 30px;
    font-weight: bold;
}

.kreditkarte-template-default .post-header .short-description {
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.kreditkarte-template-default .rmp-rating-widget .rmp-icon--ratings {
    font-size: 1.3rem;
}

.kreditkarte-template-default .rmp-rating-widget .rmp-icon--full-highlight {
    color: #e7c50d;
}

.kreditkarte-template-default .rmp-rating-widget .rmp-icon--half-highlight {
    background: linear-gradient(to right, #e7c50d 50%, #ccc 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.kreditkarte-template-default .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results {
    color: #a59e98;
}

.kreditkarte-template-default .sidebar .textwidget {
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    text-align: justify;
}

.kreditkarte-template-default .post-content h2:first-child {
    margin-top: -5px;
}

.kreditkarte-template-default #content {
    width: 100%;
    padding: 0;
}

.kreditkarte-template-default .post-content,
.kreditkarte-template-default .post-footer {
    margin: 0 8% 0 8%;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.kreditkarte-template-default .post-content p:first-of-type {
    margin: 0 0 1.5em 0;
}

.kreditkarte-template-default .post-content p {
    margin: 1.5em 0;
}

.kreditkarte-template-default .post-content h1, .kreditkarte-template-default .post-content h2, .kreditkarte-template-default .post-content h3, .kreditkarte-template-default .post-content h4, .kreditkarte-template-default .post-content h5 {
    color: #050745;
    font-weight: 600;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    margin: 1.0em 0;
}

.kreditkarte-template-default .post-content li {
    color: #050745;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    margin: 3px 0;
}

.kreditkarte-template-default .comments {
    margin: 25px 0 0;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
}

.kreditkarte-template-default .privacy {
    margin-top: 20px;
    font-size: 1.0em;
    display: block;
}

.kreditkarte-template-default .post-content h2 {
    font-size: 1.7em;
}

.kreditkarte-template-default .post-content h3 {
    font-size: 1.3em;
}

.kreditkarte-template-default .entry .posts-related h3, .kreditkarte-template-default .entry .post-tags h3 {
    font-size: 1.2em;
    color: #050745;
    font-weight: 600;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    margin: 15px 0;
    padding: 0;
    text-transform: inherit;
}

.kreditkarte-template-default .schema-faq-answer {
    padding-left: 5px;
}

.kreditkarte-template-default .magazin-action a {
    border-radius: 5px;
    padding: 10px 25px;
    width: 25%;
}

.schema-faq-question {
    color: #050745;
}

.kreditkarte-template-default div#ez-toc-container {
    background: #fff;
    width: 55%;
    border-top: none;
    top: 0;

}


/* Newsletter Form */
@media (min-width: 320px) {
    .nl-form {
        height: 340px;
    }
}

@media (min-width: 340px) {
    .nl-form {
        height: 320px;
    }
}

@media (min-width: 375px) {
    .nl-form {
        height: 300px;
    }
}

@media (min-width: 420px) {
    .nl-form {
        height: 280px;
    }
}

@media (min-width: 720px) {
    .nl-form {
        height: 240px;
    }
}

@media (min-width: 1024px) {
    .nl-form {
        height: 220px;
    }
}

.nl-form-recap {
    height: 300px;
}

/* pin it button */
.ut-pin {
    color: #e60023;
    border: 2px solid #e60023;
    border-radius: 100px;
    position: absolute;
    background: white;
    margin: 5px 90px;
}

.wp-caption .ut-pin,
div > a > .ut-pin {
    margin: 15px;
}

.nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 26px;
}

.nav-list {
    text-align: center;
    padding-left: 0;
    padding-bottom: 25px;
    padding-top: 6px;
}

.nav-list li {
    display: inline;
    font-size: 1.5em;
}

.nav-list li:not(:last-child):after {
    content: " | ";
}

.nav-list a {
    color: #050745;
    text-decoration: none;
    font-weight: 600 !important;
}


.featured-img {
    background-position: 50% center;
    background-size: cover;
    display: block;
    margin-bottom: 3px;
}

.featured-img .relatedthumb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

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

.posts-related {
    margin: 25px 0 0;
}

.posts-related li {
    margin-bottom: 5px;
}

.featured {
    box-sizing: border-box;
}

.featuredThumb {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 45.31%;
    position: relative;
    border-radius: 5px;
}

.more-information .cat-tags {
    margin-right: 20px;
    font-size: 90%;
    margin-top: 15px;
    text-align: left;
}

.featured-title {
    padding-bottom: 10px;
}

@media (min-width: 500px) {
    .posts-related li {
        width: 50%;
        float: left;
    }

    .featured-img {
        margin: 4px;
    }

    .featured-title {
        margin: 4px;
        height: 65px;
    }
}

@media (min-width: 750px) {
    .posts-related li {
        width: 33%;
    }

    .featured-title {
        margin: 4px;

        font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    }
}

.author-hint {
    display: block;
    border-radius: 5px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 20px 20px;
    background-color: #ffffff;
    width: 55%;
    align-items: center;
    position: relative;
    margin: 0px auto 10px auto;
    min-height: 110px;
}

.author-hint .author-name {
    padding-top: 10px;
    font-size: 1.25em;
    color: #050745;
    font-weight: 600;

}

.author-hint .author-avatar {
    float: left;
    margin: 15px 25px;
    border: none;
    border-radius: 5px;
    width: 80px;
    height: 80px;
}

.author-hint .author-comment {
    font-style: italic;
}

.author-hint:before {
    top: -12px;
    left: 25px;
    content: '';
    border-style: inset;
    border-width: 0 10.5px 13px;
    border-color: transparent transparent #ffffff;
    position: absolute;
}

/* SIDEBAR */
.sidenav {
    height: 100%; /* Full-height: remove this if you want "auto" height */
    width: 160px; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #111; /* Black */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 20px;
}

/* The navigation menu links */
.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

.schema-faq-section:before {
    content: '\2705';
    padding-right: 5px;
}

.wp-block-image img {
    margin: 0;
}

.wp-block-image figure figcaption {
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    text-align: center;
    color: #888;
    margin: 0px 5px 0;
}

.author-review {
    width: 280px;
    display: inline-block;
}

.fa-star.full:before {
    content: "\2605";
    color: gold;
}

.fa-star {
    font-style: normal;
    font-size: 2em;

}

.fa-star.none:before {
    content: "\2605";
    color: grey;
}

.fa-star:last-child {
    margin-right: 15px;
}

.fa-star.half:after {
    content: '\2605';
    color: gold;
    position: absolute;
    margin-left: 0px;
    width: 13px;
    overflow: hidden;
}

.review:before {
    border: none;
}

.teaser {
    overflow: hidden;
    color: #050745;
    font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    font-style: italic;
    padding: 0px 0px 10px 0px;
}

.contact-us {
    padding-top: 10px;
}

#cc-infos ul {
    list-style-type: disc;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    list-style-position: inside;
}

.cl-container,
.cl-container * {
    box-sizing: border-box;
}

body {
    margin: 0;
}

.cl-container {
    max-width: 1250px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.cl-container ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;

}

.cl-container ul li {
    list-style: none;
    width: 16.333%;
    padding: 5px;
    display: block;
    margin: 0;
}

.cl-container ul li img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

@media only screen and (max-width: 767px) {
    .cl-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cl-container ul li {
        width: 33.333%;
    }
}

.columnIG {
    float: left;
    width: 32.33%;
    padding: 1px;
    line-height: 0px;
}

.columnIG img {
    margin: 0px;
}

.rowIG {
    margin-right: -20px;
    margin-left: -20px;
}

/* Clear floats after image containers */
.rowIG::after {
    content: "";
    clear: both;
    display: table;

}


/* center youtube embeds */
.wp-block-embed-youtube {
    display: block;
    margin: 0 auto;
    text-align: center;
}


sup {
    vertical-align: super;
    font-size: smaller;
}



.mobile-header-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 64px;
    background: black;
    opacity: 0.5;
}



.mobile-logo {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    height: 64px;
    width: 172.375px;
}
.mobile-mascot {
    position: absolute;
    right: 8px;
    top: 18px;
    height: 46px;
    width: 100px;
    overflow: hidden;
}
.mobile-mascot img {
    position: absolute;
    right: 8px;
    bottom: -6px;
    height: 48px;
    width: 81px;
}


/*.search-container {*/
/*    !*background: #0C2669;*!*/
/*    background: #050745;*/
/*    display: grid;*/
/*    height: 54px;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*.search-field {*/
/*    border: 2px solid #44456f !important;*/
/*}*/

/*.search-container .search {*/
/*    margin: 0;*/
/*}*/

.menu-btn {
    font-size: 30px;
    padding: 10px;
    background-color: #333;
    color: white;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 10px;
}

.mobile-menu {
    position: fixed;
    z-index: 1010;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #050745;
    background-color: #F7F7F7;
    padding-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;

    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}

.mobile-menu.is-open {
    transform: translateX(0);
}

.mobile-menu-overlay {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(0px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 500;
}

.mobile-menu-overlay {
    display: none;
}

.mobile-menu-active {
    opacity: 1;
    backdrop-filter: blur(5px);
    display: flex;
}

@media (min-width: 1280px) {
    .search-container {
        display: none !important;
    }
}

@media (max-width: 1280px) {

    .mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 64px;
        padding: 0 10px;
        z-index: 900; /* Must be high, but lower than the menu drawer */
        transition: transform 0.3s ease-in-out;
        background: #F7F7F7;
    }

    .mobile-header.hidden,
    .search-modal.hidden,
    .search-container.hidden
    {
        transform: translateY(-300%);
    }


    /* Header Sections for Centering */
    .mh-left, .mh-right {
        flex: 0 0 50px; /* Fixed width for button areas */
    }

    .mh-center {
        flex-grow: 1; /* Center logo takes up the remaining space */
        text-align: center;
    }

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

    .mh-logo {
        max-height: 60px;
        width: auto;
    }

    /* Header Buttons */
    .mh-button {
        width: 44px;
        height: 44px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 28px;
        cursor: pointer;
    }

    .mh-menu-btn {
        background-image: url('images/m-header-menu.png');
    }

    .mh-search-btn {
        background-image: url('images/m-header-search.png');
    }



    /* This rule targets the main menu drawer and PREVENTS the horizontal scrollbar. */
    .mobile-menu {
        overflow-x: hidden !important;
    }

    /* The Filmstrip Container */
    #mobile-nav-filmstrip {
        display: flex;
        width: 200%;
        height: 100%;
        position: relative;
        transform: translateX(0);
        transition: transform 0.35s ease-in-out;
    }

    #mobile-nav-filmstrip.is-submenu-active {
        transform: translateX(-50%);
    }

    /* Each Panel (Frame) in the Filmstrip */
    .nav-panel {
        width: 50%;
        height: 100%;
        overflow-y: auto;
        background-color: #F7F7F7;
    }

    /* --- Styling for Headers --- */
    .nav-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        width: 100%;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .submenu-header {
        background-color: #F7F7F7;
    }

    /* Header Sections */
    .header-left, .header-right {
        flex: 0 0 40px;
        display: flex;
        text-align: center;
    }
    .header-right {
        justify-content: flex-end;
        padding-right: 5px;
    }

    .header-center {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header-logo {
        max-height: 40px;
        width: auto;
    }
    .submenu-header .submenu-title {
        color: #050745;
        font-size: 1rem;
    }

    /* Buttons */
    .close-button, .back-button {
        width: 40px;
        height: 40px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
        cursor: pointer;
    }
    .close-button {
        background-image: url('images/nav/m-nav-close.png');
        margin-left: 5px;
    }
    .back-button {
        background-image: url('images/nav/m-nav-left.png');
    }

    /* --- Styling for Menu Lists --- */
    #main-panel .menu-tree,
    #submenu-panel ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #submenu-panel ul {
        margin: 20px 0 0 0;
    }

    /* Target ALL top-level list items for consistent layout */
    #main-panel > .menu-tree > li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #F7F7F7;
    }
    #main-panel > .menu-tree > li.menu-item-has-children {
        cursor: pointer;
    }
    #main-panel > .menu-tree > li.menu-item-has-children:hover {
        background-color: #e9e9e9;
    }
    #main-panel > .menu-tree > li > a {
        color: #050745;
        text-decoration: none;
        padding: 12px 20px;
        font-size: 19px;
        font-weight: 400;
        flex-grow: 1;
    }

    #main-panel li.menu-item-has-children::after {
        content: '';
        display: block;
        width: 40px;
        height: 44px;
        background-image: url('images/nav/m-nav-right.png');
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
        flex-shrink: 0;
        padding-right: 10px;
    }

    /* Submenu Items */
    #submenu-panel .menu-group-title {
        padding: 5px 20px 25px 24px;
        font-size: 14px;
        font-weight: 300;
        text-transform: none;
        color: #050745;
    }


    /* This rule applies to all links in the submenu */
    #submenu-panel li a {
        padding: 10px 6px 10px 0;
        text-decoration: none;
        font-size: 19px;
        font-weight: 400;
        color: #050745;
        display: block; /* Default display */
    }

    /* THE FIX: These rules target ONLY the final links to fix height and add the icon */
    #submenu-panel li.menu-final-link > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #submenu-panel li.menu-final-link > a::after {
        content: '';
        display: block;
        width: 40px;
        height: 20px;
        flex-shrink: 0;
        background-image: url('images/nav/m-nav-open.png');
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
    }

    #submenu-panel li:last-of-type a {
        border-bottom: none;
    }

    #mobile-main-menu-source {
        padding-top: 14px !important;
    }

    #menu-mobile-nav-chips {
        border-top: 1px solid #B4B5C8;
        margin-top: 24px;
        padding-top: 32px;
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }

    .main-panel-content {
        /*padding-top: 60px;*/
    }

    li.chips-container-li {
        padding: 20px 0;
        border-top: 1px solid #e0e0e0;
        list-style: none;
    }

    .mobile-chips-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        padding: 0;
        gap: 10px;
    }

    /* Style each individual chip */
    .mobile-chips-nav .chip-menu-item a {
        display: flex;
        align-items: center;
        color: #050745;
        padding: 8px 12px;
        border: 1px solid #B4B5C8;
        border-radius: 20px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
    }

    .mobile-chips-nav .chip-menu-item a:hover {
        background-color: #d8d8d8;
    }

    /* Style the icon inside the chip */
    .mobile-chips-nav .chip-icon {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }
}

.widget {
    max-width: 1280px;
    margin: auto;
}

/*.toOffer {*/
/*    cursor: pointer;*/
/*    border: 1px solid transparent;*/
/*    background-color: #0e3083;*/
/*    color: #FFF;*/
/*    font-weight: bold;*/
/*    line-height: 15px;*/
/*    text-align: center;*/
/*    padding-top: 10px !important;*/
/*    padding-bottom: 10px !important;*/
/*    box-sizing: border-box;*/
/*    display: block;*/
/*    border-radius: 0px;*/
/*    text-transform: uppercase;*/
/*    margin: 10px;*/
/*}*/

.page-template-template-gutscheine-archive #content {
    /*width: calc(100% - 40px);*/
    width: auto;
}

/* Responsive */

.post-date-container {
    display: block;
    padding-top: 10px;
}

@media (min-width: 1280px) { /* DESKTOP */
    .mobile-header,
    .search-container,
    .mobile-menu-overlay,
    .mobile-menu
    {
        display: none;
    }
    #sticky-bottom-bar {
        display: none !important;
    }
    .mobile-post-meta, .post-page-thumbnail, .post-title  {
        display: none;
    }
    .toOffer {
        display: none;
    }
    .socials-section {
        border-top: 1px solid #d1d1d1;
        background: white;
    }
    .socials-section:before {
        content: "";
        position: absolute;
        top: -1000px;
        left: 0;
        width: 100%;
        height: 1000px;
        z-index: -1;
    }
    .mobile-only {
        display: none !important;
    }

    .ez-toc-title {
        color: #050745;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0;
        border: none;
        margin-bottom: 10px;
    }

    .ez-toc-title {
        color: #050745 !important;
        font-size: 14px !important;
        font-weight: bold !important;
    }
}


@media (max-width: 1280px) { /* MOBILE */
    .desktop-only {
        display: none !important;
    }
    html {
        margin-top: 0 !important;
        overflow-x: hidden;
    }
    body.logged-in {
        /* Raise body above because html margin-top which can't be removed so easily */
        /*margin-top: -45px;*/
        margin-top: 0;
    }
    body {
        padding-top: 64px;
        overflow-x: hidden;
    }
    .rowit {
        grid-template-columns: unset;
    }

    .ad-container {
        max-width: 100%;
    }

    .text-section {
       padding: 0 24px 15px 24px;
    }

    .rowit {
        grid-gap: 0;
    }
    .post-content .rowit ul {
        margin: 0;
    }
    .kreditkarte-template-default .post-content h2 {
        font-size: 1.4em;
        overflow: hidden;
    }


    .post-content .cc-content img.alignleft,
    .post-content .cc-content img.alignright,
    .post-content .cc-content img.aligncenter {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 0;
    }
    .cc-content figure {
        display: grid;
    }
    .cc-content a.voucher-btn {
        width: 80% !important;
    }

    .post-content ul {
        padding-left: 30px;
    }
    .post-content ul.utrp-ul {
        padding-left: 0;
    }

  body.page-template-template-gutscheine-archive .post-content ul {
        padding-left: 0;
    }
    .post-content .cc-content ul {
        padding-left: 5px;
    }
    .cc-element div {
        padding-left: 15px;
        padding-right: 15px;
    }

    #loop .post-meta {
        display: none;
    }
    #content {
        position: relative;
        padding: 10px 23px 0 23px;
    }
    body.home #content {
        padding: 0;
    }
    #content .entry {
        padding-top: 10px;
    }
    .comment {
        overflow: hidden;
    }
    .schema-faq {
        width: 100%;
    }
    #cc-infos ul {
        columns: 1;
    }
    #content .entry.entry-single {
        background: white;
        margin: -43px -23px -23px -24px;
        padding: 5px 23px 10px 23px;
        border-radius: 12px;
        z-index: 34;
        position: relative;
    }
    .entry .post-content {
        padding: 10px 0 0 0;
    }
    .post-page-thumbnail {
        position: relative;
        z-index: 1;
        margin: -10px -25px 25px -23px;
    }
    .post-title {
        display: none;
    }
    .post-header {
        border: none !important;
        padding: 20px 20px 0 20px !important;
    }
    .header-inner {
        display: flex;
        flex-direction: row;
    }
    .post-header .header-inner {
        width: 100% !important;
    }
    .post-header .short-description {
        font-style: italic !important;
        font-size: 16px !important;
    }
    .post-date {
        padding-top: 10px;
    }
    #breadcrumbs:not(.cat-tag-breadcrumbs) {
        position: absolute;
        top: 0;
        margin: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.8);
        width: 100%;
        padding: 4px 10px;
        white-space: nowrap;
        overflow: hidden;
        /* padding: 0; */
        /* border-radius: 4px; */
        z-index: 2;
    }

    .multicolumn {
        -webkit-column-count: 1;
    }
    .post-meta #breadcrumbs,
    .content-title #breadcrumbs,
    .header-inner #breadcrumbs {
        position: inherit;
    }
    #breadcrumbs, #breadcrumbs a, .breadcrumb_last {
        color: #333 !important;
    }

    * {
        box-sizing: border-box;
    }
    .post-content img {
        max-width: 100%;
    }
    .entry .post-footer {
        padding: 0;
    }
    .post-navigation, #author-bio {
        width: 100%;
    }
    .post-prev, .post-next {
        padding-top: 20px;
        padding-bottom: 10px;
        width: 100%;
        clear: both;
    }
    .post-content {
        margin-bottom: 16px;
    }
    #ez-toc-container {
        width: 100% !important;
    }
    .rowit2 {
        display: block;
    }
    .post-content .wp-caption {
        max-width: 100%;
    }
    .post-navigation .line {
        display: none;
    }
    .gutscheine-template-default .post-header,
    .kreditkarte-template-default .post-header {
        width: 100%;
        margin-top: 0;
    }
    .gutscheine-template-default .post-header h1,
    .kreditkarte-template-default .post-header h1 {
        color: #050745;
        font-family: "Poppins", Helvetica, Arial, sans-serif;
        margin: 0.5em 0 0.5em 0;
        font-size: 22px;
        font-weight: 700;
        overflow: hidden;
    }
    .gutscheine-template-default .post-header .header-inner,
    .kreditkarte-template .post-header .header-inner
    {
        display: inline-block;
        width: calc(100% - 60px);
    }
    .gutscheine-template-default .post-header img,
    .kreditkarte-template-default .post-header img
    {
        width: 50px;
        height: 50px;
        margin: 10px 10px 15px 0px;
        display: inline-block;
        float: left;
    }
    .kreditkarte-template-default .magazin-action a {
        width: auto;
    }
    .container, .wrapper, .content {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    #container {
        padding: 0;
        /*margin-top: -10px;*/
    }
    #loop {
        margin-top: -10px;
    }
    .slideshow {
        display: none;
    }

    .ut-search-container-mobile {
        width: 100% !important;
    }

    .filter-btn-row {
        padding-right: 0;
    }

    .search-wrapper {
        padding: 0 16px;
    }

    .search-modal {
        background: #F7F7F7;
    }

    /*#search_results .search-result-image-container {*/
    /*    min-height: 200px !important;*/
    /*    height: 200px !important;*/
    /*}*/

    .entry-summary p {
        margin: 0 !important;
    }
    /*#search_results .search-result-card .post-content {*/
    /*    margin-bottom: 10px;*/
    /*}*/

    /*#search_results .search-result-image {*/
    /*    height: 200px !important;*/
    /*}*/

    /*.search-result-title {*/
    /*    -webkit-line-clamp: 3 !important;*/
    /*    font-size: 16px !important;*/
    /*    height: 72px;*/
    /*}*/


    .search-container {
        display: none;
        height: 50px;
        padding: 6px 16px;
        margin-top: 0;
        position: fixed;

        top: 64px;
        width: 100%;
        background: #F7F7F7;
      z-index: 100;

        border-bottom: 1px solid #ddd;

      }
      .search-container .search {
          padding: 0 30px;
          width: 100%;
          margin: 0;
      }
      .search-container .search .searchform {
          width: 100%;
      }

      .search-container .search fieldset {
        width: 100%;
      }
      .search-container .search input {
        width: calc(100% - 40px);
      }


    .search fieldset {
        width: 100%;
        border-radius: 0;
    }
    .search input {
        /* width: calc(100% - 25px); */
    }
    .widget {
        /*padding-left: 16px;*/
        /*padding-right: 16px;*/
    }
    .thumbImg .deals-title, .thumbImg .deal-title { /* , .post-meta */
        display: none;
    }
    .entry .post-meta {
        padding: 0 0 10px 0;
        display: contents;
    }
    #ad_inDeal_Top, #ad_inDeal_Bottom {
        margin-top: 15px;
    }
    .post-comms {
        display: none;
    }
    .header, .nav-bar, #wpadminbar {
        display: none;
    }
    .content-title {
        padding: 10px 0 0 0;
    }
    .post.content-title {
        display: none;
    }
    .sidebar {
        width: 100%;
        padding: 0 23px 0 23px;
        float: none;
    }
    .wrapper, #content {
        width: 100%;
    }
    .wrapper {
        display: inline-block;
        border: none;
        /*margin: 60px 0 0 0;*/
        margin: 0;
    }
    .mobile-sidebar-container {
        display: inline;
    }

    /* Show title before image on mobile */
    .post {
        display: flex;
        flex-direction: column;
        /*border-bottom: 1px solid #d1d1d1;*/
        padding: 10px 0 0 0 !important;
        /*align-items: flex-start;*/
    }

    .grid-loop .search-result-card {
        display: grid;
    }

    .list .post .thumb img {
        width: 100% !important;
        height: auto;
        margin: 2px 0 10px 0;
    }
    .list .post a {
        width: 100%;
    }
    .list .post .thumbImg {
        width: 100%;
        margin: 2px 0 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        /*overflow: hidden;*/
        /*max-height: 205px;*/
        border-radius: 10px;
    }
    #loop .thumbImg {
        order: 1;
    }
    #loop .post-meta {
        order: 2;
    }
    #loop .post-content {
        order: 3;
    }
    #loop .post-footer {
        order: 4;
    }
    #loop  .entry-title {
        order: 0;
    }
    .entry-title {
        width: 100%;
    }
    .footer-section {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 70px
    }
    .zero-margin {
        margin: 0;
    }
    .full-w {
        max-width: 100%;
        width: 100%;
    }
    .bottom-menu-section {
        padding: 0 23px;
    }
    .post-navigation {
        margin: 5px 0;
        padding: 5px 0;
    }
    #author-bio {
        width: auto;
        margin: 0;
        padding: 10px 23px 15px 23px;
    }
    /*.bottom-menu-section,*/
    .hi-img, .mascot-img {
        display: none;
    }
    .page-footer {
        margin-top: 0;
        /*display: none;*/
    }
    .pagination {
        padding: 15px 0 0 0;
    }
    .page-numbers {
        padding: 15px 10px;
        margin: 0 5px 5px 0;
    }
    .info-box {
        width: 100% !important;
    }
    .post-content .wp-caption img {
        margin: 5px 0;
    }
    .cc-content {
        width: 100%;
    }
    .cc-element, .post-content img {
        margin-right: 0;
        padding: 10px 0;
        width: 100%;
    }
    .post-content img.normal {
        padding: 0;
        width: 100%;
    }
    .post-content img.avatar {
        padding: 0;
    }
    .cc-element{
        margin-right: 0;
        padding: 10px 0;
    }
    .cc-element.exklusive-border {
        padding-right: 16px;
        padding-left: 16px;

    }
    .cc-element h3 {
        padding-left: 10px;
        display: inline-block;
    }
    .author-hint .author-avatar {
        border-radius: 50%;
        overflow: hidden;
        width: 40px;
        height: 40px;
    }
    .author-hint .author-comment {
        clear: both;
        padding: 0 10px 10px 10px;
    }
    .author-hint .author-name {
        padding-top: 16px;
    }
    .author-hint {
        padding: 10px;
    }
    /*.kreditkarte-template-default .magazin-action a {*/
    /*    width: auto;*/
    /*}*/
    /*.kreditkarte-template-default .post-header {*/
    /*    width: auto;*/
    /*}*/
    /*.kreditkarte-template-default .post-header img {*/
    /*    width: 100%;*/
    /*    height: auto;*/
    /*}*/
    /*.kreditkarte-template-default .post-header .header-inner {*/
    /*    width: 100%;*/
    /*}*/
    .author-hint {
        width: 100%;
    }
    /*.post-content {*/

    /*    color: rgba(0, 0, 0, 0.7);*/
    /*    padding-bottom: 10px;*/
    /*    padding-left: 10px;*/
    /*    padding-right: 10px;*/
    /*    !*overflow: hidden;*!*/
    /*    background-color: #FFF;*/
    /*}*/
    .magazin-action {
        width: auto;
    }

    /* VOUCHER MANAGER */

    .footer-pop-up {
        left: 0 !important;
        padding: 10px 0 0 0 !important;;
    }
    .voucher-pop-up .title {
        left: 0 !important;
        max-height: 90px;
        overflow: auto;
    }
    .voucher-pop-up a.action {
        width: auto !important;
    }
    .voucher-pop-up .description {
        max-height: 116px !important;
    }

    .rpwe-li {
        clear: both;
        width: 100%;
    }

    /* CC mobile */

    .kreditkarte-template-default .post-header {
        padding: 20px 23px 0 23px !important;
    }

    .kreditkarte-template-default .entry .post-content,
    .kreditkarte-template-default .entry
    {
        padding-top: 0;
    }

    .kreditkarte-template-default #breadcrumbs
    {
        margin: 0;
    }
    .kreditkarte-template-default .post-content {
        margin-top: 0;
        box-shadow: none;
        margin-bottom: 0;
    }
    /*.kreditkarte-template-default .cc-element,*/
    /*.kreditkarte-template-default .post-date,*/
    /*.kreditkarte-template-default .header-inner h1,*/
    /*.kreditkarte-template-default .header-inner .short-description*/
    /*{*/
    /*    !*display: none;*!*/
    /*}*/

    .content-wide .entry .post-meta h1 {
        text-align: unset;
        text-transform: none;
        font-size: 22px;
        padding-top: 0;
    }
    .content-wide .entry h2 {
        text-transform: unset;
        font-size: 24px;
        font-weight: 600;
        text-align: unset;
    }
    /* .pages-table-content li,*/
    .submenu-horizontal-nav li {
        display: flex !important;
    }
    .megafriday .pages-table-content li:after,
    .submenu-horizontal-nav li:after
     { /* .pages-table-content li:after */
        content: normal !important;
    }

    .mobile-post-widgets .widget {
        padding-left: 0;
        padding-right: 0;
    }
    #ezw_tco-2 .ez-toc-title {
        font-size: inherit !important;
    }
    .mobile-post-widgets h3,
    .mobile-post-widgets .ez-toc-title {
        font-size: 25px;
        margin: 15px 0;
    }

    .tags_desc {
        overflow: hidden;
    }
    .tags_desc .alignnone {
        width: 100% !important;
    }

    #ezw_tco-2 {
        width: 100% !important;
        display: block;
        border-radius: 5px;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
        padding: 20px 20px 20px 20px;
        background-color: #ffffff;
        border-top: none;
        top: 0;
        margin: 20px 0 20px 0;
    }
    div#ezw_tco-2 ul li {
        font-size: 91%;
        text-align: left;
        display: block;
        line-height: 35px;
        font-size: 14px;
        color: #4a4a4a;
        border-bottom: 1px solid #f4f4f4;
        margin-left: 10px;
    }
    div#ezw_tco-2 ul li:last-child {
        border-bottom: 0px solid #f4f4f4;
    }

    #author-avatar {
        float: none;
        margin: 5px auto;
        border-radius: 5px;
        width: 80px;
        height: 80px;
    }
    .comments .children,
    .comments .children .children {
        margin-left: 20px;
    }

    .wp-block-table {
        width: 100%;
    }
    body.home .content-title h1 {
        display: none;
    }
    .datagridAnbieter {
        overflow: auto;
    }

    .kreditkarte-template-default .post-content h1, .kreditkarte-template-default .post-content h2, .kreditkarte-template-default .post-content h3, .kreditkarte-template-default .post-content h4, .kreditkarte-template-default .post-content h5 {
        /* padding-left: 15px; */
    }

    .thumbnail-description {
        position: absolute;
        bottom: 27px;
        right: 15px;
        color: white;
        text-shadow: 1px 1px 2px grey, -1px -1px 2px grey, -1px 1px 2px grey, 1px -1px 2px grey;
    }
    /* break links in the comments */
    .entry .post-footer a {
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-all;
    }

    .content-wide .entry .post-meta {
        display: block;
    }

    .sidebar .widget {
        font: 14px/1.65 "Poppins", Helvetica, Arial, sans-serif;
    }

    .sidebar .widget h3 {
        text-transform: none;
        padding: 15px 0;
        font-size: 1.2em;
    }


    .mobile-sidebar-container {
        padding-top: 20px;
        display: grid;
    }

    /*.sub-menu {*/
    /*    display: none;*/
    /*}*/

    /*.toggle-submenu {*/
    /*    top: 15px;*/
    /*    right: 15px;*/
    /*    position: absolute;*/
    /*    color: white;*/
    /*    border: none;*/
    /*    background: none;*/
    /*    font-size: 18px;*/
    /*    cursor: pointer;*/
    /*    vertical-align: middle;*/
    /*    line-height: 1;*/
    /*    padding: 0;*/
    /*    margin-left: 10px;*/
    /*    transform: rotate(90deg);*/
    /*}*/

    /*li.open .toggle-submenu {*/
    /*    transform: rotate(270deg);*/
    /*    transition: transform 0.2s ease;*/
    /*}*/

    /*.toggle-submenu:active,*/
    /*.toggle-submenu:focus {*/
    /*    background: none;*/
    /*    outline: none;*/
    /*    box-shadow: none;*/
    /*}*/
    body.single-kreditkarte .entry-title {
        padding-left: 0;
        margin: 0;
        font-size: 22px;
        padding-top: 0;
        color: #050745;
        font-weight: 600;
    }
    body.single-kreditkarte .entry .post-meta {
        display: grid;
        padding: 0 0 20px 0;
    }
    body.single-kreditkarte .post-date {
        padding-top: 0;
        float: left;
    }
    body.single-kreditkarte .post-page-thumbnail {
        margin: 0;
    }


    .kreditkarte-template-default .post-content   {
        margin: 10px 23px 0 23px;
        padding: 0;
    }

    .schema-faq-section .faq-toggle-arrow {
      display: none;
    }
    .schema-faq-section.collapsed {
      max-height: inherit;
    }


  }

.sidebar .widget a {
    color: #050745;
}

img.size-full {
  width: 100%;
}

/* width is hard coded, max-width does not work */
@media (max-width: 600px) {
    .wp-block-image .aligncenter {
        width: 100% !important;
    }
}


.rpwe-block a {
    font: 12px/1.3 "Poppins", Helvetica, Arial, sans-serif !important;
}


.post-thumbnail {
    max-width: 100% !important;
    height: auto !important;
}

.post-title {
    font-size: 26px;
}

/* AMP */
.amp-mode-touch body {
    padding: 0;
}

/* Requested to hide table of content */
.ez-toc-pull-right {
    display: none !important;
}
div.ez-toc-widget-container ul.ez-toc-list {
    padding: 0 !important;
}

.shariff-button.facebook, .shariff-button.facebook a,
.shariff-button.pinterest, .shariff-button.pinterest a,
.shariff-button.twitter, .shariff-button.twitter a,
.shariff-button.whatsapp, .shariff-button.whatsapp a,
.shariff-button.telegram, .shariff-button.telegram a,
.shariff-button.mailto, .shariff-button.mailto a
{
    background: transparent !important;
}

.shariff-button.facebook .shariff-icon svg,
.shariff-button.pinterest .shariff-icon svg,
.shariff-button.twitter .shariff-icon svg,
.shariff-button.whatsapp .shariff-icon svg,
.shariff-button.telegram .shariff-icon svg,
.shariff-button.mailto .shariff-icon svg
{
    display: none !important;
}

.shariff-button.facebook .shariff-icon {
    background-image: url('images/social/Facebook.svg');
}
.shariff-button.pinterest .shariff-icon {
    background-image: url('images/social/Pinterest.svg');
}
.shariff-button.telegram .shariff-icon {
    background-image: url('images/social/Telegram.svg');
}
.shariff-button.telegram .tiktok-icon {
    background-image: url('images/social/TikTok.svg');
}
.shariff-button.mailto .shariff-icon {
    background-image: url('images/social/Newsletter.svg');
}
.shariff-button.twitter .shariff-icon {
    background-image: url('images/social/twitter.svg');
}
.shariff-button.whatsapp .shariff-icon {
    background-image: url('images/social/whatsapp.svg');
}
.shariff-icon {
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    display: block;
}

.kreditkarte-template-default .sidebar {
    display: none;
}

.utrp-block li.utrp-li.col-5 a.utrp-img {
    margin-top: 15px;
}

.wp-block-ut-related-posts .utrp-block li.utrp-li {
  /* Conflict in css with kreditkarten and related posts css */
  margin: 12.5px !important;
}

.reg-user-icon {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}

.inDealTop_responsiveAD {
    width: 100%; height: 100px;
}
@media(min-width: 500px) {
    .inDealTop_responsiveAD {
        width: 100%; height: 150px;
    }
}
@media(min-width: 800px) {
    .inDealTop_responsiveAD {
        width: 800px; height: 100px;
    }
}
.mk-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 9998;
}

.mk-popup-banner {
    display: none;
    position: fixed;
    z-index: 9999;
    max-width: 360px;
    max-height: 600px;
    min-height: 600px;
    width: 100%;
    min-width: 360px;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.mk-popup-banner img {
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.mk-popup-banner iframe {
    width: 100%;
    height: 360px;
    background-color: white;
}

.mk-popup-banner .close {
    position: absolute;
    right: 9px;
    top: 10px;
    color: black;
    font-size: 26px;
    padding: 0px 8px;
    cursor: pointer;
}

@media screen and (max-height: 599px) {
    .mk-popup-banner,
    .mk-popup-overlay {
        display: none !important;
    }
}

/* Search */

.mini-post-item, .chip, .search-btn, .chip-mini-cat {
    background: transparent;
}

.search-field {
    padding: 4px 16px;
    background: #F5F5F5;
    border: 2px solid rgba(5, 7, 69, 0.7) !important;
    border-radius: 64px;
}

.form-input-group {
    display: flex;
    gap: 10px;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* --- Base Category Styles --- */
.sr-cat, .th-post-category {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #96FF03; /* Default background */
    color: #050745;      /* Default text color */
    padding: 6px 17px;
    border-radius: 18px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.sr-cat a {
    color: inherit; /* Make link color the same as the parent */
    text-decoration: none;
}


/* --- Specific Category Colors --- */

/* Light Backgrounds (default black text is fine) */
.cat-reisen { background-color: #FEE5D3 !important; }
.cat-hotel { background-color: #FFFBB9 !important; }
.cat-aktivitaeten { background-color: #F8D5F3 !important; }
.cat-trends { background-color: #CCD1EE !important; }
.cat-gutscheine { background-color: #87E503 !important; }
.cat-reisemagazin { background-color: #64F3FE !important; }
.cat-stadtetrips { background-color: #EAFFCD !important; }
.cat-destinationen { background-color: #D5EEF8 !important; }
.cat-reiseinfos { background-color: #F9E7E7 !important; }
.cat-specials { background-color: #FCC421 !important; }

/* Dark Backgrounds (requires white text) */
.cat-fluege { background-color: #ABDDF1 !important; }
.cat-last_minute { background-color: #F2CFCE !important; }
.cat-kreditkarte { background-color: #E6E6E6 !important; }

/* Set text color for all dark backgrounds and their links */
.cat-fluege,
.cat-fluege a,
.cat-last_minute,
.cat-last_minute a,
.cat-kreditkarte,
.cat-kreditkarte a {
    /* color: #FFFFFF !important; */
}

.btn-load-more:hover,
.hotel_ads_load-more-btn:hover,
.ui-load-more-btn:hover,
.newsletter-form button:hover,
.sub-nav-item.sub-nav-active:hover,
.wl_submit-btn:hover,
/*.wl_tab.wl_active:hover,*/
.th-load-more-btn:hover {
    background-color: #FC7D21;
}

/*.wl_tab.wl_active:hover,*/
.sub-nav-item.sub-nav-active:hover {
    border: 1px solid #FC7D21;
}

.sub-nav-item:hover {
    background-color: #CCD1EE;
    border: 1px solid #CCD1EE;
}

.sub-nav-wrapper,
.hotel_ads_widget,
.wl_header-content,
.top-v-container,
.app-promo,
.travelhacks-widget,
.social_widget,
.urlaubsinspirationen-widget,
.find-best,
#deals-ajax-wrapper,
#deals-ajax-wrapper {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}


.search-wrapper {
    padding-top: 22px;
}

.voucher-subnav-wrapper {
  margin-bottom: -10px
}

#main, #infos, #erw, #stelle, #utteam {
  padding-top: 80px;
  margin-top: -80px;
}




/** Home newsletter */

.newsletter-widget-container {
  width: 100%;
  padding: 64px 16px;
  background: transparent;
  border-radius: 16px;
  overflow: hidden;
}

.newsletter-widget-content {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.newsletter-message {
  font-size: 12px;
  min-height: 1em;
}

.newsletter-text-column {
  color: #050745;
}

.newsletter-text-column h2 {
  font-size: 26px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 15px;
  text-align: left !important;
}

.newsletter-text-column p {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 30px;
  max-width: 450px;
}

.newsletter-form label {
  display: block;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
  text-align: left;
}

.newsletter-form .form-input-group {
  display: flex;
}

.newsletter-form input[type="email"] {
  flex-grow: 1;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 50px;
  font-size: 16px;
}


.newsletter-privacy-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 20px;
}

.newsletter-privacy-checkbox input[type="checkbox"] {
  /* Reset browser defaults */
  -webkit-appearance: none;
  appearance: none;
  margin: 0;

  /* Custom styles */
  flex-shrink: 0;
  margin-top: 2px;
  height: 1.3em;
  width: 1.3em;
  border: 2px solid #050745;
  border-radius: 4px;
  cursor: pointer;

  /* Position the custom checkmark inside */
  display: grid;
  place-content: center;
  transition: background-color 0.1s ease-in-out;
}

.newsletter-privacy-checkbox input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em white;

  /* Create a checkmark using clip-path */
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.newsletter-privacy-checkbox input[type="checkbox"]:checked {
  background-color: #050745; /* Fill color when checked */
}

.newsletter-privacy-checkbox input[type="checkbox"]:checked::before {
  transform: scale(1); /* Show the checkmark */
}

.newsletter-privacy-checkbox label {
  /* Override general label styles */
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  color: #050745;
  cursor: pointer;
}


.newsletter-disclaimer {
  font-size: 12px !important;
  color: #050745;
  margin-top: 15px !important;
}

.newsletter-image-column img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
}

.th-load-more-btn,
.btn-load-more,
.newsletter-form button,
.hotel_ads_load-more-btn,
.ui-load-more-btn {
  background-color: #050745;
  color: white;
  border: none;
  padding: 12px 35px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

@media (max-width: 1280px) {
  .newsletter-widget-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .newsletter-image-column {
    order: -1;
  }
  .newsletter-text-column {
    text-align: left;
  }
  .newsletter-text-column p {
    margin-left: auto;
    margin-right: auto;
  }
  .form-input-group {
    flex-direction: column;
  }
}
/*
==========================================================================
// AUTHOR PAGE TEMPLATE STYLES - DO NOT EDIT WITHOUT CONSULTATION
// These styles are specifically for author.php and are scoped with body.author
// NOTE: All font sizes have been reduced by approximately 10% from the previous version.
==========================================================================
*/

/* --- General Layout & Variables --- */
body.author {
    --author-color-primary: #050745;
    --author-color-accent: #e88c4b;
    --author-color-text: #333;
    --author-color-text-light: #555;
    --author-color-background: #FFFFFF;
    --author-color-background-soft: #f9f9f9;
    --author-border-radius: 12px;
    --author-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
body.author .author-page-container,
body.author #primary.author-deals-section {
    max-width: 900px;
    margin: 10px auto;
    padding: 0 20px;
}
body.author .author-page-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

body.author #primary.author-deals-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* --- Typography --- */
body.author h1.entry-title {
    font-size: 2.7rem; /* Was 3rem */
    color: var(--author-color-primary);
    text-align: center;
    margin: 1rem 0;
    line-height: 1.2;
}
body.author .author-section-title,
body.author .author-section h2 {
    font-size: 2.0rem; /* Was 2.25rem */
    font-weight: 700;
    color: var(--author-color-primary);
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 0;
    text-transform: none;
}
body.author #primary.author-deals-section .author-section-title {
    margin-top: 2rem;
}
body.author #primary.author-deals-section .author-section-title:first-of-type {
    margin-top: 0;
}

/* --- Breadcrumbs --- */
body.author .author-breadcrumbs {
    font-size: 0.8rem; /* Was 0.9rem */
    color: var(--author-color-text-light);
    margin-bottom: 1rem;
    text-align: center;
}
body.author .author-breadcrumbs a {
    color: var(--author-color-text-light);
    text-decoration: none;
}

/* --- Hero Section --- */
body.author .author-hero {
    display: flex;
    align-items: center;
    gap: 2rem;
    background-color: var(--author-color-background-soft);
    padding: 2rem;
    border-radius: var(--author-border-radius);
    margin-top: 1rem;
}
body.author .author-hero .author-photo img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid var(--author-color-background);
    box-shadow: var(--author-box-shadow);
}
body.author .author-hero .intro-quote,
body.author .author-hero .intro-bio {
    font-size: 1.0rem; /* Was 1.1rem */
    font-style: italic;
    color: var(--author-color-text-light);
    border-left: 4px solid var(--author-color-accent);
    padding-left: 1.5rem;
    margin: 0;
    background: none;
}
body.author .author-hero .intro-bio p { margin: 0; }
body.author .author-hero .intro-bio p + p { margin-top: .5rem; }
body.author .author-hero .intro-bio a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--author-color-accent);
    text-underline-offset: 2px;
}
/* --- Quick Facts Section --- */
body.author .quick-facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5rem;
}
body.author .fact-card {
    background-color: var(--author-color-background-soft);
    padding: 1.5rem;
    border-radius: var(--author-border-radius);
    text-align: center;
    box-shadow: var(--author-box-shadow);
}
body.author .fact-card h4 {
    margin: 0 0 0.5rem 0;
    font-size: 0.8rem; /* Was 0.9rem */
    color: var(--author-color-text-light);
    font-weight: normal;
}
body.author .fact-card p {
    margin: 0;
    font-size: 1.0rem; /* Was 1.1rem */
    font-weight: 600;
    color: var(--author-color-primary);
}

/* --- About Me Section --- */
body.author .about-me p {
    font-size: 1.0rem; /* Was 1.1rem */
    line-height: 1.7;
    color: var(--author-color-text-light);
}
body.author .about-me p strong {
    color: var(--author-color-primary);
}

/* --- Bucket List Section --- */
body.author .bucket-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
body.author .bucket-list-item {
    position: relative;
    border-radius: var(--author-border-radius);
    overflow: hidden;
    box-shadow: var(--author-box-shadow);
    transition: transform 0.3s ease;
}
body.author .bucket-list-item:hover {
    transform: translateY(-5px);
}
body.author .bucket-list-item img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
    margin:0; border: none; padding: 0;
}
body.author .bucket-list-item h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    color: white;
    font-size: 1.35rem; /* Was 1.5rem */
    font-weight: 700;
    text-align: left;
    text-transform: none;
}
.bucket-list-item.is-linked {
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bucket-list-item.is-linked:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

.bucket-list-item__link {
    text-decoration: none;
    color: inherit; /* Ensures the h3 title color is not overridden by link styles */
    display: block; /* Makes the entire area inside the link clickable */
}
/* --- Travel Memory Section --- */
body.author .travel-memory {
    color: white;
    padding: 2rem 2rem;
    border-radius: var(--author-border-radius);
    background-size: cover;
    background-position: center;
    text-align: center;
    box-shadow: var(--author-box-shadow);
}
body.author .travel-memory h2 {
    color: white;
}
body.author .travel-memory p {
    font-size: 1.1rem; /* Was 1.2rem */
    line-height: 1.8;
    max-width: 700px;
    margin: 0 auto;
}
body.author .travel-memory p strong {
    color: white;
}

/* --- Either/Or & Travel Hack --- */
body.author .either-or-image {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    height: auto;
}
body.author .tip-box {
    background-color: var(--author-color-background-soft);
    border-top: 5px solid var(--author-color-accent);
    padding: 2rem;
    border-radius: var(--author-border-radius);
    box-shadow: var(--author-box-shadow);
    text-align: center;
}
body.author .tip-box h3 {
    margin-top: 0;
    padding-bottom: 10px;
    font-weight: 700;
    color: var(--author-color-primary);
    font-size: 1.35rem; /* Was 1.5rem */
    text-transform: none;
}
body.author .tip-box p {
    font-size: 1.0rem; /* Was 1.1rem */
    line-height: 1.7;
    color: var(--author-color-text-light);
}
body.author .tip-box strong {
    color: var(--author-color-primary);
}

/* --- Author Articles Grid --- */
body.author .author-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
body.author .author-article-card {
    background: var(--author-color-background);
    border-radius: var(--author-border-radius);
    box-shadow: var(--author-box-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
body.author .author-article-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}
body.author .author-article-card .card-image-link {
    display: block;
    position: relative;
    text-decoration: none;
}
body.author .author-article-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    border: none;
    padding: 0;
    margin: 0;
}
body.author .author-article-card .card-category {
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: var(--author-color-primary);
    color: white;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.7rem; /* Was 0.8rem */
    font-weight: 600;
    text-transform: uppercase;
}
body.author .author-article-card .card-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
body.author .author-article-card .card-content h3 {
    margin: 0 0 0.5rem;
    font-size: 1.1rem; /* Was 1.25rem */
    line-height: 1.4;
    font-weight: 700;
    text-align: left;
    text-transform: none;
}
body.author .author-article-card .card-content h3 a {
    color: var(--author-color-primary);
    text-decoration: none;
}
body.author .author-article-card .card-content .card-excerpt {
    font-size: 0.8rem; /* Was 0.9rem */
    line-height: 1.6;
    color: var(--author-color-text-light);
    flex-grow: 1;
    margin: 0 0 1.5rem;
}
body.author .author-article-card .card-content .card-read-more {
    color: var(--author-color-accent);
    font-weight: 600;
    text-decoration: none;
    margin-top: auto;
    font-size: 0.9rem; /* Added for control */
}
body.author .author-article-card .card-read-more:hover {
    text-decoration: underline;
}

/* --- Responsive Adjustments --- */

/* Tablet and large phones */
@media (max-width: 960px) {
    body.author .bucket-list-grid,
    body.author .author-articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Small tablets and mobile */
@media (max-width: 768px) {
    body.author h1.entry-title { font-size: 2.0rem; } /* Was 2.2rem */
    body.author .author-hero {
        flex-direction: column;
        text-align: center;
    }
    body.author .author-hero .intro-quote {
        text-align: left;
    }
}

/* UPDATED: Mobile grid for articles */
/* Most phones in portrait */
@media (max-width: 600px) {
    body.author .bucket-list-grid,
    body.author .author-articles-grid {
        grid-template-columns: 1fr;
    }
}
/*
 * Author Profile Page Enhancements
 * ----------------------------------------------- */

/* Style for the new Travel Map Section */
.travel-map-section {
    text-align: center; /* Center the heading */
}

/* Container for the iframe for styling */
.travel-map-section .map-container {
    border-radius: 12px; /* Soft rounded corners */
    overflow: hidden; /* Ensures the iframe corners are also rounded */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); /* A subtle, modern shadow */
    margin-top: 20px; /* Space between heading and map */
    border: 1px solid #e0e0e0; /* A very light border for definition */
    background-color: #f9f9f9; /* A light background color for the loading state */
}

/* Ensure the iframe itself is displayed correctly */
.travel-map-section .map-container iframe {
    display: block; /* Removes any potential bottom spacing */
    width: 100%; /* Ensures it's responsive */
}

/* Ensure consistent heading style with other sections */
.author-section h2 {
    margin-bottom: 25px; /* Adjust as needed for your design */
    font-size: 2em; /* Example size, match to your other h2s */
    text-align: center;
}

/* =================================================================
   Author Page - Contact Card Styles
   ================================================================= */

.contact-section {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.contact-card {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

@media (min-width: 768px) {
    .contact-card {
        flex-direction: row;
        align-items: baseline; /* Perfect vertical text alignment */
        gap: 2.5rem;
    }
}

.contact-card strong {
    color: #333;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 0.5rem;
}

.contact-card__email a {
    color: #0073aa;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease-in-out;

    /* FIX: Explicitly set the font size to match the surrounding text */
    font-size: initial;
    line-height: inherit; /* Good practice to ensure vertical spacing is also correct */
}

.contact-card__email a:hover {
    border-bottom-color: #0073aa;
}

.contact-card__socials .social-icon-list {
    margin-top: 4px; /* Nudges the icons down slightly for perfect alignment */
}

.social-icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.social-icon-list__link {
    display: block;
    color: #050745;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.social-icon-list__link:hover {
    color: #000;
    transform: scale(1.1);
}

.social-icon-list__link svg {
    width: 28px;
    height: 28px;
}