@import url("./fonts/roboto/stylesheet.css");

/* ------------------------- */

body {
    font-family: Roboto, sans-serif;
    font-size: 11pt;
    margin: 0;
    padding:0.75rem;
    background: url('./images/background.jpg') no-repeat fixed right center;
    background-size: cover;
    scroll-behavior: smooth;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   -hyphens: auto;   
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

/* ------------------------- */

@media (max-width: 1024px) {
    body {
        font-size: 9pt;
    }
}

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

a.media_grafics, a.afltr-link {
    padding:3px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.commentformbox_top,
.rowname,
.fragrances div.img figcaption {
    font-family: Roboto, sans-serif;
    font-weight: 300;
}

h4, h5, h6 {
    padding:0;
    margin: 0.4rem 0rem;
}

h2 {
    font-size: 3rem;
    text-align: left;    
}

h3 {
    font-size: 2.5rem;
    text-align:left;
}

h4 {
    font-size: 1.75rem;
    text-align:left;
}

img     {
    border:0px;
}

li      {
    font-size:1rem;
}

table   {
    font-size:1rem;
}

td      {
    vertical-align:top;
}

form    {
    padding:5px;
}

sup,
sub {
    font-size: 0.9rem;
    font-weight:500;
}

i,
rem {
    font-style: italic;
}

a,
a:link,
a:visited,
h2,
.news_head_line h3,
.commentformbox_top,
h6.comment_head_line,
h6.sidebar-title,
b,
strong,
div.header h1,
.left_bold_text,
.infotype,
.votequestion,
.nkorg-inactivity-manager-date,
span.fpcm-inactivity-manager-date {
    font-weight: bold;
}

div.header h1
input,
select,
textarea,
option,
button {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
}

textarea,
input[type=text],
input[type=email],
input[type=url],
input[type=submit],
input[type=reset],
input[type=password],
select,
button {
    padding: 0.4rem;
    margin: 0.2rem 0.4rem; 
}

.content input[type=text],
.content input[type=email],
.content input[type=url],
.content input[type=password],
.content textarea,
.content select {
    max-width: 375px;
    width: 100%;
}

.sidebar input[type=submit],
.sidebar input[type=reset] {
    width: 40%;
}

input[type=Radio] {
    background:transparent;
    margin-right:3px;
    border: 0;
}

blockquote,
.page-notice,
.page-notice-msg {
    font-style: italic;
    font-size: 1.0rem;
    padding: 0.5rem;
}

.page-notice-msg {
    margin: 0 0 0.75rem 0;
}

blockquote p {
    margin: 5px 0;
}

/* ------------------------- */

#layout,
.header,
.breadcrumb,
.footer {
    margin: 0 auto;
}

#layout,
.footer {
    max-width: 1500px;
    border-radius: 1rem;
}

div.header {
    margin: 0.5rem 0 0.75rem 0;
}

div.header div.logo {
    border-radius: 1rem;
    padding: 0 1.5rem 0 1.5rem;
}


div.header h1 {
    font-size: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0.5rem 0px;
    padding: 0px;
}

@media (max-width: 575.98px) {
    div.header h1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 1024px) {
    div.header h1 {
        text-align: center;
    }
}

div.navigation {
    z-index: 100;
    margin: 0.75rem 0;
}

ul.list-style-none {
    list-style: none;
}

ul.list-no-padding {
    padding-left: 0;
    margin-left: 0;
}

div.navigation ul,
div.navigation ul li {
    margin: 0;
    padding: 0;
}

div.navigation div.greedy {
    position: relative;
    display: flex;
}

div.greedy button {
    margin: 0 0.5rem 0 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: none;
    border-radius: 0;
}

div.navigation a {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.2rem;
    display: inline-block;    
}


div.navigation a,
div.navigation #menubtn {
    padding: 0.5rem 0.75rem;
}

div.navigation ul.hidden-links {
    z-index: 50;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    max-width: 300px;
}

div.navigation ul.hidden-links a {
    padding: 0.5rem 0rem;
    width: 100%;
}

a,
a:link,
a:hover,
a:active,
a:focus,
#menubtn,
textarea:hover,
textarea:focus,
input:hover,
input:focus,
button:hover,
button:focus,
div.rowopen {
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

@media (max-width:800px) {
    
    .content img,
    .content iframe,
    .content object,
    .content embed,
    .content video {
        max-width:60%;
        height:auto;
    }
    
    div.sidebar-wrapper {
        margin-left: -15px;
        border-radius: 0 0 1rem 1rem !important;
    }
}


.easing-css {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

/* Content & Sidebar */
.content-wrapper {
    padding: 0rem 0.6rem 0.6rem 0.6rem;
    position: relative;
}

.breadcrumb,
.fpcm-pub-message-box,
.fpcm-pub-articletoolbar-main,
.fpcm-pub-articletoolbar-article,
.nkorg-inactivity-manager-box,
.fpcm-inactivity-manager-box {
    font-size: 0.8rem;
    padding: 0.3rem;
    font-weight: normal;
}

.breadcrumb {
    text-transform: uppercase;
    line-height: 1.5rem;
}

/* --------------------------------------------------------------------------- */
/* Affiliate Grafiken */

.affiliates             {
    padding:2px;
}

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

.topaffiliates-links    {
    text-align:center;
    padding: 5px 0;
    margin-top: 10px;
}

/* --------------------------------------------------------------------------- */
/* sonstige Grafiken */

.pastlayb            {
    margin-left:25px;
    margin-bottom:3px;
    margin-top:2px;
    width:200px;
    height:150px;
}

.avatar_padding      {
    padding-right:1px;
}

.bipicbox {
    text-align:center;
}

.bandpics,
.font-example,
.image-right {
    display: block;
    float:right;
    margin: 0.4rem;
}

.bandpics,
.pastlayb,
.biopics,
.font-example,
.image-center,
.image-right,
.fpcm-pub-category-icon,
.contentbox iframe,
.newstxt iframe,
.newstxt img,
.media_thumb,
.rowopen,
img.img-border,
textarea,
input[type=text],
input[type=email],
input[type=url],
input[type=submit],
input[type=reset],
input[type=password],
button,
video,
select {
    border: 1px dotted #CD3F27;
}

.notices {
    padding: 0px 20px 10px 25px;
}

.notices, .notices2  {
    font-size:0.8rem;
}

.page-notice,
.image-center-wrapper {
    text-align:center;
}

.page-notice {
    margin-bottom:5px;
}

.notices2   {
    text-align:justify;
    margin-left:15%;
    margin-right:15%;
}

.bionotices     {
    font-size: 0.85rem;
}

.txtintros      {
    margin-left:5px;
}

.footer {
    margin-top: 1.2rem;
    font-size: 0.75rem;
}

.footer div.footer-container div.footer-container-content {
    margin: 0.8rem;
}

.footer p.copyright {
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 0.8rem 0rem;
}

.tablecelldiv {
    display:table-cell;
    width:310px;
    padding-right:10px;
}

/* Voting */
.votequestion               {
    text-align: center;
    margin-bottom:3px;
}

.votetxtvg,
.sv_footline    {
    font-style:italic;
    font-size:1rem;
    text-align: center;
    padding: 0.3rem 0;
}

.votebar,
.svvotebar {
    height:12px;
    min-width:0px;
    margin: 0.2rem 0;
    background: #cd3f27;
}

.svbuttons  {
    margin-top:5px;
    text-align:center;
}

div.sv-archive-boxes {
   margin-bottom: 1.2rem; 
}


/* -------------------- */

.content-inner {
    margin-right: 0.6rem;
    padding-left: 0rem !important;
}

.news_share,
.rowopen,
.rowentry,
input,
select,
textarea,
button,
input,
select,
textarea,
button,
blockquote,
.fpcm-pub-message-box,
.fpcm-pub-articletoolbar-main,
.fpcm-pub-articletoolbar-article,
.fpcm-message-box,
.nkorg-inactivity-manager-box,
.fpcm-inactivity-manager-box,
img.img-border-radius,
div.slider-wrapper div.slider-item h4.slider-item-title,
div.navigation ul.hidden-links,
div.navigation a:hover,
div.navigation a:active,
div.navigation a:focus,
div.navigation #menubtn:hover,
div.navigation #menubtn:active,
div.navigation #menubtn:focus,
.sectionheadline h2,
.news_head_line h3,
.commentformbox_top,
h6.comment_head_line,
h6.sidebar-title,l
.cookie-notice a,
div.cookie-notice a,
div.cookie-notice button {
    border-radius: 0.35rem;
}

.sidebar-box,
.content-inner {
    padding: 0.6rem;
}

.sidebar-content .votetxtvg,
.sidebar-content .sv_footline,
.sidebar-content form {
    margin: 0;
}

div.sidebar-wrapper {
    height: 100%;
    margin-right: -15px;
    padding-left: 0.3rem;
    border-radius: 1rem 0 1rem 0;
}

.sidebar-box:after {
    clear: both;
}

.sidebar-bottom {
    height: 5px;
}

.contentbox iframe,
.newstxt iframe {
    max-width: 99%;
}

.contentbox iframe, .newstxt iframe, .fp-news-img {
    margin:10px 0px 10px 0px;
}

.newstxt img:not(.fpcm-pub-smiley) {
    max-width: 500px;
    height: auto !important;
}

.newstxt a img.fp-news-img {
    margin: 5px 0px 5px 0px;
}

iframe.twitter-tweet-rendered {
    max-width: 500px !important;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    iframe.twitter-tweet-rendered {
        max-width: 100% !important;
    }
}

.newstxt span.source-links {
    display: block;
    font-size: 0.75rem;
}

.sectionheadline h2,
.news_head_line h3,
.commentformbox_top,
h6.comment_head_line,
h6.sidebar-title,
h6.latest-news {
    font-size: 1.75rem;
    text-align: center;
    padding: 0.35rem;
    margin: 0 0 0.35rem 0;
}

.news_meta1 span:first-child:before {
    content: '\f017';
    padding-right: 0.3rem;
}

.news_meta1 span:nth-child(1n+2):before {
    content: '\f007';
    padding-right: 0.3rem;
}

.news_meta1 span:nth-child(1n+3):before {
    content: '\f0e6';
    padding-right: 0.3rem;
}

.news_meta1 span {
    display: inline-block;
    text-align: center;
    padding: 0rem 0.6rem;
    font-size: 0.75rem;
}

.news_meta1 span:first-child {
    padding-left: 0;
}

.comment_txt,
.commentformbox,
.contentbox,
.newstxt,
.news_meta1,
.rowbox,
.notices {
    text-align: left;
    word-wrap: break-word;
    text-wrap: normal;    
}

.comment_txt p {
    margin: 0;
}

.boxbottom,
.commentformbox_btm,
.comment_bottom {
    height: 15px;
}

/* -------------------- */

.rowentry {
    padding: 0.5rem 0.8rem;
    margin: 0.6rem 0.3rem;
}

.row1 .rowimg, .row11 .rowimg  { background-position: 0 0px; }
.row2 .rowimg, .row12 .rowimg  { background-position: 0 -40px; }
.row3 .rowimg, .row13 .rowimg  { background-position: 0 -80px; }
.row4 .rowimg, .row14 .rowimg  { background-position: 0 -120px; }
.row5 .rowimg, .row15 .rowimg  { background-position: 0 -160px; }
.row6 .rowimg, .row16 .rowimg  { background-position: 0 -199px; }
.row7 .rowimg, .row17 .rowimg  { background-position: 0 -239px; }
.row8 .rowimg, .row18 .rowimg  { background-position: 0 -279px; }
.row9 .rowimg, .row19 .rowimg  { background-position: 0 -319px; }
.row10 .rowimg, .row20 .rowimg { background-position: 0 -359px; }

.rowimg {
    background-image: url(../../img/bg_index_rows.png);
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    margin: 0.2rem 0.5rem 0 0;
    float:left;
    display: block;
}

.rowname    {
    font-size: 1.3rem;
}

.rowdescr   {
    width:100%;
    text-align:left;
}

.rowopen {
    float:right;
    display: block;
    padding: 0.4rem 0.6rem;
    margin-top: 0.3rem;
}

.rowopen.rowopen-bottom {
    display: none;
}

.rowopen a {
    font-weight: 100;
    text-transform: uppercase;
}

.news_meta1:before,
.rowopen a:after,
.news_share:before,
.ui-accordion-header:before,
.ui-accordion-header.ui-state-hover:before,
.ui-accordion-header-active:before,
.news_meta1 span:first-child:before,
.news_meta1 span:nth-child(n+1):before,
.news_meta1 span:nth-child(n+2):before,
div.slider-wrapper div.slider-item h4.slider-item-title:before,
span.fpcm-inactivity-manager-date:before {
    font-family: 'FontAwesome';
}

.rowopen a:after {
    content: '\f138';
    padding-left: 0.4rem;
}

@media (max-width:800px) {

    .content-inner {
        margin-right: 0rem;
        padding-left: 0rem;
        padding-right: 0rem;
    }
    
    div.sidebar,
    div.content {
        float: none;
        width: 100%;
    }
    
    div.sidebar-wrapper {
        border: 0px;
        padding-left: 0rem;
    }
    
    div.sidebar {
        margin-top: 3rem;
    }

    div.sidebar h6.sidebar-headline {
        font-size: 1.25rem;
        display: block !important;
    }

    .footer div.footer-container {
        width: 100%;
    }

    .rowimg,
    .rowopen.rowopen-top {
        display: none;
    }
    
    .rowname,
    .rowdescr,
    .rowopen.rowopen-bottom {
        float: none;
        display: block;
    }
    
    .rowopen.rowopen-bottom {
        min-width: 100px;
        max-width: 200px;
        width: 50%;
        padding: 0.4rem 0.6rem;
        margin: 0.3rem auto;
        text-align: center;
    }
}

/* -------------------- */

.fpcm-pub-pagination {
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   -hyphens: none;
   margin-bottom: 0.4rem;
}

.fpcm-pub-pagination li {
    display: inline-block;
    list-style: none;
    padding: 0.3rem 0.6rem;    
}

.fpcm-pub-pagination a {
    font-size: 0.9rem;
    margin: 0.1rem 0rem;
    padding: 0.3rem 0.6rem;
    min-width: 40px;
    text-align: center;
}

.news_share:before {
    font-family: 'FontAwesome', Roboto;
    font-size: 1.4rem;
    font-weight: 300;
    content: '\f1e1  Share this to the world...';
}

.news_share {
    font-size: 0.9rem;
    text-align: center;
    padding: 0.4rem;
    margin: 0.5rem auto;
}

.fpcm-pub-sharebuttons {
    display:block !important;
    margin: 0.3rem !important;
    padding: 0 !important;
}

.fpcm-pub-sharebuttons li            {
    display:inline-block;
    float: none !important;
    margin: 1px !important;
}

.fpcm-pub-sharebuttons li a          {
    background:transparent;
    opacity:0.4;
    padding:0;
}

.fpcm-pub-sharebuttons li a:hover    {
    background:transparent;
    opacity:1.0;
    padding:0;
}

img.fpcm-pub-smiley {
    border: 0px !important;
}

ul.fpcm-pub-smileys {
    margin:0;padding:0;
}

ul.fpcm-pub-smileys li {
    display: inline;
    margin: 1px;
}

.fpcm-pub-message-box,
.fpcm-pub-articletoolbar-main,
.fpcm-pub-articletoolbar-article,
.nkorg-inactivity-manager-box,
.fpcm-inactivity-manager-box {
    font-size: 0.8rem;
    margin: 0.4rem 0;
}

li.latest-news-item {
    padding-bottom: 0.5rem;
}

/* jQuery Accordion */

#accordion,
#accordion_notice {
    margin:0;
    padding:0;
    list-style:none;
}

#accordion li,
#accordion_notice li  {
    padding: 5px 0px;
}

.ui-accordion-header {
    font-family: Roboto, sans-serif;
}

.ui-accordion-header:before {
    content: '\f07b';
    padding-right: 0.6rem;
}

.ui-accordion-header.ui-state-hover:before,
.ui-accordion-header-active:before {
    content: '\f07c';
    padding-right: 0.6rem;
}

a.accordionhead_de {
    background:url(/img/descr_de.png) 2px 12px no-repeat;
    padding-left: 25px !important;
}

a.accordionhead_en {
    background:url(/img/descr_en.png) 2px 12px no-repeat;
    padding-left: 25px !important;
}

a.accordionhead_es {
    background:url(/img/descr_es.png) 2px 12px no-repeat;
    padding-left: 25px !important;
}

/* Affiliat*r */
.afltr-public-button-line   {
    text-align: center;
}

.afltr-public-label         {
    width: 33%;
    max-width: 300px;
}

/* Newspecials */
.news_text_chartline {
    font-family: 'Ubuntu Mono', monospace;
}

/* Past Layouts */

.past-layouts-list-item {
    margin: 0.5rem 0 0.75rem 0;
}

.past-layouts-list-item span {
    display: block;
}

#twitter-widget-0 {
    width: 99% !important;
    margin: 0 auto !important;
}

