@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

body {
  font-family: 'Onest', 'Arial';
}

.layout-content.status .masthead-container.basic .masthead {
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
  box-shadow: none;
  text-transform: none;
  font-weight: 400; 
}


.divider-imprint-privacy {
   border-color: #000000;
   max-width: 50%;
}

.legal-link {
  color: #3c3c3c;
  font-size: 14px;
  /*font-weight: 200; /* Statt "thin" – gültiger Wert */
  text-decoration: none;
}

.legal-link:hover {
  color: black; /* dunkler beim Hover */
  font-weight: 500;
  text-decoration: underline;
}

.support-link {
  text-decoration: none;
  font-weight: 600;
}

.support-link:hover {
  text-decoration: underline;
}

.h1 .h2 .h3 {
    font-family: 'Onest', 'Arial';
}

.component-statuses-legend {
    overflow: hidden;
    text-align: center;
    margin-top: 1.5rem;
    
}

 .legend-item {
    display: inline-block;
    margin-right: 5%;
    
}


.legend-item .icon-indicator {
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 0px;
    
}

.layout-content.status.status-index .components-section .component-statuses-legend .breaker {
    display: none;
}

@media screen and (max-width: 825px) {
    .layout-content.status.status-index .components-section .component-statuses-legend .breaker {
        display: block;
    }
}

/* Header Farbe anpassen */
.layout-content.status .masthead-container.basic {
  background: #ffffff;
  min-width: 100vw;
  box-shadow: -1px 2px 13px 0 rgba(0, 0, 0, 0.17);
  /*border-radius: 0px 0px 12px 12px;*/
  
    
}
.has-logo {
  max-width: 850px;
  width: 90%;
  margin: auto;
}

/* Subscribe to update hover farben*/
.updates-dropdown-container .show-updates-dropdown:after {
    content: 'Get Notifications';
    color: #000000;
    
    
    
}

.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
    background: #fae64b;
    color: #000000;
    margin-right: 20px;
}

.flat-button:hover, .layout-content.status:hover .masthead-container:hover .updates-dropdown-container:hover .show-updates-dropdown:hover {
    background-color: #f7d200 ;
    color: #000000;
}

/* All Systems Operational Farbe anpassen */
.layout-content.status.status-index .page-status.status-none {
    background: #ffffff;
    border-width: 2px;
    border-color: #338424;
    
    
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    
}

.layout-content.status.status-index .page-status .status {
    color: #338424;
    position: relative;
    
    
}

.layout-content.status.status-index .page-status {
    font-weight: 500;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-shadow: none;
    
    margin-bottom: 0px;
    padding: 0.75rem 1.25rem;
}

.layout-content.status-index .components-statuses .component-container.status-green:after, .status-green .icon-indicator, .components-container .component-inner-container.status-green .component-status, .components-container .component-inner-container.status-green .icon-indicator {
    color: #338424;
    border-color: #338424;
}


.layout-content.status-index .components-statuses .component-container.status-green:after, .status-green .icon-indicator, .components-container .component-inner-container.status-green .component-status {
    color: #338424;
    border-color: #338424;
}
.layout-content.status.status-index .status-day .update-title.impact-minor a, .layout-content.status.status-index .status-day .update-title.impact-minor a:hover, .layout-content.status.status-index .page-status.status-minor, .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title, .layout-content.status.status-index .scheduled-incidents-container .tab {
    background-color: #faa436;
}

.layout-content.status.status-index .unresolved-incident.impact-minor .updates, .layout-content.status.status-index .scheduled-incidents-container{
	border-color:#faa436;
}


