/* grau Logo = rgba(77,77,77,1.0) */
/* dunkelrot Logo = rgba(143,19,10,1.0) */
/* hellblau Logo = rgba(191,220,246,1.0) */
/* sdtahlblau Hintergrund = rgba(161,184,202,1.0) */


body{
    color: rgba(77,77,77,1.0);
    text-align: center;
    font-weight: 500;
    font-size: clamp(1em, 2.8vw, 0.8em);
    /*
    background-color: rgba(255,255,255,1.0);
    */
    background-color: rgba(145,199,255,0.2);
    margin: 0;
    padding: 0;
    background-image: url(../buidl_layout/background_01_22062024.png);
    background-repeat: no-repeat;
} 

html{
    height: 100.1%;
    font-weight: 500;
    font-size: clamp(1em, 2.8vw, 0.8em);
    color: rgba(77,77,77,1.0);
}

div{
    border: 0px solid red;
}

#kopfnavi_halter{
    margin: 0;
    padding: 0;
}

.kopfnavi_link{
    display: inline-block;
    background-color: rgba(255,255,255,0.0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -ms-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

.kopfnavi_link:hover{
    display: inline-block;
    background-color: rgba(161,184,202,0.0);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.kopfnavi_link_unterordner{
    display: inline-block;
    background-color: rgba(255,255,255,0.0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -ms-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

.kopfnavi_link_unterordner:hover{
    display: inline-block;
    background-color: rgba(161,184,202,0.0);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.trenner{
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(77,77,77,1.0);
}

#logo_startseite{
    filter: drop-shadow(2px 3px 2px rgba(0,0,0,0.4))
}

#logo_startseite:hover{
    filter: drop-shadow(-2px -3px 2px rgba(0,0,0,0.4))
}


.startseite #startseite, .kontakt #kontakt{
    border-bottom: 3px solid rgba(77,77,77,1.0);
    background-color: rgba(145,199,255,0.8);
}




.hauptnavi_link{
    display: block;
    text-decoration: none;
    background-color: rgba(255,255,255,1.0);
    padding: 10px 15px;
    margin: 10px;
    color: rgba(143,19,10,1.0);
    word-wrap: break-word;
    hyphens: auto;
}


.hauptnavi_link:hover{
    display: block;
    text-decoration: none;
     background-color: rgba(145,199,255,0.8);
    color: rgba(143,19,10,1.0);
    word-wrap: break-word;
    hyphens: auto;
}

h1,h2,h3,h4,h5,h6{
    color: rgba(143,19,10,1.0);
}

h1{
    font-size: 1.3em;
    font-weight: bold;
    margin: 5px 0 5px 0;
}


b{
    color: rgba(77,77,77,1.0)
}

#inhalt_halter_aussen{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
}

.inhalt_halter{
    background-color: rgba(255,255,255,0.4);
    padding: 15px;
    border-top: 4px solid rgba(143,19,10,1.0);
    transition: background-color 2s;
}

.inhalt_halter:hover{
     background-color: rgba(145,199,255,0.8);
}

#fuss_halter{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.fussnavi_kastal{
    /*
    background-color: rgba(255,255,255,0.8);
    */
    background-color: rgba(145,199,255,0.3);
    padding: 15px;
    transition-property: transform;
    transition-duration: 1.5s;
}

.fussnavi_kastal:hover{
    transform: scale(1.5);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    background-color: rgba(145,199,255,0.8);
    z-index: 999;
}


.fussnavi_link{
    display: block;
    text-decoration: none;
    color: rgba(77,77,77,1.0);
}


.fussnavi_link:hover{
    display: block;
    text-decoration: underline;
    color: rgba(143,19,10,1.0);
    margin-left: 10px;
}

.rubrik_buidl{
    filter: grayscale(100%);
}

.rubrik_buidl:hover{
    filter: grayscale(0%);
}

.mailadresse:before{
    content:url('../buidl_layout/mail_mini_icon_03_20062024.png');
    margin: 0;
    padding: 0;
}

.webadresse:before{
    content:url('../buidl_layout/web_mini_icon_03_20062024.png');
    margin: 0;
    padding: 0;
}

.telefonnummer:before{
    content:url('../buidl_layout/phone_mini_icon_03_20062024.png');
    margin: 0;
    padding: 0;
}

.whatsapp:before{
    content:url('../buidl_layout/whatsapp_mini_icon_03_20062024.png');
    margin: 0;
    padding: 0;
}

a.kleine_links_unten{
    text-decoration: none;
    color: rgba(77,77,77,1.0);
}

a:link.kleine_links_unten{
    text-decoration: none;
    color: rgba(77,77,77,1.0);
}

a:hover.kleine_links_unten{
    color: rgba(143,19,10,1.0);
    margin-left: 10px;
}

.text_kurzbeschreibung{
    text-align: justify;
}

h1::before, h1::after{
    content: ' ';
}

#hauptnaviliste{
    list-style-type: none;
}

b{
    color: rgba(143,19,10,1.0);
}