/*******************************
         Fonts
*******************************/
@font-face {
  font-family: "bnp_regular";
  font-style: normal;
  font-weight: normal;
  src: url("/frontend/resources/fonts/bnpp_sans_v2-webfont.eot?#iefix") format("embedded-opentype"), url("/frontend/resources/fonts/bnpp_sans_v2-webfont.woff") format("woff"), url("/frontend/resources/fonts/bnpp_sans_v2-webfont.ttf") format("truetype"), url("/frontend/resources/fonts/bnpp_sans_v2-webfont.svg#bnpp_sansregular") format("svg");
}

@font-face {
  font-family: "BNPPSans-Light-Italic";
  font-style: normal;
  font-weight: normal;
  src: url("/frontend/resources/fonts/BNPPSans-Light.eot?#iefix") format("embedded-opentype"), url("/frontend/resources/fonts/bnpp_sans_italic-webfont.woff") format("woff"), url("/frontend/resources/fonts/BNPPSans-Light.ttf") format("truetype"), url("/frontend/resources/fonts/BNPPSans-Light.svg#bnpp_sansregular") format("svg");
}

@font-face {
  
font-family: 'BNPPSans';
  src: url('/frontend/resources/fonts/BNPPSans.eot');
  src: url('/frontend/resources/fonts/BNPPSans.woff2') format('woff2'),
       url('/frontend/resources/fonts/BNPPSans.woff') format('woff'),
       url('/frontend/resources/fonts/BNPPSans.ttf') format('truetype'),
       url('/frontend/resources/fonts/BNPPSans.svg#BNPPSans') format('svg'),
       url('/frontend/resources/fonts/BNPPSans.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BNPPSans-Light';
  src: url('/frontend/resources/fonts/BNPPSans-Light.eot');
  src: url('/frontend/resources/fonts/BNPPSans-Light.woff2') format('woff2'),
       url('/frontend/resources/fonts/BNPPSans-Light.woff') format('woff'),
       url('/frontend/resources/fonts/BNPPSans-Light.ttf') format('truetype'),
       url('/frontend/resources/fonts/BNPPSans-Light.svg#BNPPSans-Light') format('svg'),
       url('/frontend/resources/fonts/BNPPSans-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BNPPSans-Bold';
  src: url('/frontend/resources/fonts/BNPPSans-Bold.eot');
  src: url('/frontend/resources/fonts/BNPPSans-Bold.woff2') format('woff2'),
       url('/frontend/resources/fonts/BNPPSans-Bold.woff') format('woff'),
       url('/frontend/resources/fonts/BNPPSans-Bold.ttf') format('truetype'),
       url('/frontend/resources/fonts/BNPPSans-Bold.svg#BNPPSans-Bold') format('svg'),
       url('/frontend/resources/fonts/BNPPSans-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'BNPPSans-ExtraBold';
  src: url('/frontend/resources/fonts/BNPPSans-ExtraBold.eot');
  src: url('/frontend/resources/fonts/BNPPSans-ExtraBold.woff2') format('woff2'),
       url('/frontend/resources/fonts/BNPPSans-ExtraBold.woff') format('woff'),
       url('/frontend/resources/fonts/BNPPSans-ExtraBold.ttf') format('truetype'),
       url('/frontend/resources/fonts/BNPPSans-ExtraBold.svg#BNPPSans-ExtraBold') format('svg'),
       url('/frontend/resources/fonts/BNPPSans-ExtraBold.eot?#iefix') format('embedded-opentype');
  font-weight: 800;
  font-style: normal;
}
/*******************************
        End Fonts
*******************************/

.clamped {
    overflow: hidden!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical!important;
}

body {
    display: flex;
    font-family: "BNPPSans-Light";
    font-size: 16px;
    margin: 0;
    padding: 0;
}
body.bg-light {
  background-color: #f5f5f5;
}

.bordered-empty-row {
  border-top: 3px;
  border-top-style: solid;
  border-top-color: red;
  margin:5px 3px 5px 3px;
}

.mini-width{
  width:15%;
}

.datum,
.daily-authors {   
    font-family: "BNPPSans-Light";
    font-size: 14px;
}

.label,
.drop-down
.text-value {
    display: flex;
    align-items: center;
}

.header-banner {
  width:79rem;
}

.textarea-height {
    height:6rem;
    resize:none;
    overflow:clip!important;
    overflow-wrap: break-word; 
    word-wrap: break-word; 
    word-break: break-word; 
    overflow: hidden;
}

.para-text{
    font-size:12.80px;/*9.60*/
    line-height: 14px;
    text-align: justify;      
    hyphens: auto;            
    word-break: break-word;   
    overflow-wrap: break-word;
}

p.para-text{
    font-size:12.80px;/*9.60*/
    line-height: 18px;
    text-align: justify;      
    hyphens: auto;            
    word-break: break-word;   
    overflow-wrap: break-word;
}
.background-row {
    position: relative;
}
.overlay-row {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
} 
.overlay-row.datum {
    top: 19rem;
    left: 7rem;

}  
.overlay-row.daily-authors{
    top: 20rem;
    left: 8.4rem;
}

.daily-oel-h2 {
    color: #ea7b07;
    font-weight: 600;
}

.distance-maker{
    margin:15px;
}
.bold-label { 
  /*  font-size: 18px;*/
    font-size:16px;
    line-height: 20px;
    font-weight: 800;
}

.category-daily-oel .title h2 
{
background: url("/frontend/resources/images/newsletter/bg_title_oel.png");
background-repeat:no-repeat;
background-size:11px;
background-position:0px 7px;
padding:0;
padding-left:20px;
line-height:24px;
margin-bottom:0;
color:#a52047;
}

/*===================================================== Start Roland =========================== */
:root {
  --oil-color: #902747;/*#a52047;*/
  --oil-bg-color: #a52047;
  --dax-color: #306f8b;
  --dax-bg-color: #306f8b;
  --aktien-color: #47ac47;
  --aktien-bg-color: #47ac47;
  --fx-color: #ea8f67;
  --fx-bg-color: #ea8f67;
  --edel-color: #4ba5d3;
  --edel-bg-color: #4ba5d3;
  --us-color: #da322a;
  --us-bg-color: #da322a;
  --edel-color: #4ba5d3;
  --edel-bg-color: #4ba5d3;
  --body-font-size: 16px;
  --small-font-size: 12px;
  --body-font-family: font-family: "BNPPSans-Light";
  --green:#399864;
  --add-remove:rgb(26, 115, 232);
}

.drop-down select {
     background: #dee2e6;
     padding: 10px 20px;
     border-radius: 6px;
     border: 1px solid silver;
}

.gray-col-background{
    background-color: #efefef;
    margin-bottom:8px;
    margin-right: -200px
}
.category-daily-fx .gray-col-background,
.category-daily-edelmetall .gray-col-background {

        margin-right: -20px;
}
body :has(> .container.main-bg)
{
    width:100%;
    height:100vh;
    margin:0;
    background: url("/frontend/resources/images/newsletty_bg_01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}


img.image-thumbnail {
    width:80px;
    height: auto;
}

.container.main-bg
{
  width:500px;
  max-width:100%;
}

.container.main-bg .btn-primary,
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited
{
  background-color:var(--green);
  padding: 5px 10px 3px 10px;
  border:none;
  color:#fff;
  border-radius:5px;
  min-width: 180px;
}


.btn-primary.finalize { width:100%;     padding: 10px 10px 10px 10px; }

#add-us-termine-btn,
#remove-us-termine-btn,
#add-hotstocks-btn,
#remove-hotstocks-btn
{
  /*background-color:var(--add-remove);*/
  padding: 5px 10px 3px 10px;
  border:none;
  color:#fff;
  border-radius:5px;
}

input::file-selector-button
{
  background-color:var(--green);
  padding: 5px 10px 3px 10px;
  border:none;
  color:#fff;
  border-radius:5px;
  cursor: pointer;
}

input[type="file"] { /*remove the filenot selected label says nadine*/
  color: transparent;  
}

.btn-primary:hover { opacity:0.95; }
.btn-info, .btn-info:hover { background:#3dd5f3; }
a.btn-primary { margin-right:3px; }

.passwort-hint {
    font-size: 14px;
    color:#888;
}
.btn-primary.cancel, .btn-primary.cancel:hover { background-color:gray; }

.btn-secondary.cancel {
    padding: 3px 10px 3px 10px;
    min-width:180px;
}
 a.forgot {color:#888888;}
}


table tr td
{ 

    border-width:5px;
    border-color:rgba(255,255,255,0);
}
thead { background:silver; color:#fff;}

img { max-width:100%; }

.bg-gray { background:#f5f5f5; }

/* US Werteenwicklung - US-Termine */
.category-daily-us .row .qu-zahlen { height:100%;}
.category-daily-us .row .col-12.qu-zahlen { height:100%; border-left:1px solid var(--us-color); }

.us-termine .col-4:not(:first-child), 
.us-termine .col-3 
{ border-left:1px solid var(--us-color); }

.admin-maske .us-termine .col-4:not(:first-child), 
.admin-maske .us-termine .col-3 
{ border:none; }

.hot-stocks .title.col-4:not(:first-child)  { border-left:1px solid var(--us-color); }
.hotstocks-container .row .col-4:not(:first-child)  { border-left:1px solid var(--us-color); }

#us-termine-container .row:nth-of-type(odd),
#hotstocks-container  .row:nth-of-type(odd),
.qu-zahlen .row div:nth-of-type(odd)
 { background:#f5f5f5;}

.hot-stocks .nr-2,
.hot-stocks .nr-3
{ border-left: 1px solid #da322a; }

.us-termine .nr-2,
.us-termine .nr-3,
.us-termine .nr-4
{ border-left: 1px solid #da322a; }

.category-daily-us-editor .hot-stocks .title.col-4:not(:first-child)  { border:none; }
.category-daily-us-editor .hotstocks-container .row .col-4:not(:first-child)  { border:none; }
.category-daily-us-editor .us-termine .col-4:not(:first-child), 
.category-daily-us-editor .us-termine .col-3 { border:none; }

.category-daily-us .hot-stocks .title,
.category-daily-us .us-termine .title,
.category-daily-us .custom-color
 { color: var(--us-color); }

.category-daily-us .custom-bg
{
background: #da322a;
color:#fff;
padding:5px;
}

/* DAX Wirtschaftsdaten - Unternehmensdaten */

.wirtschafts-daten .title,
.unternehmens-daten .title { color:var(--dax-color); }

.wirtschafts-daten .nr-2,
.wirtschafts-daten .nr-3,
.wirtschafts-daten .nr-4,
.wirtschafts-daten .nr-5
{ border-left: 1px solid #306f8b; }

.unternehmens-daten .nr-2,
.unternehmens-daten .nr-3,
.unternehmens-daten .nr-4,
.unternehmens-daten .nr-5
{ border-left: 1px solid #306f8b; }

.dynamic-data-for-pdf.row-1 > div,
.dynamic-data-for-pdf.row-3 > div,
.dynamic-data-for-pdf.row-5 > div,
.dynamic-data-for-pdf.row-7 > div 
 { background:#f5f5f5; }

.dynamic-data-for-pdf { margin:2px;}

body .wirtschafts-daten *,
body .unternehmens-daten *,
body .hot-stocks .row *,
body .us-termine .row *,
body .qu-zahlen *
 { font-size: var(--small-font-size) }

body .hot-stocks .row .card.col-4 { border:none;  }
body .hot-stocks .row .card span
 { font-size: var(--body-font-size); }

body #us-termine-container .card.col-4;
body .us-termine .row .card,
body .us-termine .row .card.col-4
{ border:none;  } 

body .us-termine .row .card span
 { font-size: var(--body-font-size) }

/* setze alle teareas in den Redakteurmasken auf resize:none */
textarea.daily-oel,
textarea.daily-dax,
textarea.daily-edelmetall,
textarea.daily-fx,
textarea.daily-aktien
{ resize: none!important; }


.footer span.daily-fx,
div .category-daily-fx
{ color: var(--fx-color); }

.footer span.daily-us
{ color: var(--us-color); font-style:italic;}

.custom-sub-title { 
    padding:8px 10px 3px; 
    position: relative;
    margin-left: -12px; 
    font-size:16pt;
}

.category-daily-fx .custom-sub-title { 
   display:block;
   width:100%;
}

.custom-tendenz { font-weight:bold; }

.mini-dailys .card { border:none; }

.category-daily-oel .custom-color { color: var(--oil-color);}
.category-daily-oel .custom-bg-color { background-color: var(--oil-bg-color); color:#fff;}
.category-daily-oel .sub-title { 
	color: var(--oil-color);
    background: url("/frontend/uploads/default_images/bg_title_oel.jpg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0px 1px;
    padding-left: 20px ;
}

.category-daily-dax .custom-color { color: var(--dax-color);}
.category-daily-dax .custom-bg-color { background-color: var(--dax-bg-color); color:#fff;}
.category-daily-dax .sub-title {
    color: var(--dax-color);    
    background: url("/frontend/uploads/default_images/bg_title_dax.jpg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0px 1px;
    padding-left: 20px ;
    padding-bottom:7px;
}
.category-daily-dax .custom-bg-color {margin-right:-16px;}
.category-daily-aktien .custom-color { color: var(--aktien-color);}
.category-daily-aktien .custom-bg-color { background-color: var(--aktien-bg-color); color:#fff;}
.category-daily-aktien .sub-title {
    color: var(--aktien-color);    
    background: url("/frontend/uploads/default_images/bg_title_aktien.jpg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0px 1px;
    padding-left: 20px ;
    padding-bottom:7px;
}

.category-daily-edelmetall .custom-color { color: var(--edel-color);}
.category-daily-edelmetall .custom-bg-color { background-color: var(--edel-bg-color); color:#fff;}
.category-daily-edelmetall .sub-title {
    color: var(--edel-color);    
    background: url("/frontend/uploads/default_images/bg_title_edel.jpg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0px 1px;
    padding-left: 20px ;
    padding-bottom:7px;
}

.category-daily-us .custom-color { color: var(--us-color);}
.category-daily-us .custom-bg-color { background-color: var(--us-bg-color); color:#fff;}
.category-daily-us .sub-title {
    color: var(--us-color);    
    background: url("/frontend/uploads/default_images/bg_title_us.jpg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0px 1px;
    padding-left: 20px ;
    padding-bottom:7px;
}

.category-daily-fx .custom-color { color: var(--fx-color);}
.category-daily-fx .custom-bg-color { background-color: var(--fx-bg-color); color:#fff;}
.category-daily-fx .sub-title {
    color: var(--fx-color);    
    background: url("/frontend/uploads/default_images/bg_title_fx.jpg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0px 1px;
    padding-left: 20px ;
    padding-bottom:7px;
}

.hinweis { 
    color:#003671;
    background: url("/frontend/uploads/default_images/bg_hinweis.jpg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0px 1px;
    padding-left: 20px ;
}

.logo-content { padding-left:10px;}
.logo-content img { width:400px;max-width:100%; height:auto;}
.card-login .form-control { margin-bottom:20px;}

.redakteur-img img { max-width:60%;}
.redakteur-img { align-content:center; }

.line-separator { border-bottom:1px solid #000; margin-bottom:20px;}

.category-daily-edelmetall .line-separator,
.category-daily-fx .line-separator { 
    border-bottom:1px solid #000; 
    margin-top:15px;
    margin-bottom:15px;
}

span.daily-oel { color: var(--oil-color); font-weight:bold; font-style:italic;}
span.daily-dax { color: var(--dax-color); font-weight:bold; font-style:italic;}
span.daily-edelmetall { color: var(--edel-color); font-weight:bold; font-style:italic;}
span.daily-fx { color: var(--fx-color); font-weight:bold; font-style:italic;}

.magenta {
    color:#003671;
}
.disclaimer-title {
    color:#003671;
    font-weight: bold;
    font-weight: 800;
}

.set-priority{
    width:50px;
}
.footerlink
{
    color:#212529;
    font-weight:bold;
}

.disclaimer-link{
      color: #212529;
      font-weight: bold;
      font-size: 11px;
      text-decoration: none;
}
.category-daily-oel .category-header
{
    height:350px; /* Fix size */
    background: url("/frontend/uploads/default_images/dailys_Header-Banner_1400x353_OEL.jpg");
    background-repeat:no-repeat;
    background-position:top center; 
    background-size:100%;
    margin-bottom: 0px;
}


.category-daily-dax .category-header
{
    height:350px; /* Fix size */
    background: url("/frontend/uploads/default_images/dailys_Header-Banner_1400x353_DAX.jpg");
    background-repeat:no-repeat;
    background-position:top center; 
    background-size:100%;
    margin-bottom: 0px;
}

.category-daily-aktien .category-header
{
    height:350px; /* Fix size */
    background: url("/frontend/uploads/default_images/dailys_Header-Banner_1400x353_AKTIEN.jpg");
    background-repeat:no-repeat;
    background-position:top center; 
    background-size:100%;
    margin-bottom: 0px;
}

.category-daily-fx .category-header
{
    height:350px; /* Fix size */
    background: url("/frontend/uploads/default_images/dailys_Header-Banner_1400x353_FX.jpg");
    background-repeat:no-repeat;
    background-position:top center; 
    background-size:100%;
    margin-bottom: 0px;
}

.category-daily-edelmetall .category-header
{
    height:350px; /* Fix size */
    background: url("/frontend/uploads/default_images/dailys_Header-Banner_1400x353_EDELMETALL.jpg");
    background-repeat:no-repeat;
    background-position:top center; 
    background-size:100%;
    margin-bottom: 0px;
}
.category-daily-us .category-header
{
    height:350px; /* Fix size */
    background: url("/frontend/uploads/default_images/dailys_Header-Banner_1400x353_US.jpg");
    background-repeat:no-repeat;
    background-position:top center; 
    background-size:100%;
    margin-bottom: 0px;
}
.category-daily-oel .custom-bg-color-pdf{ background-color: #902747;}
.category-daily-aktien .custom-bg-color-pdf { background-color:#47ac47;}
.category-daily-fx .custom-bg-color-pdf { background-color:#ea8f67;}
.category-daily-edelmetall .custom-bg-color-pdf { background-color:#4ba5d3;}
.category-daily-dax .custom-bg-color-pdf { background-color:#306f8b;}
.category-daily-us .custom-bg-color-pdf { background-color:#da322a;}

.category-daily-fx .custom-bg-color-pdf, 
.category-daily-edelmetall .custom-bg-color-pdf {

    padding: 12px;
}


.analyse {
padding-top:18%;
	padding-right:14px;
}

.card { 
    max-width:100%;
    margin-top:10px;
    margin-bottom:10px;
    border:none;
}

.card-inner{
    margin:5px;
    background:#fff;
    padding:20px;
    height:100%;
    border-radius: 20px;
    box-shadow: 0px 2px 20px 5px #e2e2e2;
}

.card-body.bg-gray .card { background:#f5f5f5; }

body .footer span { font-weight:800;}
.disclaimer-background {
    background-color:  #f5f5f5;
    padding:15px 5px;
    margin:15px;
	margin-left:0;
	margin-right:0;
}

.category-daily-us .small-font, 
.category-daily-dax .small-font {
    font-size: 10px;
}

.small-font .disclaimer-below-chart, .disclaimer-below-chart { font-size:12px; }

.alert-no-data{
    background:#f6f6f6;
    border: 1px solid #e2e2e2;
    color:#333;
}
/* nur in PDF anzeigen, nicht in preview */
.label-image { display:none;}

.chart-image { padding:0; margin:0; border:none;}

a {
  text-decoration: none;
}

.floating-elements {
  float:left;
  padding:5px;
}

.title{ 
  font-weight: 600;
}

.no-chart-uploaded {
  height: auto;
  width: 350px;
}

/* width muss eventuell noch angepasst werden (etwas größer) */
.col-12 .dailys-textareas  {
    min-width:50%;
    width: 900px;
    max-width:100%;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.col-6 .dailys-textareas  {
    min-width:50%;
    width: 444px;
    max-width:100%;
    -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.disclaimer-manager .col-12 .dailys-textareas {
    min-width: 100%;
    width:100%;
    max-width: 100%;
    padding:20px;
}
.warnung {
      background-color: rgb(246, 227, 206);
    }

.warnmeldung { font-weight:bold; color:red; margin-bottom:5px; }
.main-content { 
    width: 100%;
 }
/******************** Side-Bar Begin**************/



    .sidebar .logo { padding-left:10px; padding-right:10px;padding-bottom:10px; }
    .sidebar {
            width: 250px;
            background-color: #333;
            color: #fff;
            min-height: 100vh;
            height:100vh;
            padding-top: 20px;
            display: flex;
            flex-direction: column;
            position: sticky;
            top: 0;
overflow-y: scroll; /* Allow vertical scrolling */
scrollbar-width: none; /* Firefox */        }

.error {
    color:#ff0000;
}
.sidebar::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari, and Opera */
}


        .menu-item {
            padding: 10px 20px;
            cursor: pointer;
            text-decoration: none;
            color: #fff;
            transition: background-color 0.3s;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .menu-item:hover {
            background-color: #575757;
        }

        .submenu, .subsubmenu {
            display: none;
            flex-direction: column;
            padding-left: 20px;
            background-color: #444;
        }

        .submenu-item {
            padding: 10px 20px;
            cursor: pointer;
            text-decoration: none;
            color: #ccc;
            transition: background-color 0.3s;
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .submenu-item:hover {
            background-color: #575757;
        }

        .subsubmenu-item {
            padding: 10px 20px;
            cursor: pointer;
            text-decoration: none;
            color: #bbb;
            transition: background-color 0.3s;
        }

        .subsubmenu-item:hover {
            background-color: #676767;
        }

        .arrow {
            transition: transform 0.3s;
        }

        .arrow.rotate {
            transform: rotate(90deg);
        }
/******************** Side-Bar End **************/


/******************** XML Feed Finder and Co if Needed Begin********************/

    .radio-group {
      display: flex;
      gap: 10px;
    }

    input[type="radio"] {
      display: none;
    }

    label {
      cursor: pointer;
      display: inline-block;
    }

    .dailys-label {
      width: 200px;
      height: auto;
      border: 2px solid transparent; /* Border for unselected state */
      border-radius: 10px;
      transition: border-color 0.3s, opacity 0.3s, filter 0.3s;
    }

    input[type="radio"] + label .dailys-label {
      opacity: 0.5;
      filter: grayscale(100%);
    }

    input[type="radio"]:checked + label .dailys-label {
      opacity: 1;
      filter:none;
    }
    input[type="radio"] + label:hover .dailys-label {
      opacity: 1;
      filter: none;
      border-color: #ffffff; 
    }

    input[type="radio"]#oel:checked + label .dailys-label {
      border-color: #47ac47;
    }
    input[type="radio"]#aktien:checked + label .dailys-label {
      border-color: #a52047;
    }
    input[type="radio"]#fx:checked + label .dailys-label {
      border-color: #4ba5d3;
    }
    input[type="radio"]#edel:checked + label .dailys-label {
      border-color: #ea8f67;
    }
    input[type="radio"]#dax:checked + label .dailys-label {
      border-color: #da322a;
    }
    input[type="radio"]#us:checked + label .dailys-label {
      border-color: #306f8b;
    }
/******************** XML Feed Finder and Co if Needed Ends********************/

/************************ PoppUp Dialoge Box Begins****************************/

#popupMessage {
            display: none;
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            z-index: 1000;
            text-align: left;
            border-radius: 8px;
            min-width: 600px;
        }
        #gif-image-popup{ 
            
         }
#popupMessage#okButton {
    text-align: center;
}
        #popupOverlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }

        #popupMessage button {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
/************************ PoppUp Dialoge Box Ends ****************************/

/******** Notification Center ******/

 .notification-icon {
            position: relative;
            display: inline-block;
        }

        /* Notification Counter Styling */
        #notification_counter {
            position: absolute;
            top: 175px;
            right: 32px;
            min-width: 25px;
            height: 25px;
            padding: 4px 6px;
            border-radius: 50%;
            background-color: red;
            border: 1px solid red;
            color: white;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            line-height: 16px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
            z-index: 1000;
            transition: background-color 0.3s, transform 0.3s;
        }

        /* Hover Effect */
        .notification-icon:hover #notification_counter {
            background-color: darkred;
            transform: scale(1.1);
        }

        /* Responsive Adjustments */
        @media (max-width: 600px) {
            #notification_counter {
                min-width: 16px;
                height: 16px;
                font-size: 10px;
                top: -8px;
                right: -8px;
            }
        }

        .hideMe{
    display: none; 
}

.showMe {
    display: block;
}
/******* Notification Center Ends ***/

/********* Preveiw Einheiten **********/ 

.custom-float-end {
    text-align: right;
}

.user-info { 
    font-family: "BNPPSans-Light";
    float:right;
    font-weight: 800;
}

.publishing-deadline {
    font-family: "BNPPSans-Bold";
    color:#212529;
    border-radius: 5px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 10px;
    margin-left:20px;
    margin-right:20px;
}

/********** Cookie-Banner Start ******/

        #close_cookie{display:block;}
        #close_cookie:checked + #cookie_consent_popup{display:block; }
        
        
        #cookie_consent_popup {
          position: fixed;
          width: 96%;
          height: max-content;
          background: #fff;
          padding: 20px 20px 20px 20px;
          box-shadow: 0px 8px 20px -11px #888;
          left: 2%;
          right: 2%;
          bottom: 4%;
          z-index: 99999;
          border-radius: 20px;
        }
        #cookie_consent_popup h2{
          font-size:20px;
          color:#000;
        }
        #cookie_consent_popup h2:before{
          content:"";
          padding:0;
        }
        #cookie_consent_popup a {color: #fff; text-decoration: underline;}
        #cookie_consent_popup p {
            font-size: 14px;
            color: #000;
        }
        #cookie_consent_popup #close_cookie_box{
          position:absolute;
          top:20px;right:20px;
          cursor:pointer;
          font-size:1.3em;
          color:#000;
        }
        #cookie_consent_popup #ok_cookie_box{
          position: unset;
          bottom: 20px;
          right: 20px;
          cursor: pointer;
          font-size: 1em;
          padding: 8px 16px;
          font-weight: 700;
          color: #162560;
          background: #000;
          border-radius: 0px;
        }
        #cookie_consent_popup #show_cookie_settings{
         position: unset;
          bottom: 20px;
          right: 20px;
          cursor: pointer;
          font-size: 1.2em;
          padding: 10px 20px;
          font-weight: 700;
          color: #162560;
          background: #000;
          float:right;
          border-radius: 0px;
        }
    

/********** Cookie-Banner End *******/