html {
    font-size: 14px; /* Standard: 16px, Martin Anpassung */
    font-family: "Noto Sans", serif;
}

html body{
    font-family: "Noto Sans", serif;
}



.wrapper {
    height: 100%;
    width: 100%;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: linear-gradient(124deg, #ff2400,
    #e81d1d, #f04e23, #e3e81d,
    #1de840, #1ddde8, #202d4f,
    #dd00f3, #dd00f3);
    background-size: 1800% 1800%;

    -webkit-animation: rainbow 18s ease infinite;
    -z-animation: rainbow 18s ease infinite;
    -o-animation: rainbow 18s ease infinite;
    animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

/* Base style for product buttons using the raise effect */
.raise-btn {
    background: #202d4f;
    border: 2px solid #202d4f;
    padding: 2em;
    margin: 1em;
    font-size: 1.25rem;
    cursor: pointer;
    transition: 0.25s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color:white;
}

/* Raise effect on hover/focus */
.raise-btn:hover,
.raise-btn:focus {
    box-shadow: 0 0.5em 0.5em -0.4em #ffb380;
    transform: translateY(-0.25em);
    border-color: #ffb380;
    color: #fff;
    background: #f04e23;
}

/* Container for product images */
.product-image {
    width: 100%;
    height: 120px; /* Adjust as needed */
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* Product title styling */
.product-title {
    text-align: center;
    margin-top: 0.5em;
}


h1, h2, h3, h4, h5, h6 {
    font-family: "Ubuntu", serif;
    font-weight: 800;
    font-style: normal;

}

h2{
    padding-left: 8px;
    font-family: "Ubuntu", serif !important;
    font-width: 600 !important;
}

p{
    font-family: "Noto Sans", serif;
    font-weight: 400;
    font-style: normal;

}

span {
    font-family: "Noto Sans", serif !important;
}

code span {
    font-family: "Source Code Pro", monospace !important;
}

.tablebodytext{
    min-width: 100px;
}


#zc-manage{
    background: #202d4f !important;
    border: 1px solid #202d4f !important;
    font-family: "Noto Sans", serif;
}

#zc-decline{
    font-family: "Noto Sans", serif !important;
}

#zcb-info{
    font-family: "Noto Sans", serif !important;
}

x-heading {
    font-family: "Noto Sans", serif;
    font-weight: 400;
    font-style: normal;
}

/* Style the table element */
table {
    width: 100%;
    border-collapse: collapse; /* Collapses borders for a cleaner look */
    margin: 20px 0; /* Optional: spacing above and below the table */
}

/* Style table header cells (th) and table data cells (td) */
th,
td {
    border: 1px solid #ccc; /* Light gray border around cells */
    text-align: left;

}

/* Styling for Table heading containing Info */
table td:has(.boxesgraphics[src*="/579.png"]) {
  background-color: #e2ecf9;
}
/* Styling for Table heading containing Hint */
table td:has(.boxesgraphics[src*="/58347.png"]) {
  background-color: #f3fcf3;
}

/* Styling for Table heading containing Example */
table td:has(.boxesgraphics[src*="/581.png"]) {
  background-color: #edf5f7;
}
/* Styling for Table heading containing Attention */
table td:has(.boxesgraphics[src*="/578.png"]) {
  background-color: #fce6e6;
}

/* Darkmode Styling for Table heading containing Info */
.dark-mode table td:has(.boxesgraphics[src*="/579.png"]) {
  background-color: #90bffc;
}
/* Darkmode Styling for Table heading containing Hint */
.dark-mode table td:has(.boxesgraphics[src*="/58347.png"]) {
  background-color: #2e3b2f;
}
/* Darkmode Styling for Table heading containing Example */
.dark-mode table td:has(.boxesgraphics[src*="/581.png"]) {
  background-color: #263541;
}
/* Darkmode Styling for Table heading containing Attention */
.dark-mode table td:has(.boxesgraphics[src*="/578.png"]) {
  background-color: #3f2b2b;
}


