/*#######################################################################
# SHORTCODES.CSS - Zentrale Frontend-Styles
# ----------------------------------------------------------------------
# WEBASMEDIA | Andreas Schoene
# 
# KONFIGURATION
# --------------------------------------
# * Shortcodes – Utility-Klassen (Frontend)
#
# AENDERUNGEN
# --------------------------------------
# * 12.11.2025 - letzte Optimierung
#
#######################################################################*/

/***********************************************************************
 *** Shortcodes – Utility-Klassen (Frontend)                         ***
 ***********************************************************************/

/* Grundstile */
.wam-inline { text-decoration: none; }

/* Headings – generische Utilities */
.h { 
  margin: 0 0 6px;      /* Standard-Abstand unter Überschriften */
  line-height: 1.25;    /* angenehme Höhe */
  font-weight: inherit; /* Gewicht kommt aus .w-* Utility */
}

/* Varianten, falls du dichter/luftiger brauchst */
.h-tight  { line-height: 1.15; }
.h-loose  { line-height: 1.35; }

/* spacing-Utilities, wenn du andere Abstände willst */
.mb-0  { margin-bottom: 0; }
.mb-4  { margin-bottom: 4px; }
.mb-8  { margin-bottom: 8px; }
.mb-12 { margin-bottom: 12px; }

/* Schriftgrößen (erweiterbar) */
.size-12 { font-size: 12px; }
.size-13 { font-size: 13px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }

/* Schriftgewicht */
.w-300 { font-weight: 300; }
.w-400 { font-weight: 400; }
.w-500 { font-weight: 500; }
.w-600 { font-weight: 600; }
.w-700 { font-weight: 700; }
.w-800 { font-weight: 800; }

/* Farben (Palette – bei Bedarf erweitern) */
.c-fff { color: #ffffff; }
.c-000 { color: #000000; }
.c-111 { color: #111111; }
.c-333 { color: #333333; }
.c-666 { color: #666666; }

/* Alignment */
.ta-left   { text-align: left; }
.ta-center { text-align: center; }
.ta-right  { text-align: right; }
.ta-justify{ text-align: justify; }

/* Buttons */
.wam-btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
}
.bg-blue { background-color: #0073e6; }
.bg-dark { background-color: #265366; }
.bg-green{ background-color: #628E3D; }

/* Link-Block / Links erben Farbe */
.wam-linkblock  { margin: 0; }
.link-inherit a { color: inherit; text-decoration: none; }

/* Impressum-Layout */
.webasmedia-impressum .logo-row {
  display: flex;
  align-items: center;
  gap: 35px; /* Standard – kann per Gap-Klasse variiert werden */
}
.no-shrink { flex-shrink: 0; }
.gap-20 { gap: 20px; }
.gap-35 { gap: 35px; }
.gap-50 { gap: 50px; }