.layout-content.status.status-index .status-day .update-title.impact-major a, .layout-content.status.status-index .status-day .update-title.impact-major a:hover, .layout-content.status.status-index .page-status.status-major, .layout-content.status.status-index .unresolved-incident.impact-major .incident-title
Specificity: (0,6,0)
 {
    background-color: #f15a2c;
}
/* Status Boxen */
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(2) {
    border-top-width: 0px;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container {
    width: 100%;
    float: none;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  	  padding: 20px;
    
    border-bottom-width: 10px;
    border-bottom-color: #F8FAFC;

    border-left-width: 1px !important;
    
 
    border-top-width: 10px;
    background: #ffffff;
}

/* Status Balken */
.layout-content.status.status-index .components-section .component-container.is-group {
    padding: 1.4rem 1.25rem 1.3rem;
    border-radius: 12px;
    border-bottom-color: #F8FAFC;
    
  
    
}
/* Operational bei Status Balken */
.layout-content.status.status-index .components-section .component-container .component-status {
    font-weight: 400;
    font-size: 1.0rem;
    float: right;
}

/* Innenleben, bei DD Box */
.layout-content.status.status-index .components-section .component-container .child-components-container {
    display: none;
    padding-left: 20px;
    margin-top: 1.0rem;
    margin-left: 1.3rem;
    margin-bottom: 1.0rem;
}

.layout-content.status.status-index .components-section .component-container {
    padding: 1.1rem 1.25rem 1rem;
    border-style: solid;
    
}

/* Stil für jeden Eintrag in der Liste der vergangenen Vorfälle */
.status-day.no-incidents {
  background-color: #ffffff;
  border: 1px #000000;
  border-left: 4px solid #338424; /* Grüner linker Rand */
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 16px 20px;
  margin: 16px 0;
}

.status-day.incidents {
  background-color: #ffffff;
  border-top: 4px solid #000000; /* Grüner oberer Rand */
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 16px 20px;
  margin: 16px 0;
}

.layout-content.status .incidents-list.format-expanded .status-day .date {
    font-weight: 500;
  		  font-size: 1.2rem;
    color: #338424;
    border-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    
}

body.status .layout-content.status .border-color, hr, .tooltip-base, .markdown-display table, div[id^="subscribe-modal"], #uptime-tooltip .tooltip-box {
    border-color: #ffffff;
}

body {
    background: #F8FAFC;
}

/* Logo width */
img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    border: 0;
    width: 240px;
  	  margin-left: 10px;
  	  margin-bottom: 10px;
    -ms-interpolation-mode: bicubic;
}

/* Fragezeichen */
body.status .layout-content.status .border-color, hr, .tooltip-base, .markdown-display table, div[id^="subscribe-modal"], #uptime-tooltip .tooltip-box {
    border-color: #ffffff;
    /* background: #000000;*/ /*Fragezeichen, aber auch datum?*/
}

small, .layout-content.status .table-row .date, .color-secondary, .layout-content.status .grouped-items-selector.inline .grouped-item, .layout-content.status.status-full-history .history-footer .pagination a.disabled, .layout-content.status.status-full-history .history-nav a, #uptime-tooltip .tooltip-box .tooltip-content .related-events #related-event-header {
    color: #3C3C3C;
}

.fa-plus-square-o:before {
    content: "\25B6";
    color: #000000;
    font-size: 12px;
    
}

.fa-minus-square-o:before {
    content: "\25BC";
    color: #000000;
    font-size: 10px;
    
}

a.no-link {
    text-decoration: none;
    color: inherit;
    display: none;
}

h1 {
    margin-bottom: 0px;
    font-size: 2.5rem;
}

.layout-content.status.status-index .text-section {
    margin-bottom: 0px;
}

.tooltip-base {
	    background: #ffffff;
    color: #000000;
    border-color: #e1e1e1;
	    font-size: 12px;
}

.tooltip-base:hover {
	    background: #C81E78;
    color: #ffffff;
    border-color: #e1e1e1;
	    font-size: 14px;
}

.layout-content.status .incidents-list {
    margin-top: 100px;
}
/* MH */
.layout-content.status.status-index .components-section .components-container.one-column .component-container .icon-indicator{
	display:block;
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-status{
	display:none;
}