/* Specific style for header cells */
th {
    background-color: #202d4f;
    color: white;
    padding-left: 8px;
}



/* Optional: Style table caption */
caption {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.sectionheading1 {
    font-weight: 600;
}

.sectionheading2{
    font-weight: 600;
}



.boxesheading{
    font-weight: 800;
    font-style: normal;
    text-align: left;       /* Left align text */
    font-weight: bold;      /* Bold text for emphasis */
    margin-left:10px;
    display: flex;
    align-items: center;      /* vertikal mittig ausrichten */
    gap: 0.5em;               /* Abstand zwischen Bild und Text */
}


table .boxestext {
    background-color: transparent;
    padding: 8px;
}

/* Optional: remove the default styling if outside a table */
.boxestext {
    padding: 8px;
    background-color: rgba(0, 0, 0, 0.1);

}

a{

    color: #202d4f;
    font-weight: bold;
    text-decoration: underline;

}

td{
    padding-left:8px;
    padding-top: 2px;
    padding-bottom: 2px;
    min-width: 30px;
}

.listheading{
    text-decoration: underline;
}

ul li:not(:last-child) {
    margin-bottom: 2px; /* Adjust this value as needed */
}

ul {
    list-style-type: square; /* Options include: disc, circle, square, none, etc. */
}

.smallhint{
    color: white;
    background: #202d4f;

}

.dark-mode .smallhint{
    color: #202d4f;                 /* etwas weicher als reines Weiß */
    background: white;            /* dunkler, neutraler Ton */
    font-weight: bold;
}

.tableheading{
    font-style: normal;
    text-align: left;       /* Left align text */
    font-weight: bold;      /* Bold text for emphasis */
    background-color: #202d4f;
}

/* This rule applies to any element that directly contains a child with .tableheading */
:has(> .tableheading) {
    background-color: #202d4f; /* Your desired background color */
    color: white;
}

.propertyvalue_objectname{
    font-weight: 600;
}

.button_dialog_tabs_menu_donottranslate_{
    font-weight: 600;
}

.button_dialog_tabs_menu{
    font-weight: 600;
}

.vbacodeblock{
    font-family: "Inconsolata", monospace;
}

.folder{
    font-family: "Inconsolata", monospace;
}

.property{
    font-weight: 500;
}


img {
    max-width: 100%;
    height: auto;
}
.x-heading{
    display: none;
}

.externallinktemplate{
    margin-left: 0px;
}



.glossary-link {
    position: relative;        /* make sure ::before is positioned correctly */
    padding-left: 1em;       /* leave room for the icon */
    text-decoration: none;
    color: #202d4f;
}

.glossary-link::before {
    content: "";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    background-image: url("img/icons/book.png"); /* <-- note the leading slash */
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Sobald irgendwo über dem Link .dark-mode liegt, wird dieses Bild gezogen */
.dark-mode .glossary-link::before {
    background-image: url("img/icons/book_white.png");
}

/* Embedded-Help-Link: gleiches Prinzip, nur mit anderem Icon */
.embedded-help-link {
    position: relative;        /* make sure ::before is positioned correctly */
    padding-left: 18px;       /* leave room for the icon */
    text-decoration: none;
    color: #202d4f;

}
.embedded-help-link::before {
    content: "";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    background-image: url("img/icons/book.png"); /* <-- note the leading slash */
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    padding-left:1.5em;
}

.boxesgraphics {
    background-color: transparent !important;
    max-height: 2em;
    margin-right:10px;
    margin-top: -8px;
}

    /* Sobald irgendwo über dem Link .dark-mode liegt, wird dieses Bild gezogen */
.dark-mode .embedded-help-link::before {
    background-image: url("img/icons/book_white.png");
}

.collapsibleRegionTitle{
    font-weight: 600;
    margin-bottom: 10px !important;


}



.codeSnippetContainerTabs{

    display: none;
}

#IDABBAB_tab1{
    width: 25px;
    padding: 2px;
    border-radius: 5px;
    align-items: center;
    font-family: "Source Code Pro", monospace;
}

.namespace-top{

}