@charset "utf-8";
/* CSS Document */

.text-purple {
    color: #6f42c1 !important;
}

.attribute-box {
    transition: transform 0.2s ease;
}

.attribute-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.bg-purple {
    background-color: #6f42c1 !important;
}

.attribute-box {
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.attribute-box:hover {
    transform: translateY(-5px);
    border-color: rgba(255,255,255,0.3);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.display-4 {
    font-weight: 300;
}

.card {
    border: none;
    border-radius: 15px;
}

.shadow-lg {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

 body {
            background: linear-gradient(135deg, #e3e3e7 0%, #78787a 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        .login-container {
            background: rgba(255, 255, 255, 0.95);
            border-radius: 10px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            width: 100%;
            max-width: 400px;
        }
        
        .login-header {
            background-color: #8b8b8b;
            color: white;
            text-align: center;
            padding: 2rem;
        }
        
        .login-body {
            padding: 2rem;
        }
        
        .form-control {
            border: 2px solid #e3e6f0;
            border-radius: 10px;
            padding: 12px 20px;
            margin-bottom: 1rem;
            transition: all 0.3s ease;
        }
        
        .form-control:focus {
            border-color: brown;
            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
        }
        
        .btn-login {
            background-color: #8b8b8b;
            border: none;
            border-radius: 10px;
            padding: 12px;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .btn-login:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(78, 115, 223, 0.4);
        }
        
        .login-links {
            text-align: center;
            margin-top: 1.5rem;
        }
        
        .login-links a {
            color: brown;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .login-links a:hover {
            color: rgb(237, 180, 7);
            text-decoration: underline;
        }
        
        .welcome-text {
            text-align: center;
            margin-bottom: 2rem;
            color: #5a5c69;
        }
        
        .error-alert {
            border-radius: 10px;
            margin-bottom: 1rem;
        }
        
        .brand-logo {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }
        
        .feature-icon {
            font-size: 3rem;
            margin-bottom: 1rem;
            color: brown;
        }

          .kontakt-container {
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            margin-top: 50px;
        }
        
        .honeypot {
            position: absolute;
            left: -9999px;
        }


        a {
            color: brown;
        }

        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
            color: brown;
        }

        .text-primary{
            color: brown !important;
        }

        .input-group-text {
            border: hidden !important;
        }

        @font-face {
  font-family: 'MetalMacabre';
  src: url(https://harz-spielt.de/RustAndRuins/fonts/MetalMacabre.woff2) format('woff2');
  }
@font-face {  
  font-family: 'Guttural';
  src: url(https://harz-spielt.de/RustAndRuins/fonts/Guttural_by_Meztone.woff2) format('woff2');
}

@font-face {
    font-family: 'Makan Hati';
    src: url('https://harz-spielt.de/RustAndRuins/fonts/Makan-Hati.eot');
    src: url('https://harz-spielt.de/RustAndRuins/fonts/Makan-Hati.eot?#iefix') format('embedded-opentype'),
         url('https://harz-spielt.de/RustAndRuins/fonts/Makan-Hati.woff2') format('woff2'),
         url('https://harz-spielt.de/RustAndRuins/fonts/Makan-Hati.woff') format('woff'),
         url('https://harz-spielt.de/RustAndRuins/fonts/Makan-Hati.ttf')  format('truetype'),
         url('https://harz-spielt.de/RustAndRuins/fonts/Makan-Hati.svg#Makan Hati') format('svg');
}

@font-face {
    font-family: 'Maaliskuu';
    src: url('https://harz-spielt.de/RustAndRuins/fonts/Maaliskuu.eot');
    src: url('https://harz-spielt.de/RustAndRuins/fonts/Maaliskuu.eot?#iefix') format('embedded-opentype'),
         url('https://harz-spielt.de/RustAndRuins/fonts/Maaliskuu.woff2') format('woff2'),
         url('https://harz-spielt.de/RustAndRuins/fonts/Maaliskuu.woff') format('woff'),
         url('https://harz-spielt.de/RustAndRuins/fonts/Maaliskuu.ttf')  format('truetype'),
         url('https://harz-spielt.de/RustAndRuins/fonts/Maaliskuu.svg#Maaliskuu') format('svg');
}

h1 {
	font-family: 'Maaliskuu';
    line-height: 3em;
    letter-spacing: 0.1em;
}

h2 {
	font-family: 'Makan Hati';
    line-height: 2em;
}