body {font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin:0; padding:0; line-height:1.6; color:#222;}
    header {background:#333; color:#fff; padding:20px 15px;}
    header h1 {max-width:1100px; margin:0 auto; padding-left: 20px; font-size:1.8rem;}
    header p {max-width:1100px; margin:0 auto; padding-left: 20px;}
	 nav { max-width:1100px; margin:0 auto; padding-left: 20px;}
    nav a {color:#fff; margin-right:15px; text-decoration:none; font-weight:500;}
    nav a:hover {text-decoration:underline;}
    main {max-width:1100px; margin:0 auto; padding:30px 15px 40px;}
    h2 {border-bottom:2px solid #eee; padding-bottom:5px;margin-top: 0px;}
    ul {padding-left:20px;}
    .hero {background:#f4f4f4; padding:40px; margin-top:10px; border-radius:4px;}
    .cta {font-weight:bold; margin-top:10px;}
    .kontakt-box {background:#f9f9f9; padding:15px; border-radius:4px; border:1px solid #ddd; width: 100%;}
.logo { max-width: 100%; height: 160px; margin-bottom: 20px; }
label {display:block; margin-top:10px;}
    input, textarea {width:100%; max-width:100%; padding:8px; margin-top:4px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box;}
    button {margin-top:12px; padding:10px 18px; border:none; border-radius:3px; background:#333; color:#fff; cursor:pointer;}
    footer {background:#eee; padding:15px; text-align:center; font-size:0.9rem; color:#555;}
	main a { color: #b63031; text-decoration:none; }
	main a:hover { text-decoration: underline; }
	
	.modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: none;
  z-index: 9999;
}

.modal-content {
  background: #fff;
  max-width: 500px;
  margin: 10% auto;
  padding: 25px;
  border-radius: 6px;
  font-family: Arial, sans-serif;
}

.buttons button {
  margin-right: 10px;
  margin-top: 15px;
}