body{
    font-family: "Barlow Condensed", sans-serif;
    font-size:1.2rem;
    line-height:1.8;
    color:#2b2b2b;
    background: linear-gradient(to bottom, #fff, #357);
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-position: bottom;
	
}

h1,h2,h3,h4,h5{
    font-weight:700;
    letter-spacing:.5px;
}

p{
    font-weight:400;
    font-weight:400;
}

section{
	padding:90px 0;
}

h2{
	font-weight:700;
	margin-bottom:25px;
}

/* Hero */

.hero{
	min-height:90vh;
	display:flex;
	align-items:center;
	background:#f8f9fa;
	padding-top:120px;
	background-image: url(/assets/img/hero.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: fixed;
}

.hero h1{
	font-size:2.5rem;
	font-weight:800;
}

.hero p{
	font-size:1.2rem;
	margin:25px 0;
}

.hero-image{
	justify-content:center;
	max-width:100%;
	border-radius:20px;
}

/* Section 1 */

.section-dark{
	background:#1d3557;
	color:#fff;
}

/* Section 2 */

.section-light{
	background:#fff;
}

.section-light .content-box{
	background:#f8f9fa;
	padding:50px;
	border-radius:15px;
	box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* Section 3 */

.section-accent{
	background:linear-gradient(135deg,#357,#358);
	color:#fff;
}

/* Section 4 */

.section-border{
	background:#fff;
}

.section-border .inner, .inner{
	border-left:8px solid #357;
	padding-left:40px;
}

.inner ul {
	list-style:none;
	padding-left:0;
}

/* Section 5 */

.section-grey{
	background:#eceff3;
}

.icon-box{
	background:#fff;
	padding:35px;
	border-radius:15px;
	height:100%;
	margin-btoom
	transition:.3s;
}

.icon-box:hover{
	transform:translateY(-8px);
	box-shadow:0 20px 35px rgba(0,0,0,.08);
}



footer{
	background:#111;
	color:#fff;
	padding:30px;
	text-align:center;
}

.navbar{
	padding:18px 0;
	transition:.35s;
	backdrop-filter:blur(12px);
	//background-color: #357;
}

.navbar-brand{
    font-size:2rem;
    letter-spacing:2px;
}

.nav-link{
    font-size:1.1rem;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-left:20px;
    transition:.3s;
	color: #357;
}

.nav-link:hover{
    color:#0d6efd !important;
}

.btn{
    border-radius:40px;
    padding:12px 28px;
    font-weight:600;
    letter-spacing:.5px;
}
.glass-navbar{

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(16px);

    -webkit-backdrop-filter:blur(16px);

    border-bottom:1px solid rgba(255,255,255,.12);

    transition:.35s ease;

    padding:18px 0;
}

.glass-navbar.scrolled{

    background:rgba(22,22,22,.95);

    border-bottom:1px solid rgba(255,255,255,.08);

    box-shadow:0 15px 40px rgba(0,0,0,.18);
}
.section-title{

    display:flex;

    align-items:center;

    gap:15px;

    font-weight:700;

    margin-bottom:30px;
}

.section-title i{

}
.section-dark .section-title i, .section-accent .section-title i { color:white}
.icon-box{

    background:rgba(255,255,255,.55);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.4);

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

    padding:40px;
}

.icon-box:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 50px rgba(0,0,0,.15);
}
.btn-primary{

    border-radius:50px;

    padding:15px 35px;

    font-size:1.15rem;

    font-weight:600;

    transition:.35s;

}

.btn-primary:hover{

    transform:translateY(-3px);

}


.btn-primary { 
background-color:#357;
border-color: #357;
}
.mycard{
  /* Transparenter Hintergrund und Unschärfe */
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px); /* Für Safari-Unterstützung */

  /* Kanten und Rahmen */
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;

  /* Schatten für Tiefe */
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  padding:2rem
}

@keyframes pulse {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}

.pulsierendes-icon {
  animation: pulse 3s infinite ease-in-out;
}

.mycolor {color:#357}
.nav-link:focus, .nav-link:hover {color:black}

.sticky-call{display:none}
@media (max-width: 991px) {
	.nav-call {display:none}
    .sticky-call {
        display: block;
        position: fixed;
        bottom: 15px;
        left: 15px;
        right: 15px;
        padding: 10px;
        background: #357;
        color: white;
        text-align: center;
        border-radius: 0px;
        text-decoration: none;
        font-size: 20px;
        z-index: 9999;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    }
}
@media (min-width: 992px) {
	.hero h1 {
		font-size:3.5rem
	}
}
.navbar-toggler{background-color:#357;}
.navbar, header {z-index:9999}
.nav-link {text-align:center}