:root{
    --header-hight: 150px;
    --footer-hight: 100px;

    /* --project_color: rgba(37,83,152,1);
    --project_backdrop_color: rgba(37,83,152,0.5);
    --topic_color: rgba(74,134,74,1);
    --topic_backdrop_color: rgba(74,134,74,0.5);
    --actor_color: rgba(208,183,24,1);
    --actor_backdrop_color: rgba(208,183,24,0.5); */

    --project_color: #85b5e1 ;
    --project_backdrop_color: rgba(197,220,241,0.5) ;
    --topic_color: #aad393 ;
    --topic_backdrop_color: rgba(215,234,204,0.5);
    --actor_color: #ffd966;
    --actor_backdrop_color: rgba(255,238,183,0.5);

    --body-background-color: #e0e0e0 ;
}
html, body{
    min-height: 100%;
    margin: 0;
}
   
.body_start {
    border:none;
    }

.project-style{
    background-color: var(--project_backdrop_color);
}
.actor-style{
    background-color: var(--actor_backdrop_color);
}
.topic-style{
    background-color: var(--topic_backdrop_color);
}



.landing{
    background-image:  url(/src/bg/titel2.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    overflow: hidden;
}

.wbutton_container{
    position: fixed;
    top: 70%;
    left: 50%;
    transform:translate(-50%, -50%);
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}
.landing_greeting{
    color: white;
    font-size: 64px;
}
.logo_wa{
    width: 200px;
}
.actions{
    /*margin-top: 200px;*/
    display: block;
    min-width: 100vw;
    margin-right: 0;
}
.lndng_btn {
    position: relative;
    z-index: 1;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    background-color: #ffffffce;
    font-size: clamp(1.5rem, 5vw, 5rem);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid white;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    overflow: visible; /* crucial! */
    }
    
    /* override background color per type*/
    .lndng_btn_prjcts {
        background-color: var(--project_color);
    }
    .lndng_btn_tpcs {
        background-color: var(--topic_color);
    }
    .lndng_btn_actrs {
        background-color: var(--actor_color);
    }

    /* Circular shadow fix */
    .lndng_btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    /* width: 488%;
    height: 488%; */
    width: 40vw;
    height: 40vw;
    transform: translate(-50%, -50%);
    background-color: var(--project_backdrop_color); /* or override per type */
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    }
    .lndng_btn:hover{
    background-color: white;
    }
    .lndng_btn_prjcts::after {
    background-color: var(--project_backdrop_color);
    }
    .lndng_btn_tpcs::after {
    background-color: var(--topic_backdrop_color);
    }
    .lndng_btn_actrs::after {
    background-color: var(--actor_backdrop_color);
    }
    
    

.logo{
    width: 225px;
}
.foerderer_text_column{
    padding-top: 50px;
}
.foerderer_span{
    color: #005a8c;
    font-weight: bold;
    font-size: x-large;
}

.navbar{
    padding-left: 20px;
}


.container_bubbles{
    min-height: calc(100vh - var(--header-hight) - var(--footer-hight));
    
   
}
.container_bubbles .row{
    width: auto;
    /* border: 1px solid #007bff;  */
    display: grid;
    justify-content: center;

    gap: 4px;
    grid-auto-flow: column;
}
.project_bubble{
    text-align: center;
}

.circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #007bff;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    margin: 20px;
    font-size: 16px;
    overflow:visible;
    transition: all .2s ease-in-out!important;
}

.circle:hover {
    transform: scale(1.5)!important;
    color: #0c8804;
}

.footer{
    height: var(--footer-hight);
    background-color: white;
    margin-top: auto;
}
.foerderer_row{
    background-color: white;
}

.form-group.row{
   margin-bottom: 15px;
}

.tudd{
    margin-top: 15px;
}

.lhdd{
    /* background-color: #ffde00; */
    padding-left: 15px;
    padding-right: 15px;
}

.set_status_row{

    display: flex;
    justify-content: center;
    gap: 15px;
}
.option_row{

    display: flex;
    justify-content: end;
    gap: 15px;
}




.container_table{
    padding: 15px;
}


/* === slider landing === */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.wlanding_container{
    background-color: #010818;
    width: 100vw; 
    height: 100vh;
    overflow-y: hidden;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
}
.slides{
    width: 100%; 
    height: 100vh;
    gap: 50px;
    scroll-snap-align: start;
}
.slide1{
    padding-top: 150px;
    background-image: url('/src/bg/titel2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.slide2{
    height: 100vh;
    background-color: white;
    grid-template-rows: auto;
}
.landing_greeter{
    padding-top: 400px;
    padding-left: 50px;
    padding-right: 50px;
}
.end_banner{
    background-color: white;
    margin-top: auto;
    height: 250px;
    padding-top: 150px;
}

.circle_projects{    
    color: #000000;
}
.circle_topics{
    background-color: #0c8804;
    color: #000000;
}
.circle_actors{
    background-color: #ffde00;
    color: #000000;
}

/* admin table*/
.Not.Reviewed td{
    background-color: yellow;
}
.Rejected td{
    background-color: orange;
}
.Accepted td{
    background-color: green !important;
}

.card.Accepted{
    background-color: green;
}
.card.Not.Reviewed{
    background-color: yellow;
}
.card.Rejected{
    background-color: orange;
}


.blank_row{
    border: none;
}
.blank_row td{
    background-color: var(--body-background-color);
    border: none;
}


/* d3.js styling*/

.force_label {
    font-size: 24px;
    font-weight: bold;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.project-node, .topic-node, .actor-node{
    cursor: crosshair;
    user-select: none;
}

.project_label tspan, text{
    font-size: 12px;
    font-weight: bold;
    cursor: crosshair;
    user-select: none;
}
.projects_cross {
    stroke: var(--project_color);
    stroke-width: 5;
}
.topics_cross {
    stroke: var(--topic_color);
    stroke-width: 5;
}
.actors_cross {
    stroke: var(--actor_color);
    stroke-width: 5;
}
.link {
    stroke: #574f4fc7;
    stroke-width: 2px; 
}
.node {
    stroke: #fff;
    stroke-width: 1.5px;
}
.graph_container{
   padding: 0px 50px 0px 50px;
   margin: 0px;
   /*border: 1px solid cornflowerblue;*/
   display: flex;
}
svg{
    width: 100%;
    height: 100%;
}

/* admin page card styling */

.project_card, .actor_card, .topic_card{
    transition: box-shadow, transform 0.3s ease; 
}
.project_card:hover, .actor_card:hover, .topic_card:hover{
    box-shadow: 10px 10px 20px rgba(36, 36, 36, 0.5); 
    transform: scale(1.05);
}

/* view page styling*/

.project_center{
    background-color: #005a8c !important;
}

.container_table{
    padding-inline: 50px;
    padding-bottom: 50px;
}
.table_data_cell{
    overflow-x: clip;
}

.button_row{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* html {
  transform: scale(0.8); 
  transform-origin: top left;
  width: 125%;
  height:125%;
  overflow-x: hidden;
} */

/* @media screen and (max-width: 1920px) {
  html {
    transform: scale(0.9);
    transform-origin: top left;
    width: 111%;
    overflow-x: hidden;
  }
} */
 
.custom-btn {
  /* font-size: clamp(1rem, 0.3vw, 1.4rem); */
  font-size: 0.65vw; 
  /* padding: 0.6rem 1.2rem;              */
  /* min-width: 20px;                   */
  /* border-radius: 8px;                  */
}