/* Aligns */
.align-center {
    text-align: center;
}

.fpcm-message-box {
    margin: 0.5rem;
}

.fpcm-message-box div.fpcm-msg-text {
    padding: 0.8rem;
}

.fpcm-message-box div.fpcm-msg-icon {
    display: none;
}

.fpcm-msg-close {
    display: none;
}

a.official-networks {
    font-size: 1.0rem;
}

div.official-networks-wrapper {
    margin-bottom: 0.75rem;
}

img.font-example {
    background: #ffffbf;
    padding: 0.4rem;
}

/* Fragances */

.fragrances div.img,
.fragrances div.list {
    float: left;
    display: block;
    width: 50%;
}

@media (max-width: 800px) {
    .fragrances div.img,
    .fragrances div.list {
        width: 100%;
    }

    .newstxt img:not(.fpcm-pub-smiley) {
        width: 100%;
        max-width: none;
        height: auto !important;
    }
}

.fragrances div.img {
    text-align: center;
}

.fragrances div.img figcaption {
    max-width: 300px;
    margin: 0 auto;
    font-size: 1.2rem;
    padding: 0.5rem 0;
}

.fragrances div.list ul {
    margin: 1.0rem 0 0.5rem 0;
    padding-left: 0.5rem;
    list-style: none;
}

