:root{

    --background-color: white;

    --darker-background-color: white;

    /*--text-color: olive; */
    --text-color:  rgba(35, 67, 50, 1);
    /*--text-color:  rgba(141, 164, 143, 1);*/
    /*--text-color:  rgba(174, 190, 178, 1);*/

    /*--hover-color: rgba(128, 128, 0, 0.4);*/
    /*--hover-color:  rgba(35, 67, 50, 0.4);*/
    --hover-color:  rgba(141, 164, 143, 0.4);
    /*--hover-color:  rgba(174, 190, 178, 0.4);*/

    --navbar-dropdown-background: white;

    --container-background: lightgrey;

    --navbar-height: 100px;

    --debug: blue;

    --margin-list-icons: 100px;

    --text-over-image: 50px;

    --max-width-container-services: 800px;

    --margin-list-icons-subitem: 50px;

    --padding-head-services: 20px;

    --color-footer: lightgrey;

    --margin-text-footer: 10px;

    --font-size-footer: 20px;

    --height-underline: 3px;

    --font-size-listelement: 150px;

}

/* Top Image */
.container-fluid {
    background-color: white;
}

.text-overlay {
    color: var(--text-color);
    font-size: 100px;
}

.centered {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
}

.bg-image-services {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--text-color);
    opacity: 1;
    font-size: 3vw;
    white-space: nowrap;
}

.img-scale {
    width: 100%;
    max-height: 1000px;
}

img {
  opacity: 0.5;
}

/* Mainpage-Content */
.maincontainer-services-factory {
    max-width: 600px;
}

.d-flex.align-items-center {
  display: flex;
  align-items: center;
}

.row-steuerberatung, .row-rechnungswesen, .row-personalbuchhaltung {
    margin-top: 50px;
}

.row-personalbuchhaltung {
    margin-bottom: 30px;
}

.row-topic {
  border: 2px solid black;
  border-radius: 10px;
  padding: 30px;
}


.row-steuerberatung:hover, .row-rechnungswesen:hover, .row-personalbuchhaltung:hover {
    cursor: pointer;
}

#steuerberatung-liste, #rechnungswesen-liste, #personalbuchhaltung-liste {
    display: none;
}

.listelement-contentsection li{
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 20px;
    font-size: 20px;
}

i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; /* Abstand zwischen Icon und Text */
}

i.fas {
  font-size: 50px; /* Iconsize */
  color: var(--text-color);
}

.col-icon {

    max-width: 100px;
}

.t1 {
    background-color: blue;
    width: 600px;
}

@media only screen and (max-width: 600px) {
  h1 {
    font-size: 18px;
  }
}

h1 {
    color: var(--text-color);
}