/* Theme Name: Kuipstar Theme URI: www.kriesi.at/ Description: Child theme for the Enfold Theme Version: 1.0 Author: Richard Kuipers Author URI: http://www.kuipstar.nl Template: enfold */ @font-face { font-family: 'La Petite Robe'; src: url('../fonts/fNWQkIkt4aeW.eot'); src: url('../fonts/fNWQkIkt4aeW.eot#iefix') format('embedded-opentype'), url('../fonts/hSP3mWUJcATP.woff2') format('woff2'), url('../fonts/rhNbOExJvgHl.woff') format('woff'), url('../fonts/EZHzcsTzmpZL.ttf') format('truetype'), url('../images/bea5wHzYBTRN.svg#LaPetiteRobe') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins Medium'; src: url('./font/Inter-Medium.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins SemiBold'; src: url('./font/Inter-Bold.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins Regular'; src: url('../fonts/JWJL5ZpdmXhb.ttf'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins Medium'; src: url('../fonts/9hePnFmRkgvZ.ttf'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins SemiBold'; src: url('../fonts/LZljWT3yoOEB.ttf'); font-weight: normal; font-style: normal; font-display: swap; } /* New Fonts */ #top .avia_textblock {line-height: 2;} #top p {line-height: 2;} h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title, .html_elegant-blog #top .minor-meta, #av-burger-menu-ul li { font-family: 'Poppins SemiBold'; letter-spacing: 0px !important; } #top #header .av-main-nav > li > a {text-decoration: none !important; font-size: 14px;} #top a { text-decoration: underline;} body#top, #top .av-subheading_below { font-size: 16px !important;font-family: 'Poppins Regular';} #top #wrap_all .social_bookmarks li a { text-decoration: none !important;} .entry-content-wrapper div li { line-height: 2;} #top strong, #top b {font-family: 'Poppins SemiBold'; font-weight: normal; margin: 10px 0 0 0;} #top h1 { font-size:30px;} #top h2 { font-size:24px;} #top h3 { font-size:24px;} #top .av-social-sharing-box { margin-top: 0px;} /* New */ #top .entry-content-header h3.slide-entry-title {font-size: 16px; margin-top: 15px; } #top .widder-slide { background-color: #ffcdcc;} #top .widder-slide .slideshow_align_caption {vertical-align: bottom;} #top .widder-slide .slideshow_caption {padding: 35px 0; width: 100%;} #top .widder-slide .slideshow_caption h2 { font-size: 150px; color: #000 !important; text-align: center;text-transform: uppercase !important; margin: 0; line-height: 1;} #top .widder-slide .slideshow_caption .avia-caption-content p {text-align: center; margin: 0; line-height: 1.5; color: #000;font-family: 'Poppins SemiBold'; font-weight: normal; font-size: 20px; margin-bottom: 50px;} #top.page-id-4083 .flex_column_table.av-equal-height-column-flextable { margin: 0px 0 50px 0 !important;} #sternzeichen-section {margin-top: -50px;border-top-left-radius: 50px;border-top-right-radius: 50px;padding: 100px 0 150px 0; position: relative; z-index: 1;} /* Moon widget */ #moon_phases-4 .widgettitle { font-size:20px; margin-bottom:25px; margin-top:25px;} .moon_phase_title { display:block; text-align:left;} #top .moon_img { text-align:center; padding-bottom:25px;} #top .moon_wrapper { border-bottom:1px solid #ddd; padding:25px 0px;} .moon_phase_horoskop { text-align:left; display:block; font-size:13px; color:#555;} #top .mondphase_grid {display: grid; grid-template-columns: 300px 600px ; padding: 0px ; margin-top:0px; position: relative; align-items: center;justify-content: left;grid-column-gap: 20px;grid-row-gap: 20px;} /* Sternzeichen Grid */ #top #horoskop.sternzeichen .entry-content-wrapper { display: grid;grid-column-gap: 15px;grid-row-gap: 15px;padding: 0px 0px;grid-template-columns: repeat(auto-fill,minmax(120px,1fr));grid-auto-flow: column;grid-auto-columns: minmax(120px,1fr);overflow-x: auto;justify-content: flex-start;} #top #horoskop.sternzeichen div .av_one_fourth {width: 100%;margin: 0px 0 25px 0px;} #top #horoskop.sternzeichen div .av_one_fourth h4 {font-size: 15px;} #top .horoskop-gallery .av-special-heading {margin: 0 0 25px 0;} #top .horoskop-gallery .sternzeichen-gallery .av-masonry-container .av-masonry-item-no-image { display: none; visibility: hidden; opacity: 0;} #top .horoskop-gallery .sternzeichen-gallery .av-inner-masonry-content { background-color: transparent;padding: 5px 0;} #top .horoskop-gallery .sternzeichen-gallery .avia-arrow { display: none; visibility: hidden; opacity: 0;} #top .horoskop-gallery .sternzeichen-gallery .av-masonry-entry-title { text-align: center; font-size: 16px;} /* New Grid */ #top #horoskop .entry-content-wrapper { display: grid; grid-template-columns: repeat(4, 1fr) ; padding: 0px ; margin-top:0px; position: relative; align-items: center;justify-content: center;grid-column-gap: 20px;grid-row-gap: 20px;} #top #horoskop div .av_one_fourth {width: 100%;margin: 0px;} .clearfix::before, .clearfix::after, .flex_column::before, .flex_column::after, .widget::before, .widget::after {content: initial;} #top #horoskop .widder .avia-image-overlay-wrap img {background-color:#f7b2cf;} #top #horoskop .stier .avia-image-overlay-wrap img {background-color:#50c8ec;} #top #horoskop .zwillinge .avia-image-overlay-wrap img {background-color:#cbd176;} #top #horoskop .krebs .avia-image-overlay-wrap img {background-color:#76c480;} #top #horoskop .loewe .avia-image-overlay-wrap img {background-color:#e6ab8a;} #top #horoskop .jungfrau .avia-image-overlay-wrap img {background-color:#d69dc7;} #top #horoskop .waage .avia-image-overlay-wrap img {background-color:#9abae2;} #top #horoskop .skorpion .avia-image-overlay-wrap img {background-color:#d2bf8a;} #top #horoskop .schuetze .avia-image-overlay-wrap img {background-color:#abd8af;} #top #horoskop .steinbock .avia-image-overlay-wrap img {background-color:#d5bda8;} #top #horoskop .wassermann .avia-image-overlay-wrap img {background-color:#d7b0d3;} #top #horoskop .fische .avia-image-overlay-wrap img {background-color:#d2bf8a;} #top #horoskop div .av_one_fourth img {border-radius: 12px !important;} #top #custom_html-26 {padding-top: 25px;} .responsive #top #wrap_all .slide-entry { margin-bottom: 25px !important;} #top #wrap_all .zodiac-image { margin: 50px 0px;} #top #wrap_all .sternzeichen-image { width: 100px; margin: 25px 0px;} #top .element-image img { margin: 0px 0px 25px 0px;} #top .sterrenbeeld_column ol {padding: 25px;margin: 25px 0px 0px 0px;background-color: #f9f9f9;} #top .sterrenbeeld_column ol a { font-weight: bold; text-decoration: none !important;} #top #wrap_all .karte-tages-h2 { padding-bottom: 0px; margin: 25px 0 35px 0;} #top #wrap_all .all_colors .elegant-h2 {font-family: 'La Petite Robe'; font-size:40px; line-height:0; text-transform:none; font-weight:normal !important; display:block;text-align: left;line-height: 40px;color: #000;} #top #wrap_all .all_colors .sidebar-h2 { font-size: 40px; text-transform: uppercase;font-weight: 900 !important;margin-top: -23px; color: #000;} #top #wrap_all #custom_html-24 .textwidget { color: #555; line-height: 24px;} #top #wrap_all #custom_html-24 { margin-bottom: 25px; margin-top: 25px;} /* New CSS */ .responsive .container { margin: 0px auto; padding: 0px; max-width: 1210px } #top #horoskop .container { border-bottom: 1px solid #ddd; margin-bottom: 50px; padding-bottom: 40px;} #top.home #moon_phases-2 .widgettitle, #top.page-id-655 #moon_phases-2 .widgettitle { margin-top: 0px;} .affix { position:fixed; top:75px; padding: 0px !important; } #top.home .tarot_left, #top.page-id-655 .tarot_left { width:150px; } #top .karte-sternzeichen .avia_textblock {} #top .karte-sternzeichen .tarot_left { margin: auto; display: block;} #top .karte-sternzeichen .tarot_right {padding: 0px; text-align: center; margin: 25px auto 0 auto;display: block; width: 480px;} #top .karte-sternzeichen { border-bottom: 1px solid #ddd; margin: 0 0 25px 0; padding: 0 0 50px 0;} #top .horoskope_column.last { border-bottom: 0px;} #top.home .astrologie_text b, #top.page-id-655 .astrologie_text b{ display: block;} #top .karte-sternzeichen.beratung .avia-image-container-inner { width: 200px; margin: 25px 0px 15px 0;} #top #wrap_all .karte-sternzeichen.beratung .karte-tages-h2 { margin: 25px 0 25px 0;} #sternzeichen_header h1 { color:#fff !important;} #top .author-box { margin-top: 25px; border-bottom: 1px solid #ddd;padding-bottom: 25px;} #top .page-heading-container { margin-bottom: 0px; padding-bottom: 25px;} #top .av-post-metadata-container-inner { font-weight:500;} #top #horoskop_column ul { margin: 20px 0px;} #top .tarot-text h4 { margin-bottom: 15px;} /* New */ #top .zodiac-tekens ul li { list-style: none; margin-left: 0px; padding: 5px 0px;} #top .zodiac-tekens ul li { font-weight: bold; margin-bottom: 5px;} #top .zodiac-tekens ul li ul li { font-weight: normal;margin-bottom: 0px;} #top .zodiac-tekens ul { margin: 0px;} #top .main_color .avia-data-table.avia_pricing_minimal th { text-align: left;font-family: 'Inter', sans-serif; font-weight: 700; text-transform: none; padding: 15px 0px; color: #000; letter-spacing: -1px; font-size: 16px;} #top .horoskop-image img { margin: 25px 0px 50px 0px;} #top blockquote { font-size: 16px;line-height: 28px;padding: 10px 15px;margin: 25px 0px 25px 0px;background-color: #f9f9f9;border-left-width: 5px;} #top .horoskope_column ol { padding: 25px;margin: 25px 0px 25px 0px;background-color: #f9f9f9;} #top .horoskop-heading {margin: 0px 0px 25px 0px;} #top.widder #horoskop_content.home-content div .flex_column, #top.stier #horoskop_content.home-content div .flex_column, #top.zwillinge #horoskop_content.home-content div .flex_column, #top.krebs #horoskop_content.home-content div .flex_column, #top.loewe #horoskop_content.home-content div .flex_column, #top.jungfrau #horoskop_content.home-content div .flex_column, #top.waage #horoskop_content.home-content div .flex_column, #top.skorpion #horoskop_content.home-content div .flex_column, #top.schuetze #horoskop_content.home-content div .flex_column, #top.steinbock #horoskop_content.home-content div .flex_column, #top.wassermann #horoskop_content.home-content div .flex_column, #top.fische #horoskop_content.home-content div .flex_column { width:50%;} #top #horoskop_column.kurz { padding: 50px; background-color: #f9f9f9;} #top .interview img { margin-right: 25px; margin-bottom: 15px;} /* Responsive Video */ .video-container {width: 100%; margin: 50px auto 35px auto;background-color: #debebe; border-radius: 25px;} .video-container video {border-radius: 0px;mix-blend-mode: darken;width: 480px; margin: auto;display: block; -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 30%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,0) 100%); mask-image: radial-gradient(circle, rgba(0,0,0,1) 30%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,0) 100%); } .video-container.stier {background-color: #c7f1f0;display: flex;justify-content: end; overflow: hidden;} .video-container.stier video { margin: 0px;mix-blend-mode: normal; mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0) 100%); -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0) 100%); } #top .blog-vid-container { border-top: 1px solid #ddd; margin: 50px 0 0px 0; padding: 0;} .responsive-video-container {position: relative;overflow: hidden; width: 100%;padding-top: 56.25%; margin: 25px 0px 0px 0px; border-radius: 12px;} /* Then style the iframe to fit in the container div with full height and width */ .responsive-iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;} #top .blog-video-container { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 50px 0; padding:25px 0px 50px 0;} #top .fakten { border-bottom: 1px solid #ddd; margin: 0; padding:0px 0px 25px 0;} #top .blog-link { padding: 15px; background-color: #f9f9f9; border-left: 4px solid #000; margin: 25px 0px 50px 0px;} #top .blog-link b { display: block; font-size: 14px;} #top .blog-link a { text-decoration: none !important ;} /* App promotie */ .download-app { display:block; margin-top: 25px; border-top: 1px solid #ddd !important;padding-top: 25px;} .android-link a { display:block; margin-top: 10px; text-decoration: none !important; font-weight: bold; padding: 10px 15px;background-color: #f95fc6;color: #fff;} .android-link a:hover { opacity: 1;} .ios-link a { display:block; margin-top: 10px; text-decoration: underline !important;font-weight: bold;} /* Podcast */ /* Podcast */ #top .podcast_column .avia-image-container { margin-bottom: 25px;} #top .podcast_column { border-bottom: 1px solid #ddd; margin-top: 25px; padding-bottom: 50px;border-top: 1px solid #ddd; padding-top: 50px;} #top .podcast_column .podcast-grid {display: grid; grid-template-columns: repeat(3, 1fr) ; padding: 0px ; margin-top:0px; position: relative; align-items: stretch;justify-content: center;grid-column-gap: 20px;grid-row-gap: 20px;margin-top: 25px;} #top .podcast_column .podcast { padding: 25px; background-color: #f9f9f9;margin-bottom: 25px; border: 1px solid #ddd;border-radius: 25px; color: #fff;aspect-ratio: 1;position: relative;} #top .podcast_column .podcast h3 {font-size: 18px; margin-top: 0px; color: #fff !important;} #top .podcast_column .podcast:nth-child(1) {background-color: #f5b3cf;} #top .podcast_column .podcast:nth-child(2) {background-color: #50c8ec;} #top .podcast_column .podcast:nth-child(3) {background-color: #cbd176;} .podcast audio { height: 40px; outline: none; border-radius: 10px; position: absolute; bottom: 25px; margin: auto; left: 0; right: 0; } /* Extra: op mobiele apparaten iets compacter */ @media (max-width: 600px) { #top .podcast_column .podcast {aspect-ratio:auto;} .podcast audio { height: 36px; position: relative; bottom: auto;width: 100%; } } /* Config Sternzeichen */ #top .sternzeichen-kurz { background-color: #f9f9f9; padding: 25px; margin: 25px 0px;} #top .slide-meta { display: none; opacity: 0; visibility: hidden;} /* Widder */ #top.widder #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.widder .numeric {background-color:#f7b2cf;} #top.widder #wrap_all #horoskop_extra .star-ratings-css-top {color:#f7b2cf;} #top.widder .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_widder .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #f7b2cf 50%) right; background-size: 200%;} .sternzeichen_widder .progressbar_inner {background-color: #f7b2cf;} #top.widder .tarotBtn {background-color: #f7b2cf;} /* Stier */ #top.stier #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.stier .numeric {background-color:#50c8eb;} #top.stier #wrap_all #horoskop_extra .star-ratings-css-top {color:#50c8eb;} #top.stier .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_stier .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #50c8eb 50%) right; background-size: 200%;} .sternzeichen_stier .progressbar_inner {background-color: #50c8eb;} #top.stier .tarotBtn {background-color: #50c8eb;} /* Zwillinge */ #top.zwillinge #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.zwillinge .numeric {background-color:#cbd176;} #top.zwillinge #wrap_all #horoskop_extra .star-ratings-css-top {color:#cbd176;} #top.zwillinge .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_zwillinge .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #cbd176 50%) right; background-size: 200%;} .sternzeichen_zwillinge .progressbar_inner {background-color: #cbd176;} #top.zwillinge .tarotBtn {background-color: #cbd176;} /* Krebs */ #top.krebs #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.krebs .numeric {background-color:#76c480;} #top.krebs #wrap_all #horoskop_extra .star-ratings-css-top {color:#76c480;} #top.krebs .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_krebs .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #76c480 50%) right; background-size: 200%;} .sternzeichen_krebs .progressbar_inner {background-color: #76c480;} #top.krebs .tarotBtn {background-color: #76c480;} /* Löwe */ #top.loewe #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.loewe .numeric {background-color:#e6ab8a;} #top.loewe #wrap_all #horoskop_extra .star-ratings-css-top {color:#e6ab8a;} #top.loewe .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_loewe .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #e6ab8a 50%) right; background-size: 200%;} .sternzeichen_loewe .progressbar_inner {background-color: #e6ab8a;} #top.loewe .tarotBtn {background-color: #e6ab8a;} /* Jungfrau */ #top.jungfrau #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.jungfrau .numeric {background-color:#d69dc7;} #top.jungfrau #wrap_all #horoskop_extra .star-ratings-css-top {color:#d69dc7;} #top.jungfrau .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_jungfrau .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #d69dc7 50%) right; background-size: 200%;} .sternzeichen_jungfrau .progressbar_inner {background-color: #d69dc7;} #top.jungfrau .tarotBtn {background-color: #d69dc7;} /* Waage */ #top.waage #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.waage .numeric {background-color:#9abae2;} #top.waage #wrap_all #horoskop_extra .star-ratings-css-top {color:#9abae2;} #top.waage .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_waage .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #9abae2 50%) right; background-size: 200%;} .sternzeichen_waage .progressbar_inner {background-color: #9abae2;} #top.waage .tarotBtn {background-color: #9abae2;} /* Skorpion */ #top.skorpion #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.skorpion .numeric {background-color:#d2bf8a;} #top.skorpion #wrap_all #horoskop_extra .star-ratings-css-top {color:#d2bf8a;} #top.skorpion .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_skorpion .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #d2bf8a 50%) right; background-size: 200%;} .sternzeichen_skorpion .progressbar_inner {background-color: #d2bf8a;} #top.skorpion .tarotBtn {background-color: #d2bf8a;} /* Schuetze */ #top.schuetze #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.schuetze .numeric {background-color:#abd8af;} #top.schuetze #wrap_all #horoskop_extra .star-ratings-css-top {color:#abd8af;} #top.schuetze .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_schuetze .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #abd8af 50%) right; background-size: 200%;} .sternzeichen_schuetze .progressbar_inner {background-color: #abd8af;} #top.schuetze .tarotBtn {background-color: #abd8af;} /* Steinbock */ #top.steinbock #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.steinbock .numeric {background-color:#d5bda8;} #top.steinbock #wrap_all #horoskop_extra .star-ratings-css-top {color:#d5bda8;} #top.steinbock .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_steinbock .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #d5bda8 50%) right; background-size: 200%;} .sternzeichen_steinbock .progressbar_inner {background-color: #d5bda8;} #top.steinbock .tarotBtn {background-color: #d5bda8;} /* Wassermann */ #top.wassermann #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.wassermann .numeric {background-color:#d7b0d3;} #top.wassermann #wrap_all #horoskop_extra .star-ratings-css-top {color:#d7b0d3;} #top.wassermann .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_wassermann .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #d7b0d3 50%) right; background-size: 200%;} .sternzeichen_wassermann .progressbar_inner {background-color: #d7b0d3;} #top.wassermann .tarotBtn {background-color: #d7b0d3;} /* Fische */ #top.fische #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag, #top.fische .numeric {background-color:#d2bf8a;} #top.fische #wrap_all #horoskop_extra .star-ratings-css-top {color:#d2bf8a;} #top.fische .horoskop_overlay .weiterlesen .avia-button, #top.sternzeichen_fische .horoskop_overlay .weiterlesen .avia-button {background: #fff; /* default color */ background: linear-gradient(to left, transparent 50%, #d2bf8a 50%) right; background-size: 200%;} .sternzeichen_fische .progressbar_inner {background-color: #d2bf8a;} #top.fische .tarotBtn {background-color: #d2bf8a;} /* Sternzeichen heute */ .sternzeichen-heute-img { float:left; width:100px; height:100px; margin-right:15px; display:block;} .sternzeichen-saison, .sternzeichen-heute { clear:both; float:none;} .sternzeichen-heute h2 { margin-bottom:15px;} .sternzeichen-saison h2 { margin:15px 0px;} /* Temporary */ #media_image-4 img { width:100%; padding-top:25px; padding-bottom:25px;} #top #horoskop_gluckzahl .avia-builder-widget-area img { width:100%;} #top #wrap_all .horoskop_overlay { border-bottom:0px;} /* Reset */ * {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } #top a { text-decoration:underline;} input:focus, textarea:focus, select:focus, p:focus, a:focus, div:focus {outline: none;} .html_modern-blog #top .post-entry .blog-categories, .html_modern-blog #top .post-entry .post-meta-infos { display:none;} .image-overlay {display: none !important;opacity: 0 !important;} .av-siteloader { display: none; } #top #main .avia-section .template-page { padding-top:0px; padding-bottom:0px; margin-bottom:0px;} #top .container .content, #top .sidebar { padding-top:0px; padding-bottom:0px;} .widget { padding:25px 0px 0px 0px;} #top .widget_custom_html { padding:0px; margin:0px; line-height:1;} body .column-top-margin { margin-top:25px; margin-bottom: 25px;} #top img { border-radius:12px !important;pointer-events: none !important;} .big-preview.single-big a {pointer-events: none;} .template-blog .post-entry-last .post_delimiter { display:none;} #sternzeichen_header, #g-head-m { position:relative; z-index:2;} div .av_one_half {margin-left: 3%;width: 48.5%;} .inner_sidebar {margin-left: 0;} #scroll-top-link { display:none;} .av-special-heading { margin-top:25px; margin-bottom: 25px;} .hide { display:none !important;} #top .footer_schema { display:table-column; float:none; } .footer_schema h3 { margin-top:15px;} #top #wrap_all .av-minimal-toggle .toggle_icon {position: absolute;right: 20px;display: block;left: auto;color: #000;} #top #wrap_all .toggle_icon .hor_icon, #top #wrap_all .toggle_icon .vert_icon { border-color: #000;} #top .sterrenbeeld_column .inhoud .toggle_content a { text-decoration: none;} #top #wrap_all .hr-inner { border-color: #ddd;} /* Taboola */ #top #tbl-next-up, #top .tbl-read-more-box { display:none !important;} #top .tbl-feed-card .video-label-box .video-description { display:none !important;} .tbl-forkorts-article.tbl-forkorts-article-active { max-height:none !important;} #top .trc_rbox_header, #top .tbl-feed-header { display:none !important;} #top #taboola-below-article-thumbnails { padding-top:25px;} /* Taboola */ #top #taboola-below-article-thumbnails { margin: 0; padding: 0;} .trc_elastic .thumbBlock_holder {border-radius: 8px;overflow: hidden;} #top .tbl-reco-reel-progressBar-overflow-wrp { border-radius: 8px;} #top .tbl-feed-header {margin-top: -50px;} #top .video-title {font-family: 'Poppins SemiBold'; font-weight: normal;font-size: 16px; line-height: 1.5; color: #000;margin-bottom: 5px;-webkit-line-clamp: 2 !important;} #top .video-description {font-family: 'Poppins Regular'; font-weight: normal; font-size: 12px;} #top .trc_elastic .trc_rbox .trc_rbox_div { margin: 25px 0px;} #top .tbl-next-up { display: none;} /* Ads */ #g-head-m { display:none;} .medium_text { display:none;} #g-head-m .widget { padding:0px; width:100%; position:relative;} #g-head-m .g-middle { border-bottom:0px!important; padding:0px !important;border-top:0px!important; } .g-middle { border-bottom:1px solid #ddd !important; padding:50px 0px;border-top:1px solid #ddd !important; } #top #g-middle.sterrenbeeld { border-bottom:0px ; padding-bottom:25px; padding-top:25px;border-top:1px solid #ddd; } #top #horoskop_gluckzahl .avia-builder-widget-area { display:none;} #horoskop_column .widget { } #top #main #horoskop_sternzeichen.amazon { display:none;} #top #main #horoskop_column.amazon { display:none;} #top #horoskop_geschichte .horoskope_column { border-bottom:0px; padding-bottom:0px; } #top .show-adblock { display:block !important;} #top .horoskop_text .g-middle { padding:25px 0px; border-top: 1px solid #ddd; border-bottom:1px solid #ddd; margin: 25px 0px; } /* Mobile Menu */ .html_av-overlay-side .av-burger-overlay-scroll { width:100%;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li a { font-size:20px;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li li a { padding-left:0px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ddd; margin-left:50px; margin-right:50px; padding-right:0px;} .html_av-overlay-side-minimal #top .av-burger-overlay .sub-menu .avia-menu-text { font-weight:normal; font-size:14px; color:#555; } .html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover { background-color:transparent !important;} /* Main Menu */ #top #header .av-main-nav > li > a { text-decoration: none;} #top #header .avia_mega_div > .sub-menu:nth-child(1) { display: table-cell; clear: none; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 5px; vertical-align: top;} #top #header .avia_mega_div > .sub-menu:nth-child(2) { display: table-cell; clear: none; padding-top: 10px; padding-bottom: 10px; padding-right: 0px; padding-left:15px; vertical-align: top;} #top #header .avia_mega_div > .sub-menu:nth-child(1) > li { border-right: 1px solid #ddd; padding-left: 10px; } #top #header .avia_mega_div > .sub-menu:nth-child(1) > li:last-child a { border-bottom:0px;} #top #header .avia_mega_div > .sub-menu:nth-child(2) > li:last-child a { border-bottom:0px;} #top #header .avia_mega_div > .sub-menu > li { padding-top: 0px;} #top #header .avia_mega_div > .sub-menu > li { width:200px; float: left; padding-left: 0px; border: 0px;} #top #header .mega_menu_title a { font-weight: normal; font-size: 13px; text-transform: none; color: #555; border-bottom: 1px solid #ddd; height: 50px; line-height: 50px; font-family: 'Poppins Regular';} #header .avia_mega_div .avia_mega_menu_columns_last { padding-right: 25px;} #top #header .mega_menu_title a:hover { text-decoration: none;} #top #header .avia_mega_div > .sub-menu.avia_mega_hr {border-top-width: 2px;border-top-style: solid;border-top-color: #000;} #top #header .avia_mega_div { box-shadow: none; border: 1px solid #ddd; padding: 0px; margin: -2px 0 0 0; width: auto;} /* Logo */ .logo img { width:250px;} /* Home */ #top .avia-section { min-height:auto;} #top #main #horoskop_header { margin-top:25px;} #top #main #horoskop_header .template-page { border-bottom:0px solid #ddd; padding-bottom:25px;} #horoskop_header .av-special-heading h2 { letter-spacing:0px; font-size:24px;} /* Horoskop Nav */ #top #main #horoskop .template-page { padding-bottom:0px; } #horoskop .av_one_fourth { width:16.66%; margin:0px; position: relative;clear:none; margin-bottom:10px;} #top #horoskop .av_one_fourth .av-special-heading.av-linked-heading a:hover {opacity:1;} #horoskop .av_one_fourth .av-special-heading { margin-top:10px } #horoskop .av_one_fourth .av-special-heading .av-subheading { font-size:13px !important;color:#666;} /* Homepage Horoscoop */ .homepage_horoskop {position: relative;color: #888;font-size: 12px;line-height: 18px;height: 60px;overflow: hidden; text-align: center; width:60%; margin:auto; padding-top:10px; display: none;} .homepage_horoskop::before {content: '';position: absolute;z-index: 99;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 99.5%);display: block;} #top.home #horoskop_content.home-content div .flex_column { width:50%;} #top #horoskop_content.avia-content-slider .slide-entry-title {font-size: 16px;color: #000;line-height: 1.5;letter-spacing: normal; margin: 15px 0px 20px 0px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal; } /* Tarot */ #horoskop_tarot { padding: 0;width: 1210px;margin: auto;display: block;left: 0;right: 0;float: none;clear: both; } #horoskop_tarot .container {padding: 0px ; } #top #main #horoskop_tarot .container .content { padding-top:25px; border-top:1px solid #ddd; padding-bottom:25px;} #horoskop_tarot .container img { width:100%; } #top #wrap_all #horoskop_tarot .container .av-special-heading-tag { font-size:24px;margin-top: 0px; margin-bottom:25px;} #top #wrap_all #horoskop_tarot .avia_textblock { color:#555;} #top .tarot_img { margin-bottom:0px; width:25%; padding:0px; } #top #wrap_all .tarot_column { margin-left:0px;margin-bottom:0px; border-left:1px solid #ddd; padding-left:25px; width:70%;} /* Karte des Tages */ .tarot_left { width:150px; display:inline-block; margin-top:0px; vertical-align:top;} #top .tarot_left img { border:1px solid #ddd; border-radius:5px !important;} .tarot_right {display: inline-block;width: auto;margin:0px; padding-left:20px;} .tarot_right h6 { font-size:20px; margin-bottom:10px;} #top .tarotBtn {font-size: 16px;cursor: pointer;border: 0px;background-color: #ff63ce;color: #fff;font-family: 'Poppins SemiBold';border-radius: 50px;width: auto;padding: 10px 25px;margin: 10px auto 0 auto;display: block;} #top #tarotBack { width:150px; display:block; margin: auto;} /* Deine Tarot */ .wahlen_tarot p { margin:0px; display:block;font-family: 'Poppins Medium'; color:#000; font-size:16px; } .tarot-outcome { min-height:370px;} .tarot-outcome .deck { height:0px;} .tarot-kaarten { display:none; margin-left:15px; width:80%; vertical-align:top; } .tarot-kaarten h1 { font-size:18px ; margin-bottom: 15px;} .scene { width: 17%;height: auto; perspective: 600px; display:inline-block; margin: 0px -130px 0px 0px; transition:ease 1.5s; vertical-align:top;} .card {width: 100%;transition: transform 1.5s;transform-style: preserve-3d;cursor: pointer;position: relative;transition:margin 0.5s ease all visibility 0s, opacity 0.5s linear} .card.is-flipped {transform: rotateY(180deg);margin-top: 0px; display:block !important; } .card__face { position: absolute;width: 100%; -webkit-backface-visibility: hidden;backface-visibility: hidden; } .card__face--back {transform: rotateY(180deg);} #top .card__face--back img, #top .card__face--front img {border: 1px solid #ddd !important; border-radius:5px !important;} .spread {margin:0px -100px 0px 0px !important;} .show { display:inline-block !important; position:relative; z-index:99; } .show-text { display:inline-block !important; position:relative; z-index:9; } .no-margin {margin: 0 !important;} .no-click { pointer-events:none;} .empfehlung { display:none;} .empfehlung h1 { font-size:16px;} #top .tarot_rat {width: auto;display: inline-block;padding: 8px 10px;border-bottom: 1px solid #000;margin-top: 15px;color: #000; cursor:pointer; font-size:14px;} .meer_advies { display:none;} /* Planeten */ #horoskop_planeten { padding: 0;width: 1210px;margin: auto;display: block;left: 0;right: 0;float: none;clear: both; } #horoskop_planeten .container {padding: 0px ; } #top #main #horoskop_planeten .container .content { padding-top:25px; border-top:1px solid #ddd; padding-bottom:25px;} #horoskop_planeten .container img { width:100px; } #top #wrap_all #horoskop_planeten .container .av-special-heading-tag { font-size:24px;margin-top: 0px;} #top #wrap_all #horoskop_planeten .avia_textblock { color:#555;} #top .planeten_img { border-right:1px solid #fff;margin-bottom:0px; } #top .planeten_column { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 50px 0; padding: 50px 0;} /* Zitat */ #horoskop_zitat { padding: 0;width: 1210px;margin: auto;display: block;left: 0;right: 0;float: none;clear: both; } #horoskop_zitat .container {padding: 0px; } #top #main #horoskop_zitat .container .content { padding-top:25px; border-top:1px solid #ddd; padding-bottom:25px;} #horoskop_zitat .container img { width:150px; } #top #wrap_all #horoskop_zitat .container .av-special-heading-tag { font-size:24px;margin-top: 0px;} #top #wrap_all #horoskop_zitat .avia_textblock { color:#555;} #top #wrap_all #horoskop_zitat b { display:block;color:#000;} #top .zitat_img { border-right:1px solid #ddd; margin-bottom:0px; } #top .zitat_column { margin-left:25px;margin-bottom:0px;} #top .zitat .av-special-heading { margin-bottom: 5px;} #top .zitat b { display: block;} #top .horoskope_column.zitat {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 50px 0; padding: 50px 0;} #top .horoskope_column.zitat-sternzeichen {border-top: 0px solid #ddd; border-bottom: 1px solid #ddd; margin: 0px 0 50px 0; padding: 50px 0;} #top .zitat-sternzeichen .av-special-heading { margin-bottom: 5px;} #top .zitat-sternzeichen b { display: block;} /* Over horoscoop */ #top #wrap_all #main #horoskop_geschichte.erste {border-top:1px solid #ddd; } #top #wrap_all #main #horoskop_geschichte { padding: 0;width: 1210px;margin: auto;display: block;left: 0;right: 0;float: none;clear: both; } #horoskop_geschichte .container {padding: 0px ; } #top #main #horoskop_geschichte .container .content { padding-top:25px; padding-bottom:25px;} #top .horoskope_column { border-bottom:1px solid #fff; padding-bottom:25px; padding-top:0px;} #top .horoskope_column .astrologie_text { padding-top:10px;} #top .horoskope_column .astrologie_text img { width:100px; padding-right:0px; margin:0; padding-bottom:22px;border-right: 1px solid #fff;margin-right: 25px;} #top .horoskope_column .sterrenbeeld_text h2 { margin-top:25px;} #top .horoskope_column.last { border-bottom:0px solid; padding-bottom:0px;} #top .horoskope_column #g-middle { border-bottom:1px solid #ddd; padding-bottom:25px; border-top:1px solid #ddd; padding-top:25px;} /* Weitere Horoskop */ #top #wrap_all #weitere_horoskop { border-top:1px solid #fff; padding-top:25px; padding-bottom:25px;margin-bottom: 0px;} #top #wrap_all #weitere_horoskop .av-special-heading-tag { margin-bottom:25px; } #top #wrap_all #weitere_horoskop a.avia-button { color:#000; border-bottom:1px solid #000; margin:0px 15px 0px 0px; border-radius:0px; padding: 15px; display: inline-block;transition: 0.25s ease-out; transition-delay: 0.2s;background: #fff; background: linear-gradient(to left, transparent 50%, #000 50%) right; background-size: 201%;} #top #wrap_all #weitere_horoskop .avia-button:hover { color:#fff; background-position: left;} /* Sternzeichen Header */ #top #sternzeichen_header .av-special-heading-tag { font-size:24px; margin:25px 0px; line-height:24px;letter-spacing: 0px; color: #fff;} #top #sternzeichen_header .av-special-heading { float:left; width:auto;} #top #sternzeichen_header .avia-builder-widget-area { float:left; margin-left:10px;margin-top: 30px;} #top #sternzeichen_header select {margin-bottom: 0px; background-color: transparent;color: #000;display: block;width: 18px;height:15px;background-image: url(../images/lFHxNz403wOH.svg);background-position:5px; background-size: 6px;background-repeat: no-repeat; border:1px solid #fff; border-radius:0px;cursor: pointer; } #top #sternzeichen_header select option {font-family: 'Arial'; font-size: 14px;} /* Sternzeichen Nav */ #top .av-post-metadata-container-inner { font-weight:500; font-size: 14px;} #top .author-box { margin-top:25px;} #top #sternzeichen_nav_column { width:600px; } #top #sternzeichen_nav { padding:25px 0px 0px 0px;display: grid; grid-template-columns: repeat(4, 1fr) ;margin-top:0px; position: relative; align-items: center;justify-content: center;grid-column-gap: 20px;grid-row-gap: 20px;} #top #sternzeichen_nav a.avia-button { color:#000; border:0px; background-color:transparent;margin:0px; border-radius:0px; padding: 15px 0px; width:auto; transition: 0s !important; text-decoration: none; font-size: 14px;} #top #sternzeichen_nav a.avia-button.current { border-bottom:0px;background-color: #000;color: #fff;} #top #sternzeichen_nav a.avia-button:before {content: ""; position: absolute;z-index: -1;right: 0;width: 100%;bottom: 0px;background: #ddd;height: 2px;transition-property: width;transition-duration: 0.2s;transition-timing-function: ease-out;} #top #sternzeichen_nav a.avia-button:after {content: ""; position: absolute;z-index: -1;right: 0;width: 0;bottom: 0px;background: #000;height: 2px;transition-property: width;transition-duration: 0.2s;transition-timing-function: ease-out;} #top #sternzeichen_nav a.avia-button:hover:after { left: 0;right: auto; width: 100%; } #top #sternzeichen_nav a.avia-button.current:after { content: ""; position: absolute;z-index: -1;right: 0;width: 100%;bottom: 0px;background: #000;height: 2px;transition-property: none;transition-duration: 0s;} #top #sternzeichen_subnav { display:none ;} /* Button */ #top #sternzeichen_subnav a.avia-button { color:#666; border:1px solid #ddd; background-color:transparent;margin:0px; border-radius:0px; padding:10px 8px; margin-top:10px; width:110px; position:relative;} #top #sternzeichen_subnav a.avia-button.current { border:1px solid #000; color:#000; } #top #sternzeichen_subnav a.avia-button:before {border-left:1px solid #000 ;border-top: 1px solid #000;left: 0;top: 0; content: "";height: 0%;position: absolute;transition: width 0.6s cubic-bezier(0.105, 0.75, 0.175, 1) 0s, height 0.6s cubic-bezier(0.105, 0.75, 0.175, 1) 0s;width:0%;transition-delay: 0.1s;visibility: hidden; margin:-1px;} #top #sternzeichen_subnav a.avia-button:after {border-right:1px solid #000;border-bottom: 1px solid #000;bottom: 0;right: 0;content: "";height: 0%;position: absolute;transition: width 0.6s cubic-bezier(0.105, 0.75, 0.175, 1) 0s, height 0.6s cubic-bezier(0.105, 0.75, 0.175, 1) 0s;width:0%;transition-delay: 0.1s; visibility: hidden;margin:-1px;} #top #sternzeichen_subnav a.avia-button:hover:after, #top #sternzeichen_subnav a.avia-button:hover:before {width: calc(100% + 1px) !important;height: calc(100% + 1px) !important;visibility: visible;} #top #sternzeichen_subnav a.avia-button:hover { border: 1px solid #fff; color:#000;} #top #sternzeichen_subnav a.avia-button.current:hover { border: 1px solid #000;} #top #sternzeichen_subnav a.avia-button.current:before, #top #sternzeichen_subnav a.avia-button.current:after, #top #sternzeichen_subnav a.avia-button.current span:before, #top #sternzeichen_subnav a.avia-button.current span:after { border:0px;} /* Weiter Nav */ #top #weiter_nav { padding:10px 0px 0px 0px;display: grid; grid-template-columns: repeat(4, 1fr) ;margin-top:0px; position: relative; align-items: center;justify-content: center;grid-column-gap: 20px;grid-row-gap: 20px;} #top #weiter_nav a.avia-button { color:#000; border-top:0px; border-left: 0px; border-right: 0px; border-bottom: 2px solid #000; background-color:transparent;margin:0px; border-radius:0px; padding: 15px 0px; width:auto; transition: 0s !important; text-decoration: none; font-size: 14px;} /* Horoskop Text */ #horoskop_column { border-bottom:1px solid #fff; padding-bottom:25px;} #horoskop_column h2 {} .horoskop_text b { font-size:15px; display:block; padding-bottom:10px; padding-top:10px;} .horoskop_text br { display:none;} .horoskop_text h2 { margin-top:0px;} .medium_text { margin-top:10px;} .medium_text a { display:block; text-decoration:underline;} #top h2.sternbild_horoskop_text { margin-top:35px; margin-bottom: 35px;border-top: 1px solid #ddd; padding-top: 35px;} #top .horoskop_text span { margin-top: 0px; margin-bottom: 0px; font-size: 15px !important; display: inline-block; margin-right: 5px;font-family: 'Poppins SemiBold'; font-weight: normal; color: #000;} #top h2.sternbild_horoskop_text.tages {margin-top: 35px; border: 0; padding: 0; margin-bottom: 35px;} #top h1.sternbild_horoskop_text { font-size:30px;} #top .horoskop_text {font-size: 16px !important;} /* Extra */ #top #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag { color:#fff; line-height:70px; height:70px; font-size:20px; } /* Match */ .love-match, .friend-match, .career-match { width: 100%; display: inline-block;padding:15px 0px 15px 0;} #top .r-match { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;border-right: 1px solid #ddd; display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } .r-match h5 { text-align:center; display:block;} .match-link { text-align:center; display:block; font-size:13px;} .match-link p:first-letter { text-transform:uppercase;} #top .match-link p { margin:0px; line-height: 1;} .r-match img { transform:scale(0.8); } /* Stars */ .star-ratings-css {color: #eee;font-size: 25px;margin: 0;width: auto;position: relative;line-height: 25px; margin-bottom:21px; display:table;} .star-ratings-css-top {color: #000;padding: 0;position: absolute;z-index: 1;display: block;top: 0;left: 0;overflow: hidden;} .star-ratings-css-bottom {padding: 0;display: block;z-index: 0;} .star-ratings-css span {font-size:30px;} /* Mood */ #top .mood { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;border-right: 1px solid #ddd; color:#000; } .mood-left { display: inline-block; width:50%; padding:18px 15px;} .mood-right { display: inline-block; width:50%;padding:18px 0;} /* Gluckszahl */ #top #wrap_all #horoskop_gluckzahl {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-bottom:50px; } #top #horoskop_gluckzahl .av-special-heading-tag { margin:50px 0px 40px 0px !important; font-size:24px;line-height: 30px; letter-spacing:normal; padding-bottom:0px ; text-align: left;} #top #horoskop_gluckzahl .avia-builder-widget-area .widget { padding-top:25px ; padding-bottom:0px;} #top #horoskop_gluckzahl .numeric_wrapper {display: grid; grid-template-columns: repeat(6, 1fr) ; padding: 0px ; position: relative; align-items: flex-start;justify-content: center; grid-gap: 15px; height: 100%;} #top #horoskop_gluckzahl .numeric { border-radius: 50%; color: #fff;font-weight: normal;aspect-ratio: 1;display: block;align-items: center;align-content: center;text-align: center; font-size: 20px;font-family:'Poppins SemiBold'; } #top #wrap_all .slide-entry-excerpt {font-size: 16px;color: #000;line-height: 1.5;font-family: 'Poppins Semibold';letter-spacing: normal;padding-top: 15px; padding-bottom: 0px; margin: 0px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;} /* Footer */ #footer {padding: 0px 0 0px 0; z-index:9;} #footer .widget { margin: 0px ;} #top #footer .widgettitle { margin:0px; line-height: 30px; letter-spacing:normal; padding-top:25px ; border-top:1px solid #fff;} .horoskop_content div .flex_column {width: 50%;display: inline-block;float: none;padding: 0px 5px;margin: 0 !important;vertical-align: top; float:none;} .horoskop_content div .flex_column:nth-child(4),.horoskop_content div .flex_column:nth-child(5) { width:50%;} .horoskop_content div .flex_column img { margin:0px; width:100%;} .avia-content-slider .slide-image { border-radius:0px ; margin:0px;} .html_modern-blog #top #footer .post-entry .post-title,.html_modern-blog #top #footer .avia-content-slider .slide-entry-title {font-size: 16px;color: #000;line-height: 22px; letter-spacing:normal; padding-top:10px; padding-bottom:15px; margin:0px; } .avia-content-slider .slide-entry-wrap { margin-bottom:0px;} .avia-content-slider { margin: 25px 0px 0px 0px;} /* Sticky Footer */ #top .sticky_footer {position: fixed;right: 0;bottom: 0;width: calc(100% - 40px);text-align: center;z-index: 9999999;max-height: 90px;background-color: rgba(204,204,204,0.25); height:90px; border-top: 1px solid #bbb; visibility: hidden;opacity: 0;transition: visibility 1s, opacity 1s, height 0.7s linear; } #top .sticky_footer .close {position: absolute;display: block;left: -40px;top: -15px;height: 15px;width: 40px;background-color: rgba(204,204,204,0.25);border-top-left-radius: 10px;border-top-right-radius: 10px;border-top: 1px solid #bbb;border-left: 1px solid #bbb;border-right: 1px solid #bbb;background-image: url(../images/T2IyUDbDhuLi.svg); background-repeat: no-repeat; background-position:center center; background-size:7px;} #top .sticky_footer .close_dummy {position: absolute;display: block;left: -40px;top: 0;height: 90px;width: 40px;background-color: rgba(204,204,204,0.25); max-height:90px;} #top .sticky_footer_container { position:absolute; left:-40px; width: calc(100% + 40px); height:100%; margin:auto; right:0px;} .sticky_footer_close { height:0px !important;} .show {visibility: visible !important;opacity: 1 !important; } #top #socket { z-index:0;} /* Sticky Ad Header */ #top .sticky_header {position: fixed;right: 0;top: 0;width: calc(100% - 40px);text-align: center;z-index: 9999999;max-height: 90px;background-color: rgba(204,204,204,0); height:90px; visibility: hidden;opacity: 0;transition: visibility 1s, opacity 1s, height 0.7s linear; } #top .sticky_header .close_dummy {position: absolute;display: block;left: -40px;top: 0;height: 90px;width: 40px;background-color: rgba(204,204,204,0.1); max-height:90px;} #top .sticky_header_container { position:absolute; left:-40px; width: calc(100% + 40px); height:100%; margin:auto; right:0px;} /* Blog */ .html_modern-blog #top .post-entry .post-title { font-size:30px; margin:25px 0px; padding:0px;} #top .entry-content { margin-bottom:25px;} .html_elegant-blog #top .big-preview { margin-bottom:15px;} #top .entry-content h3, #top .entry-content h2 { font-size:20px; margin:25px 0px;} #top .img_column .avia-image-container { width:100%; margin-bottom:25px;} #top .img_column .avia-image-container img { width:100%;} #top .av-share-box { margin-top:0px; } #top .av-share-link-description { display:none;} #top .av-share-box ul { margin-bottom:25px;} #top .av-share-box ul li a { border:1px solid #000; color:#000; padding:10px 15px; font-size:18px;} #top .av-share-box ul li.av-social-link-facebook a { margin-right:5px;text-decoration: none;} #top .av-share-box ul li.av-social-link-whatsapp a { margin: 0 5px; text-decoration: none;} #top .av-share-box ul li.av-social-link-mail a { margin-left: 5px; text-decoration: none;} #top .av-share-box .avia-related-tooltip { display:none !important;} #top.single-post #footer { bottom:0px;} #top.single-post p img { margin: 25px 0px 0 0 ; } #top .author-website svg { width: 15px; margin-left: 5px;} #top .author-avatar-date-wrap .author-website a {display: flex;align-content: center;align-items: center;} #top .author-avatar-date-wrap .author-website {display: inline-block;} #top h5.related_title {font-size: 20px;} #top .related_posts.av-related-style-full a {text-decoration: none !important;} /* Blog */ #top .post_delimiter {visibility: hidden; display: none; padding: 0px; margin: 0px;} #top h1.post-title {font-size: 24px;} #top .big-preview.single-big { padding: 0 50px 25px 0; } #top.single-post .post-meta-infos { display: block;} #top .category-title {font-family: 'Poppins Medium';font-weight: normal;font-size: 15px;} #top .category-title a {text-decoration: none; pointer-events: none;} #top .author-avatar-date-wrap { display: grid; grid-template-columns: 60px 2fr 1fr; padding: 15px 0px ; margin:25px 0px 25px 0px; position: relative; align-items: center;justify-content: flex-start;grid-column-gap: 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;line-height: normal; } #top .author-avatar-date-wrap img { border-radius: 50%; display: block;} #top .author-avatar-date-wrap .date-container { display: block; font-size: 12px; padding-top: 5px;} #top .author-avatar-date-wrap a { font-family: 'Poppins Medium';font-weight: normal;font-size: 16px; text-decoration: none;} #top .estimated-reading-time {display: inline-block;width: auto;padding: 0px;font-size: 11px;text-align: right;} #top .estimated-reading-time .reading-time { display: inline-block; } #top .estimated-reading-time .reading-time-text { display: inline-block; margin-left: 3px;} /* SEO */ #top #words { margin-top:0px;} #top #words .av-minimal-toggle .single_toggle { margin:0px;} #top #words .togglecontainer .toggler { padding:25px 0px; color:#000; font-family: 'Inter'; font-size:12px; background-color:transparent; border-top:0px solid #ddd; background-image: none;background-position:right center;background-size: 10px;background-repeat: no-repeat; pointer-events:none; } #top #words .togglecontainer .toggler:hover { opacity:1;} #top #words .togglecontainer .toggle_content { padding:0px; background-color:transparent; margin-bottom:25px;} #top #words .togglecontainer .toggle_content h2 { font-size:24px;margin: 15px 0px;} /* Moon widget */ #moon_phases-2 .widgettitle { font-size:20px; margin-bottom:25px; margin-top:25px;} .moon_phase_title { display:block; text-align:left;} #top .moon_img { text-align:center; padding-bottom:25px;} #top .moon_wrapper { border-top:1px solid #fff; border-bottom:1px solid #ddd; padding:25px 0px;} .moon_phase_horoskop { text-align:left; display:block; font-size:13px; color:#555;} /* Sternzeichen Index */ #horoskop_sternzeichen { padding: 0;width: 1210px;margin: auto;display: block;left: 0;right: 0;float: none;clear: both; } #horoskop_sternzeichen .container {padding: 0px ; } #top #main #horoskop_sternzeichen .container .content { padding-top:25px; border-top:1px solid #ddd; padding-bottom:25px;} #horoskop_sternzeichen.vector .container img { transform: scale(1.15);} #top #wrap_all #horoskop_sternzeichen .container .av-special-heading-tag { font-size:24px;margin-top: 0px; line-height:29px;} #top #wrap_all #horoskop_sternzeichen .avia_textblock { color:#555;} #top #wrap_all #horoskop_sternzeichen .avia_textblock p { } /* Elements */ #horoskop_element { padding: 0;width: 1210px;margin: auto;display: block;left: 0;right: 0;float: none;clear: both; } #horoskop_element .container {padding: 0px ; } #top #main #horoskop_element .container .content { padding-top:25px; border-top:1px solid #ddd; padding-bottom:25px;} #top #wrap_all #horoskop_element .avia_textblock { color:#555; text-align:center;} #top #wrap_all #horoskop_element .avia_textblock p { margin:0px;} #top #wrap_all #horoskop_element .element_column { width:calc(8% + 25px); padding-right:25px ; border-right:1px solid #ddd;} #top #wrap_all #horoskop_element .sternzeichen_column { width:8%; margin-left:25px;} #top #wrap_all #horoskop_element .sternzeichen_column.last { border-right:1px solid #ddd; padding-right:25px; width:calc(8% + 25px);} #top #wrap_all #horoskop_element .element_text_column { width:calc(55% - 25px);margin-left:25px; } #top #wrap_all #horoskop_element .element_text_column .avia_textblock { text-align:left;} /* Sternzeichen */ #top #horoskop_column.sternzeichen_fakten { border-bottom:0px; padding-bottom:0px; width:580px;} #top .sternzeichen_fakten .avia-data-table-wrap { margin-top:15px;} #top .sternzeichen_fakten .avia-table { background-color:transparent; text-align:left; margin-top:0px; } #top #wrap_all .sternzeichen_fakten .avia-table td { text-align:left; padding:15px 0px; font-size:14px; border-bottom:1px solid #ddd; color:#555;} #top #wrap_all .sternzeichen_fakten .avia-table td:first-child { width:200px; color:#000; font-family:'Inter'; font-weight:bold; } /* Kompatibel Summary */ #top .kompatibel_sternzeichen_main {display:block; float:right; clear:none;width:225px; margin-left:25px; padding:0px 25px;} #top .kompatibel_sternzeichen_main .avia-image-container { width:150px; margin-top:18px; margin-bottom:10px;} #top .kompatibel_sternzeichen_heart { display:block; float:right; clear:none; width:225px; margin-left:25px; padding:7px 0px; border-bottom:1px solid #fff; border-top:1px solid #fff; margin-top:0px; margin-bottom:0px; } #top .kompatibel_sternzeichen_heart .avia-image-container { width:40px;} #top .kompatibel_sternzeichen { display:block; float:left; clear:none; width:82px; margin-top:0px; margin-left:45px; margin-bottom:23px; margin-top:23px; } #top .kompatibel_sternzeichen:nth-child(odd) { margin-left:25px;} #top .kompatibel_sternzeichen.no-margin-top { margin-top:0px; margin-bottom:38px;} #top .kompatibel_sternzeichen .avia-image-container { width:90px; margin:auto;} #top .kompatibel_sternzeichen .av_textblock_section p { text-align:center; font-size:12px; margin:0px; line-height:1;} #top .hr_kompatibel_sternzeichen { display:block; float: right; width:225px; margin-left:25px; clear:none; min-height:1px; line-height:1px; border-top:1px solid #ddd; margin-top:0px;} /* Eigenschaften */ .responsive #top #wrap_all #horoskop_column.intro { margin-top:25px;} #top .eigenschaften { padding-bottom:0px; border:0px;} #top .eigenschaften .avia-data-table-wrap { float:none; vertical-align:top;} #top .eigenschaften .avia-table { background-color:transparent; text-align:left; margin-top:0px; } #top .eigenschaften .avia-data-table-wrap:nth-child(2) { padding-left:25px;} #top #wrap_all .eigenschaften .avia-table td b { font-size:16px;color:#000; font-family:'Inter'; text-transform:none; letter-spacing:0px; font-weight:bold;} #top #wrap_all .eigenschaften .avia-table td { text-align:left; padding:15px 0px; font-size:14px; border-bottom:1px solid #ddd; color:#555;} #top .sex { border:0px;} #top .sex .avia-image-container { display:inline-block; width:20%; float:none; padding:0px; } /* Kompatibel */ #top .liebe_match .avia-image-container { display:inline-block; width:15%; float:none; padding:0px 10px 0px 0px; border-right:1px solid #fff; } #top .liebe_match .av_textblock_section { display:inline-block; width:84%; float:none; padding-left:25px; vertical-align:top; margin-top:30px;} #top .liebe_match .av_textblock_section .result .paragraph{ margin-top:15px;} #top .liebe_match .av_textblock_section .heart { display:inline-block; width:20px; float:none;} #top .liebe_match .av_textblock_section select {margin-bottom: 0px; background-color: transparent;color: #000;display: block;width:100%;height:50px;background-image: url(../images/cNBQD1fuf70o.svg);background-position:right 10px top 20px; background-size: 10px;background-repeat: no-repeat; border:1px solid #000; border-radius:0px;cursor: pointer; } #top .progressbar_outer { color:#000; background-color:#eee; height:20px; margin-bottom:15px; } .progressbar_inner { color: #fff ; height:100%; line-height:20px; font-size:11px; padding-left:5px; transition: width 1s; width:0px; } /* Horoskop Weiter */ #top #wrap_all .horoskop_overlay { padding-bottom:25px; border-top:1px solid #ddd; padding-top:25px; margin-top:0px;} #top .horoskop_overlay .horoskop_text { position:relative; margin-top:25px;} #top .horoskop_overlay .horoskop_text:before { content:''; position:absolute; z-index:99; width:100%; height:100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 80%); display:block;} #top .horoskop_overlay .weiterlesen { width:100%; background-color:transparent;} /* Button */ #top .horoskop_overlay .weiterlesen .avia-button span { width:100%; display:block; height:100%;padding:15px; box-sizing:border-box; } #top .horoskop_overlay .weiterlesen .avia-button:before {border-top: 1px solid #000;left: 0;top: 0; content: "";height: 100%;position: absolute;transition: width 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s, height 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s;width:100%;transition-delay: 0.1s;} #top .horoskop_overlay .weiterlesen .avia-button:after {border-bottom: 1px solid #000;bottom: 0;right: 0;content: "";height: 100%;position: absolute;transition: width 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s, height 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s;width:100%;transition-delay: 0.1s;} #top .horoskop_overlay .weiterlesen .avia-button span:before {border-left: 1px solid #000;left: 0;top: 0; content: "";height: 100%;position: absolute;transition: width 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s, height 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s;width:0%;transition-delay: 0.1s;} #top .horoskop_overlay .weiterlesen .avia-button span:after {border-right: 1px solid #000;right: 0;bottom: 0; content: "";height: 100%;position: absolute;transition: width 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s, height 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s;width:0%;transition-delay: 0.1s;} #top .horoskop_overlay .weiterlesen .avia-button:hover:after, #top .horoskop_overlay .weiterlesen .avia-button:hover:before, #top .horoskop_overlay .weiterlesen .avia-button:hover span:after, #top .horoskop_overlay .weiterlesen .avia-button:hover span:before {width: 0% !important;height: 0% !important;} #top .horoskop_overlay .weiterlesen .avia-button { width:100%; border-radius:0px ; padding:0px; margin:0px; color:#000; text-align:center; border:0px; font-size:14px; position:relative; display: inline-block; transition: 0.5s ease-out; transition-delay: 0.4s;} #top .horoskop_overlay .weiterlesen .avia-button:hover { color:#fff; background-position: left;} #top #horoskop_column.amazon { border-bottom:0px; } /* Cookie */ #top #cmplz-cookies-overview h3 { text-transform:none; font-weight:500; font-size:14px !important; letter-spacing:0px;} #top .cmplz-buttons .cmplz-deny, #top .cmplz-buttons .cmplz-view-preferences { font-size:12px; } #top .cmplz-cookiebanner .cmplz-header { display:block;} #top .cmplz-cookiebanner .cmplz-title { width:100%; font-size:20px; font-family:'Inter'; font-weight: 700; color:#000;} #top .cmplz-buttons .cmplz-accept { width:100%;background-color: #0006f9; border:1px solid #0006f9;font-family: 'Inter';font-size: 20px;padding: 15px;height: auto;} #top .cmplz-cookiebanner .cmplz-buttons {flex-direction: unset; display:block;} #top .cmplz-buttons .cmplz-deny, #top .cmplz-buttons .cmplz-view-preferences { float:right; width:auto; border:0px; text-decoration:underline;padding: 0px 10px 0px 0px; background-color: transparent; height:auto; margin-top:10px;} #top .cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.cmplz-manage-options.tcf {display: block;border: 0px;padding: 0px;height: auto;font-size: 13px;margin-top: 10px;float: right;text-align: right; text-decoration:underline; color:#000;} #top #cmplz-document .cmplz-dropdown summary h3 { padding:10px; font-size:14px;} /* Sterrenbeeld */ #top #g-head-m-small { display:none; } #top .zodiac_column { padding:10px; margin:0px; width:49.5%; display: block; float:left; min-height:400px; } #top .zodiac_column .avia-image-container { width:150px; margin:0px;} #top .zodiac_column h3 {font-size:18px;letter-spacing: 0px; padding-bottom:5px;} #top .zodiac_column .sterrenbeeld_text img { width:100px; padding-right:20px; margin:0; padding-bottom:0px;border-right: 1px solid #ddd;margin-right: 20px;} #top .sterrenbeelden_tabel { margin-top:0px;} #top .sterrenbeelden_tabel .avia-data-table-wrap { margin-top:15px;} #top .sterrenbeelden_tabel .avia-table { background-color:transparent; text-align:left; margin-top:0px; } #top #wrap_all .sterrenbeelden_tabel .avia-table td { text-align:left; padding:15px 0px; font-size:14px; border-bottom:1px solid #ddd; color:#555;} #top #wrap_all .sterrenbeelden_tabel .avia-table td:first-child { width:200px; color:#000; font-family:'Inter'; font-weight: bold;} #top .sterrenbeeld_column .planeten_text img { width:100px; padding-right:20px; margin:0; padding-bottom:15px;border-right: 1px solid #ddd;margin-right: 20px;} #top .sterrenbeeld_column .zodiac img { width:500px;} #top .sterrenbeeld_column .element_text { min-height:150px;} #top .sterrenbeeld_column .element_text img { width:150px; padding-right:25px; margin:0; padding-bottom:0px;border-right: 1px solid #ddd;margin-right: 25px;} #top .sterrenbeeld_column .compatibiliteit_text { border-bottom:1px solid #ddd; padding-bottom:25px;} #top .sterrenbeeld_column .compatibiliteit_text img { width:160px; padding-right:25px; margin:0; padding-bottom:0px;border-right: 1px solid #ddd;margin-right: 25px;} #top .sterrenbeeld_column { border-bottom: 1px solid #fff;padding-bottom: 25px;padding-top: 25px; margin: 0px;} #top .sterrenbeeld_column.last { border-bottom:0px solid; padding-bottom:0px;} #top .sterrenbeeld_column h1 {font-size:40px;letter-spacing: 0px; padding-bottom:5px;} #top .sterrenbeeld_column h2 {font-size:30px;letter-spacing: 0px; padding-bottom:15px; margin-top:0px;} #top .sterrenbeeld_column h3 {font-size:24px;letter-spacing: 0px; padding-bottom:15px;} #top .sterrenbeeld_column h4 {font-size:18px;letter-spacing: 0px; padding-bottom:15px;} #top .sterrenbeeld_column .avia-image-container { text-align:left; margin-bottom:0px;} #top .sterrenbeeld_column .inhoud .single_toggle { border: 1px solid #000;} #top .sterrenbeeld_column .inhoud .toggler { padding:20px; font-family: 'Inter', sans-serif; font-weight: 700; color:#000; font-size:20px; border: 0px ;} #top .sterrenbeeld_column .inhoud .toggle_icon { } #top .sterrenbeeld_column .inhoud .toggle_content { padding:0px 20px 20px 20px;} #top .sterrenbeeld_column .sterrenbeeld_text img { width:15%; padding-right:25px; margin:0; padding-bottom:0px;border-right: 1px solid #ddd;margin-right: 25px;} #top .sterrenbeeld_column .avia-team-member { margin:0px 0px 25px 25px; width:auto; display:inline-block; clear:both;} #top .sterrenbeeld_column .avia-team-member h3 { font-size: 14px;text-align: center; font-weight:400; } #top .sterrenbeeld_column .avia-team-member .team-img-container { border-radius:50%; width:100px; margin:auto;} #top .sterrenbeeld_tabel { margin-top:0px;} #top .sterrenbeeld_tabel .avia-data-table-wrap { margin-top:15px;} #top .sterrenbeeld_tabel .avia-table { background-color:transparent; text-align:left; margin-top:0px; } #top #wrap_all .sterrenbeeld_tabel .avia-table td { text-align:left; padding:15px 0px; font-size:14px; border-bottom:1px solid #ddd; color:#555;} #top #wrap_all .sterrenbeeld_tabel .avia-table td:first-child { width:200px; color:#000; font-family:'Lora'; } @media only screen and (max-width: 1210px) { .responsive .container { margin: 0px auto; padding: 0px 20px; } .responsive #top #wrap_all #horoskop_column.intro { padding-top:25px; margin-top:0px;} /* Kompatibel Summary */ .responsive #top #wrap_all #horoskop_column.sternzeichen_fakten { clear:both; float:none;} .responsive #top #wrap_all .kompatibel_sternzeichen_main {display:inline-block; float:none; clear:none;width:16%; margin-left:0px; padding:0px;margin-top:20px; margin-bottom:25px; vertical-align:top;} .responsive #top #wrap_all .kompatibel_sternzeichen_main .avia-image-container { width:85%; margin-top:0px; margin-bottom:0px;} .responsive #top #wrap_all .kompatibel_sternzeichen_heart { display:inline-block; float:none; clear:none;width:16%; margin-left:0px; padding:0px; border-bottom:0px; border-top:0px; margin-top:20px; margin-bottom:24px; border-left:1px solid #ddd; border-right:1px solid #ddd;vertical-align:top; } .responsive #top #wrap_all .kompatibel_sternzeichen_heart .avia-image-container { width:85%;} .responsive #top #wrap_all .kompatibel_sternzeichen { display:inline-block; float:none; clear:none;width:16%; margin-left:0px; margin-bottom:0px;border-bottom:0px; padding-bottom:0px; margin-top:5px; } .responsive #top #wrap_all .kompatibel_sternzeichen .avia-image-container { width:auto; margin:auto;} .responsive #top #wrap_all .kompatibel_sternzeichen .av_textblock_section p { text-align:center; font-size:12px; margin:0px; line-height:1; padding-bottom:10px;} responsive #top #wrap_all .kompatibel_sternzeichen { display:inline-block; float:none; clear:none;width:16%; margin-left:0px; margin-bottom:0px;border-bottom:0px; padding-bottom:0px; margin-top:5px; } .responsive #top #wrap_all .hr_kompatibel_sternzeichen { display:none;} } @media only screen and (max-width: 1210px) { /* Reset */ .container .av-content-small.units { width:100%;} .content .entry-content-wrapper {padding: 0px;} .homepage_horoskop {padding: 10px 10px 0px 10px ;font-size: 12px;line-height: 18px;height: 60px; margin-bottom:15px; width:auto; padding:0px 10px;} #horoskop.tageshoroskop { padding: 0 15px;} #horoskop_tarot { width:100%;} #horoskop_tarot .container {padding: 0px 50px; } #horoskop_zitat { width:100%;} #top #wrap_all #horoskop_zitat .container .av-special-heading-tag { margin-top: 0px;} #horoskop_zitat { padding:0px;} #horoskop_zitat .container {padding: 0px 50px; } #horoskop_planeten { width:100%;} #top #main #horoskop_planeten .container .content { border-top:0px;} #top #wrap_all #horoskop_planeten .container .av-special-heading-tag { margin-top: 0px;} #horoskop_planeten { padding:0px;} #horoskop_planeten .container {padding: 0px 50px; } #top #wrap_all #main #horoskop_geschichte { width:100%; } #top #wrap_all #main #horoskop_geschichte.erste {border-top:0px; } #horoskop_geschichte { padding:0px;} #horoskop_geschichte .container {padding: 0px 50px; } .responsive #top #wrap_all #horoskop .container { width:100%; max-width:100%; padding: 0px 0px 20px 0px;margin: 0 auto 40px auto;} .responsive #top #horoskop .av_one_fourth { width:100%; outline:0px solid #eee;margin:0px; margin-left:-1px; margin-top:-1px; outline-offset:-1px; } .responsive #top #horoskop .avia-image-container {margin:10px auto 0px auto; } .responsive #top #horoskop .av_one_fourth .av-special-heading { margin-bottom:0px; } /* Hover .responsive #top #horoskop .av_one_fourth:before {border-left: 1px solid ; border-top: 1px solid ;left: 0;top: 0; content: "";height: 0%;position: absolute;transition: width 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s, height 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s;width:0%;transition-delay: 0.1s;visibility: hidden; overflow: hidden; margin-left:1px; } .responsive #top #horoskop .av_one_fourth:after {border-right: 1px solid ; border-bottom: 1px solid ;bottom: 0;right: 0;content: "";height: 0%;position: absolute;transition: width 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s, height 0.5s cubic-bezier(0.105, 0.75, 0.175, 1) 0s;width:0%;transition-delay: 0.1s; visibility: hidden; overflow: hidden; margin-bottom:1px; margin-right:1px; } .responsive #top #horoskop .av_one_fourth:hover:after, .responsive #top #horoskop .av_one_fourth:hover:before {width: calc(100% - 3px) !important;height:calc(100% - 2px) !important;visibility:visible; overflow:visible} */ /* Hover Colours .responsive #top #horoskop .flex_column:nth-child(1):before, .responsive #top #horoskop .flex_column:nth-child(1):after { border-color:#f5b3cf;} .responsive #top #horoskop .flex_column:nth-child(2):before, .responsive #top #horoskop .flex_column:nth-child(2):after { border-color:#50c8ec;} .responsive #top #horoskop .flex_column:nth-child(3):before, .responsive #top #horoskop .flex_column:nth-child(3):after { border-color:#cbd176;} .responsive #top #horoskop .flex_column:nth-child(4):before, .responsive #top #horoskop .flex_column:nth-child(4):after { border-color:#76c480;} .responsive #top #horoskop .flex_column:nth-child(5):before, .responsive #top #horoskop .flex_column:nth-child(5):after { border-color:#e6ab8a;} .responsive #top #horoskop .flex_column:nth-child(6):before, .responsive #top #horoskop .flex_column:nth-child(6):after { border-color:#d69dc7;} .responsive #top #horoskop .flex_column:nth-child(7):before, .responsive #top #horoskop .flex_column:nth-child(7):after { border-color:#9abae2;} .responsive #top #horoskop .flex_column:nth-child(8):before, .responsive #top #horoskop .flex_column:nth-child(8):after { border-color:#d2bf8a;} .responsive #top #horoskop .flex_column:nth-child(9):before, .responsive #top #horoskop .flex_column:nth-child(9):after { border-color:#abd8af;} .responsive #top #horoskop .flex_column:nth-child(10):before, .responsive #top #horoskop .flex_column:nth-child(10):after { border-color:#d5bda8;} .responsive #top #horoskop .flex_column:nth-child(11):before, .responsive #top #horoskop .flex_column:nth-child(11):after { border-color:#d7b0d3;} .responsive #top #horoskop .flex_column:nth-child(12):before, .responsive #top #horoskop .flex_column:nth-child(12):after { border-color:#d2bf8a;} */ /* Tarot */ .tarot-outcome { min-height:0px ;} .tarot-kaarten { width:100%; padding:15px 0px 0px 0px; margin:0px; } .responsive #top #wrap_all .tarot_img { padding-bottom:25px; border-bottom:1px solid #ddd; width:100%; margin-bottom:0px;} .responsive #top #wrap_all .tarot_column { width:100%; padding:0px; margin:25px 0px 0px 0px; border:0px;} .tarot_right { padding-right:0px; width:auto; padding-left: 0px;margin-top: 15px;} .card__face { position:relative; } .card__face--back { margin-top:-175%;} .spread { margin: 0px -23.5% 0px 0px !important;} .scene { width:30%;margin: 0px -28% 0px 0px ;} .relative { position:relative !important; margin-top:0px !important;} #top #sternzeichen_nav a.avia-button.current { padding:15px 0px;} #top #sternzeichen_subnav a.avia-button { min-width:24.1%; width:24.1%;} #top.top-parent-669 #sternzeichen_subnav a.avia-button { min-width:32.5%; width:32.5%;} #top.top-parent-733 #sternzeichen_subnav a.avia-button { min-width:49%; width:49%;} #words { width:100%; } .responsive #top .container .av-content-small { margin-bottom:0px;} #top .tarot_rat { border:1px solid #000;} /* SEO */ .responsive #top #wrap_all #words { margin-bottom:0px;} /* Sternzeichen */ #top #main #horoskop_sternzeichen.vector .container .content { border-top:0px; } #top #main #horoskop_sternzeichen.amazon .container .content { border-top:0px; } #horoskop_sternzeichen { width:100%;} #horoskop_sternzeichen .container {padding: 0px 50px; } #horoskop_element { width:100%;} #horoskop_element .container {padding: 0px 50px; } #top #wrap_all #horoskop_element .element_text_column { width:calc(49% - 25px);margin-left:25px; } /* Hover Colours */ .responsive #top.page-id-2582 #horoskop .flex_column:before, .responsive #top.page-id-2582 #horoskop .flex_column:after { border-color:#b80b0b;} } @media only screen and (max-width: 1024px) { #top .av-share-box { display:block;} #top .logo svg { width:150px;} #top .mondphase_grid {grid-template-columns: 300px 300px ; } } @media only screen and (max-width:940px) { /* Kompitabel */ #top .liebe_match .av_textblock_section { margin-top:20px;} } @media only screen and (max-width: 800px) { #top .big-preview.single-big { padding: 0 0px 25px 0; } #horoskop .av_one_fourth .av-special-heading {bottom:5px;} #top #horoskop_extra { width:100%; margin-left:0px; margin-right:0px;} /* Elements */ #top #wrap_all #horoskop_element .element_column { width:25%; padding-right:15px ; border-right:1px solid #ddd; display:inline-block; float:none;} #top #wrap_all #horoskop_element .sternzeichen_column { width:25%; margin-left:0px; margin-bottom:25px;display:inline-block; float:none; padding-left:15px;} #top #wrap_all #horoskop_element .sternzeichen_column.last { border-right: none; padding-right:0px; width:25%;display:inline-block; float:none;} #top #wrap_all #horoskop_element .element_text_column { width:100%;margin-left:0px; } } @media only screen and (max-width: 768px) { .responsive .avia_responsive_table .avia-data-table td::before { font-style: normal;font-size: 12px;font-weight: bold;color: #000 !important;margin-bottom: 10px;} .responsive #top #wrap_all .planeten_img { border-right:0px; width:25%;margin-bottom:0px; } .responsive #top #wrap_all .planeten_column { padding-left:25px; border-left:1px solid #fff; width:75%;margin-bottom:0px; margin-left:0px;} .responsive #top #wrap_all .zitat_img { width:25%;margin-bottom:0px; } .responsive #top #wrap_all .zitat_column { padding-left:25px; width:75%;margin-bottom:0px; margin-left:0px;} #top #main #horoskop_element .container .content, #top #main #horoskop_kompatibel .container .content {padding-bottom:0px;} /* Sternzeichen Fakten */ #top #wrap_all .sternzeichen_fakten .avia-table td { width:50%; float: left;} #top #wrap_all .sternzeichen_fakten .avia-table td:first-child { width:50%; } /* Kompitabel */ #top .liebe_match .av_textblock_section { margin-top:0px; width:100%; padding:0px;} #top .liebe_match .avia-image-container { border:0px; padding:0px; width:20%;} .responsive #top #wrap_all .horoskop_overlay { margin-bottom:0px} .responsive #top #wrap_all .horoskop_content div .flex_column {width: 50%;} .responsive #top #wrap_all .horoskop_content div .flex_column:nth-child(4),.horoskop_content div .flex_column:nth-child(5) { width:50%;} #custom_html-34 { display:none !important;} /* Sterrenbeeld */ #top #g-head-m-small { display:none; height:60px; max-height:60px; border:0px; margin:0; } #top #g-head-m-small .g-head-m-small { position:absolute;} #top .sterrenbeeld_column .first { margin-top:25px;} #top .sterrenbeeld_column h1 {font-size:20px; line-height:28px;} #top .sterrenbeeld_column h2 {font-size:20px; line-height:28px;} #top .sterrenbeeld_column h3 {font-size:18px; line-height:24px;} #top .sterrenbeeld_column h4 {font-size:16px; } #top .sterrenbeeld_column .inhoud .toggler { font-size:16px;} #top .sterrenbeeld_column .sterrenbeeld_text img { width:30%; } #top .sterrenbeeld_tabel .avia-data-table-wrap { margin-top:0px;} #top #wrap_all .sterrenbeeld_tabel .avia-table td { display:block; width:70%; float:left;} #top #wrap_all .sterrenbeeld_tabel .avia-table td:first-child { width:30%; } /* Cookie */ #top .cmplz-buttons .cmplz-accept { width:100%;} #top .cmplz-cookiebanner .cmplz-links.cmplz-information { text-align:left;} #top .cmplz-cookiebanner .cmplz-title { display:block !important;} #top .podcast_column .podcast-grid { display: block;} } @media only screen and (max-width: 600px) { /* Reset */ .responsive #top #wrap_all .container { width:100%; max-width:100%; padding-left:15px; padding-right:15px;} #top h1, #top h2, #top h3{ font-size:20px;line-height: 1.5;} #top #wrap_all #horoskop_header h1 {font-size: 24px;} .tarot_right h6 { font-size: 18px;} #top #g-head-m {min-height: auto;} .responsive #top #wrap_all .g-head-m .ad-container {position: absolute;width: 100%;top: 0px;left: 0px;height: 90px; max-height: 90px;} #top .g-middle, #top #g-middle-xml { min-height:320px !important;} #g-head-m, #g-middle { display:block;} .responsive #top #wrap_all #g-head-m .container { width:100%; max-width:100%;padding:0px; margin:0px;} #g-head-m img { width:100%;} .responsive #top #wrap_all #g-middle .widget { width:100%; max-width:100%;padding:0px ; margin:auto; } .responsive #top #wrap_all #horoskop_column .widget { width:100%; max-width:100%;padding:0px ; margin:auto; } #top .karte-sternzeichen .tarot_right { width: auto;} .responsive #top #wrap_all .slide-entry { width: 100%; margin: 0px 0 25px 0 !important;} /* Logo */ .responsive .logo img { width:170px;} /* Horoskop Nav */ .responsive #top #horoskop .av_one_fourth { width:100%; } #horoskop .av_one_fourth .av-special-heading .av-special-heading-tag { font-size:4vw;margin-top: 15px;} #horoskop .av_one_fourth .av-special-heading .av-subheading { font-size:10px !important; } .responsive #top #horoskop .av_one_fourth .av-special-heading { margin-bottom:5px; } #top #sternzeichen_nav { margin-top:15px; padding-top:0px;grid-column-gap: 15px;} #top h2.sternbild_horoskop_text.tages, #top h2.sternbild_horoskop_text { margin: 25px 0px;} #top #wrap_all #sternzeichen_nav a.avia-button.current:before { content: ""; position: absolute;z-index: -1;right: 0;width: 100%;top: 0px;background: #000;height: 2px;transition-property: none;transition-duration: 0s;} #top #wrap_all #sternzeichen_nav a.avia-button.current { background-color:#000; color:#fff;} /*Fixed */ #top #wrap_all .SubNavFixed { position:fixed; padding-left:15px; padding-right:15px; padding-bottom:15px; padding-top:15px; margin-bottom:0px; margin-top: 0px; top:0px; left:0px; background-color:#fff; border-bottom:1px solid #ddd; z-index:999; width: 100%;} #top .AddMargin { margin-top:125px;} #top #after_section_2 { z-index:2;} #top #header { z-index:999;} #top .horoskop_text, #top #horoskop_column.el_after_av_section { z-index:9999;} #top .mondphase_grid {display: block; margin-top: 25px;} /* Home */ #top #main #horoskop_header .template-page {border:0px; padding-bottom: 10px;} #top h1.sternbild_horoskop_text { font-size:24px;} #horoskop_header .av-special-heading h2 {font-size:24px;} #horoskop_header .av-subheading { font-size:14px; line-height:22px; margin-top:10px;} #top #wrap_all #horoskop_zitat .container .av-special-heading-tag { font-size:20px;} #top #wrap_all #horoskop_planeten .container .av-special-heading-tag { font-size:20px;} #top .horoskope_column .astrologie_text img { width:90px;} #top #wrap_all #weitere_horoskop .av-special-heading-tag {font-size:20px;} #top #weiter_nav { text-align:center;grid-template-columns: repeat(2, 1fr);} #top #wrap_all #weitere_horoskop a.avia-button { width:49%; margin:0px 0px 4px 0px; border: none; padding:0px;display:inline-block;} #top #wrap_all #weitere_horoskop a.avia-button .avia_iconbox_title {padding: 15px;display: block;border: 1px solid #000;} /* Tarot */ #top .tarot_rat { display: block; text-align:center;} /* Sternzeichen Header */ #top #sternzeichen_header .av-special-heading-tag { font-size:20px;line-height:20px;} #top #sternzeichen_header .avia-builder-widget-area { float:right; margin-left:0px;margin-top: 26px;} #horoskop_column h2 {font-size:20px;} .horoskop_text {font-size:16px;line-height: 24px;} /* Match */ #top .r-match h5 { font-size:4vw;} .responsive #top #wrap_all .widder_mood { margin-bottom:0px;} #top #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag {font-size:18px;} /* Gluckszahl */ .responsive #top #wrap_all #horoskop_gluckzahl {margin-bottom:25px; margin-top:0px;} #top #horoskop_gluckzahl .av-special-heading-tag { font-size:20px; line-height:20px;} /* footer */ #footer {padding: 0px;} .horoskop_content div .av_one_third { padding:0px;} #top #footer .widgettitle { font-size:20px; line-height:20px;} .responsive #top #wrap_all .horoskop_content div .flex_column {width: 100%;} .responsive #top #wrap_all .horoskop_content div .flex_column:nth-child(4),.horoskop_content div .flex_column:nth-child(5) { width:100%;} #socket .sub_menu_socket li { border: 0px; padding: 20px; } /* Sticky Footer */ /* Blog */ .html_modern-blog #top .post-entry .post-title { font-size:24px; } #top h1.post-title {font-size: 20px;} /* SEO */ .responsive #top #wrap_all #words { margin-bottom:0px;} #top #words .togglecontainer .toggler { font-size:13px; } #top #words .togglecontainer .toggle_content h2 { font-size:20px;} /* Sternzeichen */ #top #wrap_all #horoskop_sternzeichen .container .av-special-heading-tag {font-size:20px;line-height:24px;} #top #wrap_all #horoskop_sternzeichen .sternzeichen_column { margin-bottom:0px;} #top #wrap_all #horoskop_sternzeichen .sternzeichen_rad { margin:25px 0px 0px 0px;} #top #wrap_all #horoskop_element .sternzeichen_column .avia_textblock p {font-size:13px;} #top #wrap_all #horoskop_element .element_column .avia_textblock p {font-size:13px;} #top #main #horoskop_sternzeichen.kompatibel .container .content { padding-bottom:25px;} #top #main #horoskop_kompatibel .container .content {padding-top:0px;} #top #wrap_all #horoskop_kompatibel .main_column { width:20%; padding: 0px 10px 0px 0px; border-right:1px solid #ddd;} #top #wrap_all #horoskop_kompatibel .heart_column { display:none; } #top #wrap_all #horoskop_kompatibel .sternzeichen_column { width:20%; margin-left:0px; clear:none; margin-top:0px; padding-top:15px; display:inline-block; float:none; padding-left:10px; } #top #wrap_all #horoskop_kompatibel .sternzeichen_column.border-left { border-left:0px; margin-left:0px; width:20%; padding-left:10px;} #top #wrap_all #horoskop_kompatibel .avia_textblock {font-size:11px;} #top #wrap_all #chinees_horoscoop .av-special-heading-tag { font-size:20px; } #top #wrap_all #horoskop_tarot .container .av-special-heading-tag { font-size:20px; } .responsive #top .av_header_transparency .logo img.alternate { display: block !important; top:14px; } /* Mediums */ #top .feed-wrapper .feed-skills { height:24px; line-height:20px;} #footer { } #top #wrap_all .sterrenbeelden_tabel .avia-table td:nth-child(2) { display:inline-block; width:60%; font-size:13px; border-bottom:0px;} #top #wrap_all .sterrenbeelden_tabel .avia-table td:first-child { width:40%; float: left;border-bottom:0px; } #top #wrap_all .sterrenbeelden_tabel .avia-table td:nth-child(3) { display:inline-block; width:100%; font-size:13px;font-weight: normal;padding-top: 0;} #top #wrap_all .sterrenbeeld_tabel .avia-table td { display:inline-block; width:50%} #top #wrap_all .sterrenbeeld_tabel .avia-table td:first-child { width:50%; } #top .sterrenbeeld_column .avia-team-member { width:32%; margin:0px;} } @media only screen and (max-width: 500px) { #top #horoskop_column.kurz { padding: 20px; background-color: #f9f9f9;} #top .interview img { margin-right: 10px; margin-bottom: 10px;} .video-container {width: auto; margin: 50px 0;border-radius: 12px;overflow: hidden;} .video-container video {width: 100%;} #top #horoskop_gluckzahl .numeric_wrapper {grid-gap: 10px;grid-template-columns: repeat(3, 1fr);} #top #horoskop_gluckzahl .numeric {font-size: 16px;} #top #main #horoskop_header { margin-top: 0px;} .responsive #top #wrap_all .planeten_img {display: none;} .responsive #top #wrap_all .planeten_column { padding-left: 0px; border-left: 0px; width: 100%;} #top #horoskop .entry-content-wrapper { display: grid; grid-template-columns: repeat(3, 1fr) ; padding: 0px ; margin-top:0px; position: relative; align-items: center;justify-content: center;grid-column-gap: 10px;grid-row-gap: 0px;} #top #horoskop div .av_one_fourth {width: 100%;margin: 0px;} #top #wrap_all .sternzeichen_fakten .avia-table td { font-size:13px;} /* Kompatibel Summary */ .responsive #top #wrap_all .kompatibel_sternzeichen_main {display:inline-block; float:none; clear:none;width:49%; margin-left:0px; padding:0px;margin-top:30px; margin-bottom:25px; vertical-align:top;} .responsive #top #wrap_all .kompatibel_sternzeichen_main .avia-image-container { width:60%;} .responsive #top #wrap_all .kompatibel_sternzeichen_heart { display:inline-block; float:none; clear:both;width:49%; margin-left:0px; padding:0px; border-bottom:0px; border-top:0px; margin-top:20px; margin-bottom:24px; border-left:1px solid #fff; border-right:0px; } .responsive #top #wrap_all .kompatibel_sternzeichen_heart .avia-image-container { width:60%; margin-top:10px;} .responsive #top #wrap_all .kompatibel_sternzeichen { clear:none;width:24%; margin-bottom:50px; margin-top:0px; } .responsive #top #wrap_all .kompatibel_sternzeichen .av_textblock_section p { tfont-size:12px; padding-bottom:0px; } #top #sternzeichen_subnav a.avia-button { font-size:12px; padding:10px 0px;} #top .sterrenbeeld_column .avia-team-member { width:49%; } #top .sterrenbeeld_column .avia-team-member .team-img-container { width:80px; } } @media only screen and (max-width: 320px) { .responsive #top #wrap_all .container { padding-left:10px; padding-right:10px;} #top #wrap_all .sternzeichen_fakten .avia-table td:first-child { font-size:13px;} #top #wrap_all .sternzeichen_fakten .avia-table td { font-size:11px;} /* Horoskop Nav */ #horoskop .av_one_fourth .av-special-heading .av-special-heading-tag { font-size:5vw;} #top #sternzeichen_nav a.avia-button { min-width:18.9%; width:18.9%;} #top #sternzeichen_subnav a.avia-button { min-width:23%; width:24%; font-size:11px;} #top #sternzeichen_subnav a.avia-button { font-size:11px;} #top #wrap_all #horoskop_extra .av-special-heading .av-special-heading-tag {font-size:16px;} #top #horoskop_gluckzahl .numeric { width:36px ; height:36px ; line-height:36px; font-size:13px;} #top #wrap_all #weitere_horoskop a.avia-button .avia_iconbox_title { padding:15px 0px; font-size:12px;} #top #wrap_all .sterrenbeelden_tabel .avia-table td { display:inline-block; width:65%; font-size:12px;} }