.fragrances p.video-ad {
    text-align: center;
    margin: 1.5rem 0 3.5rem 0;
}

.nkorg-inactivity-manager-date,
span.fpcm-inactivity-manager-date {
    display: block;
    padding: 0.3rem 0.3rem 0.5rem 0.3rem;
}

span.fpcm-inactivity-manager-date:before {
    content: '\f071';
    font-size: 2.5em;
    float: left;
    padding-right: 10px;
}

.twitter-video-rendered {
    width: 500px !important;
    margin: 0 auto !important;
    max-width: 500px !important;
}

div.cookie-notice {
    font-size: 0.85rem;
    margin: 0.35em 0;
}

div.cookie-notice a {
    padding: 0.1em 0.4em;
    background: #ffffff;
    margin: 0em 0.1em;
}

div.cookie-notice p {
    margin: 0;
    padding: 0.4em 0;
}

div.cookie-notice span.icon {
    float: left;
    display: block;
}

div.slider-wrapper {
    width: 100%;
}

div.slider-wrapper div.slider-item {
    position: relative;
    margin: 0 auto;
}

div.slider-wrapper div.slider-item img {
    width: 100%;
    height: auto;
}

div.slider-wrapper div.slider-item h4.slider-item-title {
    font-size: 1.5rem;
    max-width: 90%;
    position: absolute;
    bottom: 0.35rem;
    right: 0.35rem;
    padding: 0.2rem 0.35rem;
}

