h1, h2, h3 {
  font-family: 'Tenor Sans', sans-serif;
}

body, .armbruester_text_n, .armbruester_menu, div {
  font-family: 'Nunito', 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}

.page-content {
  max-width:var(--maxw);
  margin:0 auto;
  padding:clamp(14px,3vw,32px);
}

td > div.armbruester_text_n { font-size: 1rem; padding: 0 16px; }
td > h1, td > h2 { padding: 0 16px; }

/* Bilder responsiv machen, trotz fester width/height-Attribute im HTML */
.armbruester_text_n img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block;
}

/* Tabelle flüssig – ohne Struktur zu ändern */
#nav-table { width: 100%; max-width: 960px; height: auto; border-collapse: collapse; }
#nav-table td { vertical-align: top; padding: 0; }

/* Typografie & Abstände */
h1 { margin: 12px 0; line-height: 1.25; }
h2 { margin: 16px 0 10px; line-height: 1.3;}

/* Button nicht verändern – nur touch-freundlich machen */
a.but { 
  display: inline-block; padding: 10px 16px; border-radius: 999px; text-decoration: none; 
  box-shadow: 0px 6px 7px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 11px 15px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14))
--v-shadow-key-penumbra-opacity is not defined
, 0px 4px 20px 3px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

/* Kleine Screens */
@media (max-width: 600px) {
  h1 { font-size: 1.25rem; }
  h2 { font-size: 1.125rem; }
  /* Tabelle spaltenlos stacken, falls in Zukunft Zellen nebeneinander genutzt werden */
  #nav-table tr, #nav-table td { display: block; width: 100%; }
  /* Innenabstände etwas erhöhen für Lesbarkeit */
  .armbruester_text_n { font-size: 1rem; }
}

/* Mittlere Screens */
@media (min-width: 601px) and (max-width: 1024px) {
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; }
}

/* Große Screens */
@media (min-width: 1025px) {
  h1 { font-size: 1.875rem; }
  h2 { font-size: 1.375rem; }
}

a, u {
  text-decoration: none !important;
}

header {
  background: url('landing.jpg') 
  no-repeat center center; 
  background-size: cover; 
  justify-content: center; 
  align-items: center; 
}

header > div {
  padding: 40px 40px; 
  text-align: center;
}

header > div > h1 {
  color: white; 
  font-weight: lighter; 
  max-width: 800px;
  margin: 0 auto 25px;
}

header p {
  color: white; 
  font-size: 15px; 
  font-weight: lighter; 
  max-width: 700px; 
  text-align: center; 
  margin: 0 auto;
}

header a.but {
  display: inline-block;
  color: white;
  padding: 15px 60px;
  margin: 40px 0 60px; text-decoration: none;
  font-size: 18px;
  font-weight: normal;
  border-radius: 5px;
  transition: background 0.3s;
  text-transform: uppercase;

  letter-spacing: .0892857143em;
  text-indent: .0892857143em;

  background: #152247 !important;
  background-color: #152247 !important;
  background: #6D10AF;
  background: linear-gradient(145deg, rgba(109, 16, 175, 1) 25%, rgba(145, 21, 234, 1) 50%, rgba(174, 54, 165, 1) 75%, rgba(187, 57, 153, 1) 100%) !important;

}

#Navigaton Armbrüster {
  position: relative;
  padding: 0 10px;
}

/* Footer Styles */
.v-footer.bg-footer {
  color: #fff;
  background-color: #202d33;
  padding-top: 40px;
}

.v-footer .v-container {
  max-width: 1200px;
  margin: 0 auto;
}

.v-footer .v-row {
  display: flex;
  flex-wrap: wrap;
}

.v-footer .v-row--no-gutters {
  margin: 0;
}

.v-footer .v-col {
  flex: 1;
  padding: 12px;
}

.v-footer .text-h4 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-bottom: 40px;
}

.v-footer .text-h6 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}

.v-footer .text-caption {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.v-footer .text-left {
  text-align: left;
}

.v-footer .text-center {
  text-align: center;
}

.v-footer .text-justify {
  text-align: justify;
}

.v-footer .text-no-wrap {
  white-space: nowrap;
}

.v-footer .d-flex {
  display: flex;
}

.v-footer .flex-column {
  flex-direction: column;
}

.v-footer .align-center {
  align-items: center;
}

.v-footer .align-end {
  align-items: flex-end;
}

.v-footer .justify-center {
  justify-content: center;
}

.v-footer .opacity-50 {
  opacity: 0.5;
}

.v-footer .opacity-60 {
  opacity: 0.6;
}

.v-footer .opacity-70 {
  opacity: 0.7;
}

.v-footer .opacity-80 {
  opacity: 0.8;
}

.v-footer .font-weight-light {
  font-weight: 300;
}

.v-footer .font-weight-regular {
  font-weight: 400;
}

.v-footer .font-weight-medium {
  font-weight: 500;
}

.v-footer .pt-10 {
  padding-top: 40px;
}

.v-footer .mt-1 {
  margin-top: 4px;
}

.v-footer .mt-5 {
  margin-top: 20px;
}

.v-footer .mt-10 {
  margin-top: 40px;
}

.v-footer .mb-2 {
  margin-bottom: 8px;
}

.v-footer .mb-4 {
  margin-bottom: 16px;
}

.v-footer .mb-5 {
  margin-bottom: 20px;
}

.v-footer .mb-10 {
  margin-bottom: 40px;
}

.v-footer .mb-15 {
  margin-bottom: 60px;
}

.v-footer .ml-1 {
  margin-left: 4px;
}

.v-footer .ml-2 {
  margin-left: 8px;
}

.v-footer .mr-10 {
  margin-right: 40px;
}

.v-footer .pb-3 {
  padding-bottom: 12px;
}

.v-footer .pr-3 {
  padding-right: 12px;
}

.v-footer table {
  margin-top: 20px;
}

.v-footer table td {
  padding: 4px 0;
}

.v-footer table td.text-right {
  text-align: right;
  padding-right: 12px;
}

.v-footer .v-divider {
  border-top: thin solid rgba(255, 255, 255, 0.12);
  margin: 8px 0;
}

.v-footer .rounded {
  border-radius: 4px;
}

.v-footer .v-spacer {
  flex-grow: 1;
}

.v-footer .v-sheet.bg-transparent {
  background-color: transparent;
}

.v-footer .v-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 8px 16px;
  color: white;
  border-radius: 12px;
  transition: all 0.3s;
}

.v-footer .v-btn.v-btn--variant-outlined {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.v-footer .v-btn.v-btn--variant-plain {
  background: transparent;
}

.v-footer .v-btn.text-decoration-underline {
  text-decoration: underline;
}

.v-footer .v-btn--icon {
  width: 48px;
  height: 48px;
  padding: 0;
  min-width: 48px;
}

.v-footer .mdi:before {
  font-size: 24px;
}

.v-footer .text-white {
  color: white !important;
}

.v-footer a {
  color: inherit;
  text-decoration: none;
}

.v-footer a:hover {
  opacity: 0.8;
}

.v-footer iframe {
  border: 0;
  border-radius: 4px;
}