@import "../css/header.css";
@import "../css/_services.css";
@import "../css/protfolio.css";
@import "../css/about_us.css";
@import "../css/contact.css";
@import "../css/impressum.css";

body{
    margin: 0px;
    font-family: "Montserrat", sans-serif;
}

.container{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 150px;
    
}
@media(max-width: 575px){
    .container{
        max-width: 390px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 50px;
    }
}
@media(min-width: 576px){
    .container{
        max-width: 540px;
    }
}
@media(min-width: 768px){
    .container{
        max-width: 720px;
    }
}
@media(min-width: 992px){
    .container{
        max-width: 960px;
    }
}

@media(min-width: 1200px){
    .container{
        max-width: 1140px;
    }
}



.daten-content{
    padding-left: 5px;
    padding-right: 5px;
    
}

h2{
    color:#007bff;
}


.back-to-top-button {
    position: fixed; /* Positioniert den Button fest im Viewport */
    bottom: 20px;    /* Abstand vom unteren Rand */
    right: 20px;     /* Abstand vom rechten Rand */
    display: none;   /* Standardmäßig versteckt, wird durch JS angezeigt */
    background-color: #007bff; /* Hintergrundfarbe */
    color: white;    /* Textfarbe */
    padding: 10px 15px; /* Innenabstand */
    text-decoration: none; /* Unterstreichung entfernen */
    border-radius: 5px; /* Abgerundete Ecken */
    z-index: 100;    /* Stellt sicher, dass der Button über anderen Elementen liegt */
    transition: opacity 0.3s ease-in-out; /* Sanfter Übergang für die Sichtbarkeit */
    
}

.back-to-top-button:hover {
    background-color: #0056b3; /* Dunklere Farbe beim Überfahren mit der Maus */
}

/* Eine Klasse, die durch JavaScript hinzugefügt wird, um den Button anzuzeigen */
.back-to-top-button.show {
    display: block;
}