div.slider-wrapper div.slider-item h4.slider-item-title:before {
    content: '\f054';
    padding-right: 0.3rem;
}

@media (min-width: 992px) {
    div.tourlist-dates {
        min-height: 325px;
    }
}

@media (min-width: 576px) AND (max-width: 1200px) {
    div.tourlist-dates {
        margin-top: 1.5rem;
    }
}

ul.tour-dates-list-el {
    padding: 0rem 0.2rem 0rem 0.75rem;
    margin-top: 0;
}

.tour-dates-list {
    font-size: 0.8rem;
    padding: 0;
    margin: 0;
}

/* Colors */

div.navigation a:hover,
div.navigation a:active,
div.navigation a:focus,
div.navigation #menubtn:hover,
div.navigation #menubtn:active,
div.navigation #menubtn:focus,
.lSSlideOuter .lSPager.lSpg > li.active a,
.lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: #6f261e !important;
}

div.header h1,
.sectionheadline h2,
.news_head_line h3,
h6.sidebar-title,
.commentformbox_top {
    color: #000 !important;
}

h2,
h3,
h4,
h5,
h6,
input,
select,
textarea,
option,
button,
a,
a:link,
a:visited,
.infotype,
.votequestion,
.page-notice,
.page-notice-msg,
.ui-accordion-header,
.ui-accordion-header-active,
.rowname,
.battle-worst,
.ui-accordion-header-active,
.votelefttxto,
.votequestion,
.rowname {
    color: #6f261e;
}

.rowopen a {
    color: #6f261e !important;    
}

a:hover,
a:active,
a:focus,
a.fpcm-pub-pagination-page-active,
div.navigation a:hover,
div.navigation a:active,
div.navigation a:focus,
div.navigation #menubtn:hover,
div.navigation #menubtn:active,
div.navigation #menubtn:focus,
div.cookie-notice span.icon {
    color: #be8150;
}

.breadcrumb,
.breadcrumb b,
.breadcrumb a,
h4.slider-item-title {
    color: #f8d07b !important;
}

.breadcrumb,
.fpcm-pub-message-box,
.fpcm-pub-articletoolbar-main {
    background: rgba(60, 25, 26, 0.5);
}

div.header div.logo,
div.news_head_line h3,
div.sectionheadline h2,
div.commentformbox_top,
h4.slider-item-title,
h6.sidebar-title,
h6.comment_head_line,
.votebar,
.svvotebar {
    background: rgba(190, 129, 80, 0.7);
}

blockquote,
.page-notice,
.page-notice-msg,
.fpcm-message-box,
#layout,
.fpcm-pub-message-box,
.fpcm-pub-articletoolbar-main,
.fpcm-pub-articletoolbar-article,
.nkorg-inactivity-manager-box,
.fpcm-inactivity-manager-box,
.background-trans,
.fragrances div.img figcaption {
    background: rgba(240, 227, 210, 0.5);
}

div.navigation.isfixed {
    background: rgba(240, 227, 210, 0.75);
}


input,
select,
textarea,
option,
button,
textarea:hover,
textarea:focus,
input:hover,
input:focus,
button:hover,
button:focus,
div.rowopen:hover,
.fpcm-pub-pagination a.fpcm-pub-pagination-page-active,
.rowentry:nth-child(odd),
.sidebar-wrapper {
    background-color: rgba(248, 208, 123, 0.5);
}

blockquote,
.page-notice,
.page-notice-msg,
.fpcm-message-box {
    border-left: 10px double #be8150;
}

.votebar,
.svvotebar {
    border-left: 5px solid #be8150;
}