/*CSS-Datei für die hochzeits-boutique.ch in Suhr
  Für Brautmode, und Kontakte */
  
/* letzte Änderung Oktober 2026 für die neue BHB-Seite */  
  
/* ---------- Scripts für Lupe -------------------
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
  <script src='https://www.zella.de/code/js/okzoom.js'></script>
/* ---------- ende Scripts für Lupe -------------------*/ 
  
/* ---------- Scripts aus der KI-Generierten Seite exportiert -------------------*/

    :root {
      --cream: #f8f4ed;
      --paper: #fffdf9;
      --gold: #b79a62;
      --gold-dark: #947744;
      --black: #171717;
      --text: #34302b;
      --muted: #756d64;
      --line: #e8dfd2;
      --white: #fff;
      --max: 1240px;
      --shadow: 0 18px 45px rgba(38, 29, 20, .10);
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      font-family: Arial, Helvetica, sans-serif;
      color: var(--text);
      background: var(--paper);
      line-height: 1.6;
    }

    h1, h2, h3, .logo, .script {
      font-family: Georgia, "Times New Roman", serif;
      font-weight: 400;
    }

    a { color: inherit; text-decoration: none; }

    img {
      width: 100%;
      display: block;
      object-fit: cover;
    }

    .container {
      width: min(calc(100% - 40px), var(--max));
      margin-inline: auto;
    }

    .announcement {
      background: var(--black);
      color: #fff;
      text-align: center;
      padding: 8px 16px;
      font-size: .78rem;
      letter-spacing: .08em;
    }

    header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: rgba(255,253,249,.96);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(12px);
    }

    .nav {
      min-height: 82px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }

    .logo {
      display: flex;
      flex-direction: column;
      line-height: 1;
      white-space: nowrap;
      color: var(--black);
      font-size: 1.8rem;
      font-style: italic;
    }

    .logo small {
      font-family: Arial, Helvetica, sans-serif;
      font-size: .52rem;
      letter-spacing: .32em;
      text-align: center;
      margin-top: 8px;
      font-style: normal;
    }

    nav ul {
      display: flex;
      align-items: center;
      gap: 26px;
      list-style: none;
      font-size: .83rem;
    }

    nav a {
      position: relative;
      padding: 10px 0;
    }

    nav a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 0;
      height: 1px;
      background: var(--gold);
      transition: width .25s;
    }

    nav a:hover::after { width: 100%; }

    .nav-actions {
      display: flex;
      gap: 15px;
      font-size: 1.1rem;
    }

    .menu-btn {
      display: none;
      border: 0;
      background: none;
      font-size: 1.5rem;
      cursor: pointer;
    }

    .hero {
      min-height: 670px;
      display: flex;
      align-items: center;
      position: relative;
      color: #fff;
      background:
        linear-gradient(90deg, rgba(25,20,15,.78) 0%, rgba(25,20,15,.54) 42%, rgba(25,20,15,.08) 100%),
        url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Wedding%20two-piece%20by%20Sybil%20Connolly%20-%20Full%20Length%20Front.jpg")
        center/cover;
    }

    .hero-content { max-width: 620px; padding: 100px 0; }

    .eyebrow {
      text-transform: uppercase;
      letter-spacing: .24em;
      font-size: .72rem;
      margin-bottom: 20px;
      color: var(--gold);
    }

    .hero h1 {
      font-size: clamp(3rem, 6vw, 5.5rem);
      line-height: .98;
      margin-bottom: 25px;
    }

    .hero p {
      max-width: 560px;
      font-size: 1.05rem;
      color: rgba(255,255,255,.9);
      margin-bottom: 32px;
    }

    .buttons { display: flex; gap: 12px; flex-wrap: wrap; }

    .btn {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      min-height: 48px;
      padding: 0 24px;
      border: 1px solid var(--gold);
      background: var(--gold);
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .09em;
      font-size: .72rem;
      transition: .25s;
      cursor: pointer;
    }

    .btn:hover {
      background: var(--gold-dark);
      border-color: var(--gold-dark);
      transform: translateY(-2px);
    }

    .btn-outline {
      background: transparent;
      border-color: rgba(255,255,255,.75);
    }

    .btn-outline:hover { background: #fff; color: var(--black); }

    section { padding: 92px 0; }

    .section-heading {
      text-align: center;
      max-width: 720px;
      margin: 0 auto 50px;
    }

    .section-heading h2 {
      font-size: clamp(2.2rem, 4vw, 3.5rem);
      margin-bottom: 12px;
    }

    .section-heading p { color: var(--muted); }

    .categories {
      background: var(--cream);
      padding: 28px 0;
    }

    .category-nav {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
    }

    .category-nav a {
      text-align: center;
      padding: 16px;
      border-right: 1px solid var(--line);
      transition: .2s;
    }

    .category-nav a:last-child { border: 0; }

    .category-icon {
      font-size: 1.8rem;
      margin-bottom: 5px;
      color: var(--gold-dark);
    }

    .category-nav span {
      display: block;
      font-family: Georgia, serif;
      font-size: 1rem;
    }

    .collection-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 16px;
    }

    .collection-card {
      background: var(--cream);
      border: 1px solid var(--line);
      overflow: hidden;
      transition: transform .3s, box-shadow .3s;
    }

    .collection-card:hover {
      transform: translateY(-6px);
      box-shadow: var(--shadow);
    }

    .collection-card img { aspect-ratio: 4/5; }

    .card-body { padding: 20px; text-align: center; }

    .card-body h3 {
      font-size: 1.35rem;
      margin-bottom: 7px;
    }

    .card-body p {
      font-size: .83rem;
      color: var(--muted);
      min-height: 45px;
      margin-bottom: 17px;
    }

    .text-link {
      font-size: .72rem;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--gold-dark);
      font-weight: 700;
    }

    .feature {
      padding-top: 30px;
    }

    .feature-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      margin-bottom: 26px;
      border: 1px solid var(--line);
      background: var(--cream);
    }

    .feature-row:nth-child(even) .feature-image { order: 2; }
    .feature-row:nth-child(even) .feature-copy { order: 1; }

    .feature-image { min-height: 530px; }
    .feature-image img { height: 100%; }

    .feature-copy {
      padding: clamp(35px, 6vw, 80px);
      display: flex;
      justify-content: center;
      flex-direction: column;
    }

    .feature-copy h2 {
      font-size: clamp(2rem, 4vw, 3.2rem);
      margin-bottom: 10px;
    }

    .feature-copy h3 {
      font-size: 1.1rem;
      margin-bottom: 20px;
    }

    .feature-copy p { color: var(--muted); margin-bottom: 18px; }

    .checklist {
      list-style: none;
      margin: 12px 0 28px;
      color: var(--muted);
    }

    .checklist li { margin: 7px 0; }
    .checklist li::before {
      content: "✓";
      color: var(--gold-dark);
      margin-right: 10px;
    }

    .about-grid,
    .contact-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px;
    }

    .panel {
      border: 1px solid var(--line);
      background: var(--cream);
      padding: clamp(28px, 5vw, 60px);
    }

    .panel h2 { font-size: 2.5rem; margin-bottom: 15px; }

    .shop-image {
      min-height: 430px;
      background: url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Woman%20in%20formal%20dress%20-%20DPLA%20-%20e3221a1d7385b260bf6db9980ba55c9e.jpg") center/cover;
    }

    .contact-info {
      display: grid;
      gap: 16px;
      margin: 25px 0;
    }

    .info-item strong {
      display: block;
      font-family: Georgia, serif;
      font-size: 1.05rem;
      margin-bottom: 2px;
    }

    .info-item span { color: var(--muted); }

    .appointment {
      background:
        linear-gradient(rgba(25,20,15,.72), rgba(25,20,15,.72)),
        url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Lace%20wedding%20dress.jpg")
        center/cover;
      color: #fff;
      text-align: center;
    }

    .appointment .section-heading p { color: rgba(255,255,255,.78); }

    footer {
      background: #171717;
      color: #fff;
      padding: 55px 0 25px;
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
      gap: 35px;
      padding-bottom: 40px;
      border-bottom: 1px solid rgba(255,255,255,.12);
    }

    footer .logo { color: #fff; margin-bottom: 15px; }

    footer h3 {
      font-size: 1rem;
      margin-bottom: 15px;
    }

    footer ul { list-style: none; color: #bbb; font-size: .88rem; }
    footer li { margin: 7px 0; }

    .footer-bottom {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      color: #888;
      font-size: .72rem;
      padding-top: 22px;
    }

    .reveal {
      opacity: 0;
      transform: translateY(25px);
      transition: opacity .7s, transform .7s;
    }

    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }

    @media (max-width: 1050px) {
      nav ul { gap: 15px; }
      .collection-grid { grid-template-columns: repeat(3, 1fr); }
      .category-nav { grid-template-columns: repeat(5, minmax(100px,1fr)); overflow-x: auto; }
      .footer-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 800px) {
      .nav { min-height: 70px; }
      nav {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 70px;
        background: var(--paper);
        border-bottom: 1px solid var(--line);
        padding: 15px 20px 25px;
      }

      nav.open { display: block; }
      nav ul { flex-direction: column; align-items: stretch; gap: 0; }
      nav a { display: block; padding: 13px 0; border-bottom: 1px solid var(--line); }
      .menu-btn { display: block; }
      .nav-actions { display: none; }

      .hero { min-height: 620px; }
      .hero-content { padding: 80px 0; }

      .collection-grid { grid-template-columns: repeat(2, 1fr); }

      .feature-row,
      .about-grid,
      .contact-grid { grid-template-columns: 1fr; }

      .feature-row:nth-child(even) .feature-image,
      .feature-row:nth-child(even) .feature-copy {
        order: initial;
      }

      .feature-image { min-height: 420px; }
      .footer-grid { grid-template-columns: 1fr; }
    }

    @media (max-width: 540px) {
      .container { width: min(calc(100% - 28px), var(--max)); }
      .logo { font-size: 1.45rem; }
      section { padding: 65px 0; }
      .hero h1 { font-size: 3rem; }
      .collection-grid { grid-template-columns: 1fr; }
      .category-nav { justify-content: start; }
      .category-nav a { min-width: 120px; }
      .feature-image { min-height: 360px; }
      .footer-bottom { flex-direction: column; }
    }
  
/* Bridal detail cards */
.bridal-gallery{padding:72px 0 20px}
.bridal-gallery .section-heading{max-width:760px;margin:0 auto 34px;text-align:center}
.bridal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.bridal-card{background:#fff;border:1px solid rgba(181,154,94,.22);box-shadow:0 14px 40px rgba(34,28,20,.07);overflow:hidden}
.bridal-card-image{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#eee7dc}
.bridal-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.bridal-card:hover .bridal-card-image img{transform:scale(1.035)}
.bridal-card-number{position:absolute;left:16px;top:16px;background:rgba(255,252,247,.92);padding:8px 11px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.bridal-card-body{padding:24px}
.bridal-card-body h3{margin:.2rem 0 .35rem}
.bridal-card-body p{color:#6d675f}
.bridal-subtitle{font-family:Georgia,serif;font-size:1.05rem;color:#302c27!important}
@media(max-width:900px){.bridal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bridal-grid{grid-template-columns:1fr}.bridal-gallery{padding-top:52px}}


.bridal-section-cta{margin-top:28px;text-align:center}
.bridal-section-cta .text-link{font-weight:600}












/* ------------- Überschriften ------------------------------------------------------------------------------ */ 

h1 {
	font-size:18px;
	font-weight:bold;
}

h2 {
	font-size:16px;
	font-weight:bold;
}

h3 {
	font-size:15px;
	font-weight:bold;
}

h4 {
	font-size:14px;
	font-weight:bold;
}

/* Überschrift h5 gleich wie h1 für Titel auf Index-Seite 
siehe auch unten bei keinRahmen*/
h5 {
	font-size:18px;
	font-weight:bold;
}

/* Schrift gleich wie h1 für Titel auf Index-Seite 
siehe unten bei keinRahmen*/

/* ------------- Ende Überschriften ------------------------------------------------------------------------------ */ 



/* grosse Schrift und rot*/
.auto-style1 {
	font-size: xx-large;
}
.auto-style2 {
	color: #FF0000;
}

/* Ende grosse Schrift und rot*/




/* Hintergrund und allgemeine Schriftart */
body {
    background:url(Grafiken/Hintergrund/Hintergrundrosa.jpg) repeat-y;
    background-position:10px 0px;

    font-family: Arial, Helvetica, Sans-Serif;
    font-size:medium;
    font-weight:normal;
    border: 1px solid #FFF3F3;
}
* {
  margin:0; 
  padding:0;
}
/* ENDE Hintergrund und allgemeine Schriftart */


/*--------------------------------------------------------- Seiteneinteilung / Zeilendefinition -----------------------------------*/
/* seite: Index, */
#seite {
	width: 1046px;
	margin:0px 0px 20px 10px;
	border:1px solid #FFF3F3;
}

/* Kopfgrafik = 1046 / 136 */
#Kopf {
	width: 1046px;
	margin:0px 0px 20px 10px;
    border: 1px solid #FFF3F3;
}

/* Rabatt-Einstellungen -------------------------------------------------- */
/* Rabatt-Einstellungen -------------------------------------------------- */
#rabatt { /* Rabatt-Einstellungen ---------------------------------------- */
	width:1043px;  /* Rabatt-Einstellungen ------------------------------- */
/* oben   -   rechts   -   unten   -   links ----------------------------- */
	margin:6px 0px 0px 0px;  /* Rabatt-Einstellungen ------------------- */
	border:2px solid red;   /* Rabatt-Einstellungen ---------------------- */
	background-color:yellow;   /* Rabatt-Einstellungen ------------------- */
}   /* Rabatt-Einstellungen ---------------------------------------------- */
/* Rabatt-Einstellungen -------------------------------------------------- */
/* Rabatt-Einstellungen -------------------------------------------------- */


/* Zusatz-Einstellungen -------------------------------------------------- */
/* Zusatz-Einstellungen -------------------------------------------------- */
#zusatz { /* Zusatz-Einstellungen ---------------------------------------- */
	width:1043px;  /* Zusatz-Einstellungen ------------------------------- */
/* oben   -   rechts   -   unten   -   links ----------------------------- */
	margin:136px 0px 0px 0px;  /* Zusatz-Einstellungen ------------------- */
	border:2px solid red;   /* Zusatz-Einstellungen ---------------------- */
	background-color:LIME;   /* Zusatz-Einstellungen ------------------- */
}   /* Zusatz-Einstellungen ---------------------------------------------- */
/* Zusatz-Einstellungen -------------------------------------------------- */
/* Zusatz-Einstellungen -------------------------------------------------- */

/* Rabatt-Einstellungen -------------------------------------------------- */
/* Rabatt-Einstellungen -------------------------------------------------- */
.keinRahmenFett18margin {  /* Rabatt-Einstellungen ----------------------- */
border-width:0;  /* Rabatt-Einstellungen --------------------------------- */
font-size:18px;  /* Rabatt-Einstellungen --------------------------------- */
font-weight:bold;  /* Rabatt-Einstellungen ------------------------------- */
margin-left:300px;   /* Rabatt-Einstellungen ----------------------------- */
}   /* Rabatt-Einstellungen ---------------------------------------------- */
/* Rabatt-Einstellungen -------------------------------------------------- */
.keinRahmenFett24margin {   /* Rabatt-Einstellungen ---------------------- */
border-width:0;   /* Rabatt-Einstellungen -------------------------------- */
font-size:24px;   /* Rabatt-Einstellungen -------------------------------- */
font-weight:bold;   /* Rabatt-Einstellungen ------------------------------ */
margin-left:300px;   /* Rabatt-Einstellungen ----------------------------- */
}   /* Rabatt-Einstellungen ---------------------------------------------- */
/* Rabatt-Einstellungen -------------------------------------------------- */
/* Rabatt-Einstellungen -------------------------------------------------- */


#Navi {
	width: 1046px;
	margin:0px 0px 20px 10px;
	border:1px solid #FFF3F3;
}


/* seiteninhalt: Index, */
#seiteninhalt {
	width: 1043px;
	margin-left:10px;
	border:2px solid #FFF3F3;
}


/* Titel: Index, */
#Titel {
	width: 1043px;
	margin-left:10px;
	border:2px solid #FFF3F3;
}


.keinRahmen {
border-width:0;
}
.keinRahmengross {
border-width:0;
font-size:17px;
}

.keinRahmen18margin200 {
border-width:0;
font-size:18px;
margin-left:200px;
}

.keinRahmenmargin {
border-width:0;
margin-left:10px;
}
.keinRahmenFett {
border-width:0;
font-weight:bold
}

.keinRahmenFett18 {
border-width:0;
font-size:18px;
font-weight:bold
}

.keinRahmenFett18margin200 {
border-width:0;
font-size:18px;
font-weight:bold;
margin-left:200px;
}

.keinRahmenFett22 {
border-width:0;
font-size:22px;
font-weight:bold
}

.keinRahmenFett24margin200 {
border-width:0;
font-size:24px;
font-weight:bold;
margin-left:200px;
}


.keinRahmenfettRECHTS {
font-weight:bold;
border-width:0;
float: right;

}



/*--------------------------------------------------------- Ende Seiteneinteilung / Zeilendefinition -------------------------------*/

/* ---------------------------------------------------------Kopf alle Seiten ------------------------------------------------------*/
#kopfbereich {
    float:left;
    width:1046px;
    height:136px;
    border: 1px solid #FFF3F3;
}
/* Kopfmenu -------------------------------- */
#kopfMenu {
    float:left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	text-decoration:none;
}

.style13 {
	font-size: 19px;
	text-decoration: none;
}
.style23 {
	color: #FF00FF;
}

/*WWWWWWWWWWWWWWWWWWWWWW Hintergrund aktuelle Seite in Kopfnavigation WWWWWWWWWWWWWWWWWWWWWWWWWWW */
.aktuelklein {
	background-color: yellow;
}
.aktuelgross {
	font-size: 19px;
	text-decoration: none;
	background-color: yellow;
}
/*momentan noch Hintergrundfarbe #FFF3F3 später eventuell weiss oder andere Farbe */
/*WWWWWWWWWWWWWWWWWWWWWW Ende Hintergrund aktuelle Seite in Kopfnavigation WWWWWWWWWWWWWWWWWWWWWWWWWWW */


/* Ende Kopfmenu ---------------------------- */
/* --------------------------------------------------------- Ende Kopf alle Seiten ------------------------------------------------------*/

/* ---------------------------------------------------------- Navigation mit hover-Effekt */
a:link {color:#861E24; text-decoration:none}
a:visited {color:#861E24; text-decoration:none}
a:active {color:black; text-decoration:none}
a:hover {
	background-color: white;
	color: black;
	text-decoration:none;
}
/* ---------------------------------------------------------- Ende Navigation mit hover-Effekt */





/* ------------------------------------------- Leerzeilen ------------------------------------------------- */
.leerzeile {
	font-size:large;
		color: #FFFFFF;
}
.leerzeile5 {
	font-size:6px;
		color: #FFFFFF;
}
.leerzeile4 {
	font-size:4px;
		color: #FFFFFF;
}
.leerzeile7 {
	font-size:7px;
		color: #FFFFFF;
}
.leerzeile15 {
	font-size:15px;
		color: #FFFFFF;
}

.leerzeilelinks {
	width:214px;
	font-size:large;
	color: #FFFFFF;

}
.leerzeilelinks5 {
	width:214px;
	font-size:3px;
	color: #FFFFFF;

}
/* ------------------------------------------- Ende Leerzeilen ------------------------------------------------- */

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* --------------------------------------------------------------------------- Abschnitt Index ----------------------------------------------------------------*/

/* Format für grosses Bild*/
.bildgrossIndex{
	float:left;width:1009px;background-color:#FFF3F3;height:300px;
	margin-left:40px;
	border: 1px solid #FFF3F3;
}

/* Format für Bildtitel*/
.titel1Index{
	float:left;width:198px;background-color:#FFF3F3;height:30px;
	margin-left:25px;
	border: 1px solid #FFF3F3
}
.titel2Index{
	float:left;width:198px;background-color:#FFF3F3;height:30px;
}
.titel3Index{
	float:left;width:198px;background-color:#FFF3F3;height:30px;
}
.titel4Index{
	float:left;width:198px;background-color:#FFF3F3;height:30px;
}
.titel5Index{
	float:left;width:198px;background-color:#FFF3F3;height:30px;
}

/* Ende Format für Bildtitel*/

/* Format für Bilder*/
.bild1Index{
	float:left;width:198px;background-color:#FFF3F3;height:250px;
	margin-left:30px;
	border: 2px solid #FFF3F3;
}

.bild2Index{
	float:left;width:198px;background-color:#FFF3F3;height:250px;
		border: 2px solid #FFF3F3;
}

.bild3Index{
	float:left;width:198px;background-color:#FFF3F3;height:250px;
		border: 2px solid #FFF3F3;
}

.bild4Index{
	float:left;width:198px;background-color:#FFF3F3;height:250px;
		border: 2px solid #FFF3F3;
}
.bild5Index{
	float:left;width:198px;background-color:#FFF3F3;height:250px;
	margin-left:3px;
		border: 2px solid #FFF3F3;
}



.bildSmokingIndex{
	float:left;width:652px;background-color:#FFF3F3;height:250px;
	margin-left:400px;
	border: 1px solid fuchsia;
}

/* Ende Format für Bilder*/

/* Link zum Shop www.kerzenboutique.ch */
.shoplinks
{
	float: left;width:1020px;background-color:#FFF3F3;height:180px;
	color: black;
    font-weight:bold;
	margin-left:30px;
	border:2px solid #FFF3F3;
}
/* Ende Link zum Shop www.kerzenboutique.ch */

/* Format für Shop-Links*/
.titel1Shop{
	float:left;width:240px;background-color:#FFF3F3;height:30px;
	border: 1px solid #FFF3F3
}
.titel2Shop{
	float:left;width:240px;background-color:#FFF3F3;height:30px;
}
.titel3IShop{
	float:left;width:240px;background-color:#FFF3F3;height:30px;
}
.titel4Shop{
	float:left;width:240px;background-color:#FFF3F3;height:30px;
}
/* Ende Format für Shop-Links*/



/* ---- Herrensmoking -----------
.herrensmoking normal
{
	float: left;width:880px;background-color:#FFF3F3;height:100px;

/* ---- Herrensmoking -----------*/

.herrensmoking
{
	float: left;width:892px;background-color:#FFF3F3;height:90px;
	color: black;
    font-weight:bold;
	margin-left:160px;
	border:1px solid #FFF3F3;
}


/* ---- Monatshit -----------*/
.monatshit
{
	float: left;width:775px;background-color:#FFF3F3;height:170px;
	color: #FF0000;
    font-weight:bold;
	margin-left:265px;
	border:1px solid #FFF3F3;
}
/* ---- Wiedereroeffnung -----------*/
.wiedereroeffnung
{
	float: right;width:1045px;background-color:#ded5ce;height:420px;
	color: black;

    font-weight:normal;
	margin-left:160px;
	border:1px solid #FFF3F3;
}

/* ---- Corona -----------*/
.corona
{
	float: left;width:892px;background-color:#FFF3F3;height:130px;
	color: black;

    font-weight:normal;
	margin-left:160px;
	border:1px solid #FFF3F3;
}
/* ---- Ausverkauf -----------*/
.ausverkauf
{
	float: left;width:740px;background-color:#FFF3F3;height:200px;
	color: black;

    font-weight:normal;
	margin-left:160px;
	border:4px solid red;
}




/* ---- leerrechts ist nicht mehr nötig, Corona ist jetzt breit genug -----------*/
.leerrechts
{
	float:left;width:280px;background-color:#FFF3F3;height:330px;
		border: 1px solid black;
}

.indextext
{
	float:left;width:880px;background-color:#FFF3F3;height:220px;
		border: 1px solid #FFF3F3;
	margin-left:100px;
}




/* --------------------------------------------------------------------------- Ende Abschnitt Index ----------------------------------------------------------------*/

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Brautkleider-Details oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

/* Detail Kleider */
#menueBDetail {
    clear:both;
	float:left;
	width:214px;
	height:780px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 1px solid #FFF3F3;
}

.style14 {
    margin-left:47px;
	font-size: 19px;
	text-decoration: none;
}

/* Bilder- und Text-Zeile */

.bild1BKDetailHoch{
	float:left;width:375px;background-color:#FFF3F3;height:500px;
		margin-left:10px;
		border: 1px solid #FFF3F3;
}
.bild2BKDetailHoch{
	float:left;width:375px;background-color:#FFF3F3;height:500px;
		border: 1px solid #FFF3F3;
}

.bildSchrift1Hoch{
	float:left;width:375px;background-color:#FFF3F3;height:50px;
		margin-left:10px;
		border: 1px solid #FFF3F3;
}
.bildSchrift2Hoch{
	float:left;width:375px;background-color:#FFF3F3;height:50px;
		border: 1px solid #FFF3F3;
}

.leermitteBKDetailHoch{
	float:left;width:60px;background-color:#FFF3F3;height:500px;
		border: 1px solid #FFF3F3;
}
.leerrechtsBKDetailHoch{
	float:left;width:60px;background-color:#FFF3F3;height:500px;
		border: 1px solid #FFF3F3;
}
.leerrechtsSchriftHoch{
	float:left;width:60px;background-color:#FFF3F3;height:50px;
		border: 1px solid #FFF3F3;
}

/* leere Zeile */
.leereZeile5{
	float:left;width:825px;background-color:#FFF3F3;height:5px;
		border: 1px solid #FFF3F3;
}

.bildBKDetailHoch{
	float:left;width:160px;background-color:#FFF3F3;height:300px;
		margin-left:300px;
		border: 1px solid #FFF3F3;
}

.bildBKDetailQuer{
	float:left;width:820px;background-color:#FFF3F3;height:330px;
		border: 1px solid #FFF3F3;
}


/* letzter Text */

#BrautkleidDetailText{
    float:left;width: 810px;
	margin-left:10px;
	border: 1px solid #FFF3F3;
}

/* ooooooooooooooooo Detail Corsagenkleid, Schleppe und Träger ooooooooooooo */
#menueUDetail {
    clear:both;
	float:left;
	width:214px;
	height:600px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 1px solid #FFF3F3;
}

/* Bilder- und Text-Zeile Corsagenkleid, Schleppe und Träger */

.bild1DetailCST{
	float:left;width:116px;background-color:#FFF3F3;height:100px;
		margin-left:10px;
		border: 1px solid #FFF3F3;
}
.bild2DetailCST{
	float:left;width:116px;background-color:#FFF3F3;height: 100px;
		border: 1px solid #FFF3F3;
}

.leermitteDetailCST{
	float:left;width:10px;background-color:#FFF3F3;height:100px;
		border: 1px solid #FFF3F3;
}

.text1DetailCST{
	float:left;width:246px;background-color:#FFF3F3;height:50px;
		margin-left:10px;
		border: 1px solid #FFF3F3;
}

.text2DetailCST{
	float:left;width:245px;background-color:#FFF3F3;height: 50px;
		border: 1px solid #FFF3F3;
}

.leertextDetailCST{
	float:left;width:10px;background-color:#FFF3F3;height:50px;
		border: 1px solid #FFF3F3;
}



/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Brautkleider-Details oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */




/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Brautmode / Brautkleider oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#menueBrautmode {
    clear:both;
	float:left;
	width:214px;
	height:600px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 1px solid #FFF3F3;
}
#menueBrautkleider {
    clear:both;
	float:left;
	width:210px;
	height:5800px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}

/* Bilder und Text hoch, 3 nebeneinander */

.bild1Brautmode270{
	float:left;width:270px;background-color:#FFF3F3;height:280px;
	margin-left:10px;
	border: 1px solid #FFF3F3;
}
.bild2Brautmode270{
	float:left;width:270px;background-color:#FFF3F3;height:280px;
		border: 1px solid #FFF3F3;
}
.bild3Brautmode270{
	float:left;width:270px;background-color:#FFF3F3;height:280px;
		border: 1px solid #FFF3F3;
}
.Text1Brautmode270{
	float:left;width:270px;background-color:#FFF3F3;height:80px;
	margin-left:10px;
		border: 1px solid #FFF3F3;
}
.Text2Brautmode270{
	float:left;width:270px;background-color:#FFF3F3;height:80px;
		border: 1px solid #FFF3F3;
}
.Text3Brautmode270{
	float:left;width:270px;background-color:#FFF3F3;height:80px;
		border: 1px solid #FFF3F3;
}


/* Ende Bilder und Text hoch, 3 nebeneinander */


/* grosses Bild */
.bildgrossBrautmode{
	float:left;width:800px;background-color:#FFF3F3;height:220px;
	margin-left:10px;
	border: 1px solid #FFF3F3;
}



/* Ende grosses Bild */



/* Bilder und Text ursprünglich */

.bildHOCHBrautmode{
	float:left;width:200px;background-color:#FFF3F3;height:250px;
	margin-left:10px;
	border: 1px solid #FFF3F3;
}
.TextHOCHBrautmode{
	float:left;width:600px;background-color:#FFF3F3;height:250px;
		border: 1px solid #FFF3F3;
}

.bild1Brautmode{
	float:left;width:390px;background-color:#FFF3F3;height:245px;
	margin-left:10px;
	border: 1px solid #FFF3F3;
}
.bild2Brautmode{
	float:left;width:411px;background-color:#FFF3F3;height:245px;
		border: 1px solid #FFF3F3;
}
.bildtext1Brautmode{
	float:left;width:390px;background-color:#FFF3F3;height:50px;
	margin-left:10px;
	border: 1px solid #FFF3F3;
}
.bildtext2Brautmode{
	float:left;width:411px;background-color:#FFF3F3;height:50px;
		border: 1px solid #FFF3F3;
}

/* Ende Bilder und Text ursprünglich */


/* .bildtext3Brautmode{
	
	float:left;width:240px;background-color:#FFF3F3;height:50px;
	border: 1px solid #FFF3F3;
} */
.linksLieferanten{
	float:left;width:595px;background-color:#FFF3F3;height:10px;
	margin-left:0px;
	border: 1px solid #FFF3F3;
}

#BrautmodeText {
    width: 800px;
	margin-left:225px;
	border: 1px solid #FFF3F3;
}
#BrautkleiderText {
	float:left;
    width: 800px;
	margin-left:10px;
	border: 1px solid #FFF3F3;
}


/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Brautmode / Brautkleider oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Braut-Bolero oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
#menueBrautBolero {
    clear:both;
	float:left;
	width:214px;
	height:500px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}
.bild1BrautBolero{
	float:left;width:390px;background-color:#FFF3F3;height:280px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bild2BrautBolero{
	float:left;width:411px;background-color:#FFF3F3;height:280px;
		border: 2px solid #FFF3F3;
}




/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Braut-Bolero oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Braut-Schuhe oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
#menueBrautSchuhe {
    clear:both;
	float:left;
	width:214px;
	height:1300px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}
.bildHOCHBrautSchuhe{
	float:left;width:225px;background-color:#FFF3F3;height:300px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.TextHOCHBrautSchuhe{
	float:left;width:575px;background-color:#FFF3F3;height:300px;
		border: 2px solid #FFF3F3;
}


.bild1BrautSchuhe{
	float:left;width:198px;background-color:#FFF3F3;height:120px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bild2BrautSchuhe{
	float:left;width:198px;background-color:#FFF3F3;height:120px;
		border: 2px solid #FFF3F3;
}
.bild3BrautSchuhe{
	float:left;width:198px;background-color:#FFF3F3;height:120px;
	border: 2px solid #FFF3F3;
}
.bild4BrautSchuhe{
	float:left;width:198px;background-color:#FFF3F3;height:120px;
		border: 2px solid #FFF3F3;
}
.bildtext1BrautSchuhe{
	float:left;width:198px;background-color:#FFF3F3;height:30px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bildtext2BrautSchuhe{
	float:left;width:198px;background-color:#FFF3F3;height:30px;
		border: 2px solid #FFF3F3;
}

#BrautSchuheText {
    width: 800px;
	margin-left:185px;
	border: 1px solid #FFF3F3;
}

/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Braut-Schuhe oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Braut-Hand-Schuhe oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#menueBrautHandSchuhe {
    clear:both;
	float:left;
	width:214px;
	height:500px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}

.bild1BrautHandSchuhe{
	float:left;width:114px;background-color:#FFF3F3;height:120px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bild2BrautHandSchuhe{
	float:left;width:229px;background-color:#FFF3F3;height:120px;
		border: 2px solid #FFF3F3;
}
.bild3BrautHandSchuhe{
	float:left;width:229px;background-color:#FFF3F3;height:120px;
	border: 2px solid #FFF3F3;
}
.bild4BrautHandSchuhe{
	float:left;width:221px;background-color:#FFF3F3;height:120px;
		border: 2px solid #FFF3F3;
}
.bildtext1BrautHandSchuhe{
	float:left;width:114px;background-color:#FFF3F3;height:30px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bildtext2BrautHandSchuhe{
	float:left;width:229px;background-color:#FFF3F3;height:30px;
		border: 2px solid #FFF3F3;
}
.bildtext4BrautHandSchuhe{
	float:left;width:221px;background-color:#FFF3F3;height:30px;
		border: 2px solid #FFF3F3;
}

#BrautHandSchuheText {
    width: 800px;
	margin-left:185px;
	border: 1px solid #FFF3F3;
}






/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Braut-Hand-Schuhe oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Braut-Hand-Taschen oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#menueBrautHandTaschen {
    clear:both;
	float:left;
	width:214px;
	height:595px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}

.bild1BrautHandTaschen{
	float:left;width:265px;background-color:#FFF3F3;height:141px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bild2BrautHandTaschen{
	float:left;width:265px;background-color:#FFF3F3;height:141px;
		border: 2px solid #FFF3F3;
}
.bild3BrautHandTaschen{
	float:left;width:265px;background-color:#FFF3F3;height:141px;
	border: 2px solid #FFF3F3;
}
.bildtext1BrautHandTaschen{
	float:left;width:265px;background-color:#FFF3F3;height:30px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bildtext2BrautHandTaschen{
	float:left;width:265px;background-color:#FFF3F3;height:30px;
		border: 2px solid #FFF3F3;
}
.bildtext3BrautHandTaschen{
	float:left;width:265px;background-color:#FFF3F3;height:30px;
		border: 2px solid #FFF3F3;
}

#BrautHandTaschenText {
    width: 800px;
	margin-left:185px;
	border: 1px solid #FFF3F3;
}
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Braut-Hand-Taschen oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Braut-Schmuck oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#menueBrautSchmuck {
    clear:both;
	float:left;
	width:214px;
	height:750px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}

.bild1BrautSchmuck{
	float:left;width:250px;background-color:#FFF3F3;height:150px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bild2BrautSchmuck{
	float:left;width:280px;background-color:#FFF3F3;height:150px;
		border: 2px solid #FFF3F3;
}
.bild3BrautSchmuck{
	float:left;width:265px;background-color:#FFF3F3;height:150px;
	border: 2px solid #FFF3F3;
}
.bildtext1BrautSchmuck{
	float:left;width:265px;background-color:#FFF3F3;height:30px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bildtext2BrautSchmuck{
	float:left;width:265px;background-color:#FFF3F3;height:30px;
		border: 2px solid #FFF3F3;
}
.bildtext3BrautSchmuck{
	float:left;width:265px;background-color:#FFF3F3;height:30px;
		border: 2px solid #FFF3F3;
}

#BrautSchmuckText {
    width: 800px;
	margin-left:200px;
	border: 1px solid #FFF3F3;
}
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Braut-Schmuck oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Braut-Kopf-Schmuck oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#menueBrautKopfSchmuck {
    clear:both;
	float:left;
	width:214px;
	height:1000px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Braut-Kopf-Schmuck oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Ringkissen oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#menueRingkissen {
    clear:both;
	float:left;
	width:214px;
	height:1100px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}

.bildtext1ringkissen{
	float:left;width:265px;background-color:#FFF3F3;height:60px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bildtext2ringkissen{
	float:left;width:265px;background-color:#FFF3F3;height:60px;
		border: 2px solid #FFF3F3;
}
.bildtext3ringkissen{
	float:left;width:265px;background-color:#FFF3F3;height:60px;
		border: 2px solid #FFF3F3;
}



/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Ringkissen oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */









/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Braut-Schirme oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#menueBrautSchirme {
    clear:both;
	float:left;
	width:214px;
	height:600px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}

.bild1BrautSchirme{
	float:left;width:265px;background-color:#FFF3F3;height:141px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bild2BrautSchirme{
	float:left;width:265px;background-color:#FFF3F3;height:141px;
		border: 2px solid #FFF3F3;
}
.bild3BrautSchirme{
	float:left;width:265px;background-color:#FFF3F3;height:141px;
	border: 2px solid #FFF3F3;
}
.bildtext1BrautSchirme{
	float:left;width:265px;background-color:#FFF3F3;height:60px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bildtext2BrautSchirme{
	float:left;width:265px;background-color:#FFF3F3;height:60px;
		border: 2px solid #FFF3F3;
}
.bildtext3BrautSchirme{
	float:left;width:265px;background-color:#FFF3F3;height:60px;
		border: 2px solid #FFF3F3;
}

#BrautSchirmeText {
    width: 800px;
	margin-left:185px;
	border: 1px solid #FFF3F3;
}






/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Braut-Schirme oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Braut-Galerie oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
#menueBrautGalerie {
    clear:both;
	float:left;
	width:214px;
	height:1000px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}
.bild1BrautGalerie{
	float:left;width:265px;background-color:#FFF3F3;height:280px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.bild2BrautGalerie{
	float:left;width:265px;background-color:#FFF3F3;height:280px;
		border: 2px solid #FFF3F3;
}
.bild3BrautGalerie{
	float:left;width:265px;background-color:#FFF3F3;height:280px;
	margin-left:0px;
	border: 2px solid #FFF3F3;
}
.bild4BrautGalerie{
	float:left;width:535px;background-color:#FFF3F3;height:280px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}


#BrautGalerieText {
    width: 800px;
	margin-left:240px;
	border: 1px solid #FFF3F3;
}




/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Braut-Galerie oooooooooooooooooooooooooooooooooooooooooooooooooooooooo */











/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Kontakte/Anfahrt ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* Seite Kontakte */

/* Menu links für Kontakte */
#menuelinksKontakte {
    clear:both;
	float:left;
	width:210px;
	height:1050px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 2px solid #FFF3F3;
}
/* scheint per 25.05.2024 nicht mehr nötig zu sein!
    #linksKontakteleer {
    clear:both;
	float:left;
	width:214px;
	height:600px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 1px solid #FFF3F3;
}
*/
/* Menu links für Kontakte */

/* Link zum Shop www.kerzenboutique.ch */
.shoplinkskontakte
{
	float: left;width:815px;background-color:#FFF3F3;height:180px;
	color: black;
    font-weight:bold;
	margin-left:10px;
	border:2px solid #FFF3F3;
}
/* Ende Link zum Shop www.kerzenboutique.ch */



/* Ende Seite Kontakte */

/* Menu links für Anfahrt und links */
#menuelinksAnfahrt {
    clear:both;
	float:left;
	width:214px;
	height:650px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 1px solid #FFF3F3;
}

.style14 {
    margin-left:47px;
	font-size: 19px;
	text-decoration: none;
}
/* Ende Menu links für: Kontakte, Anfahrt und links */

/* Format für Bilder Kontakt */
.bild1K{
	float:left;width:199px;background-color:#FFF3F3;height:150px;
	margin-left:15px;
	border: 1px solid #FFF3F3;
}
.bild2K{
	float:left;width:199px;background-color:#FFF3F3;height:150px;
		border: 1px solid #FFF3F3;
}
.bild3K{
	float:left;width:199px;background-color:#FFF3F3;height:150px;
		border: 1px solid #FFF3F3;
}
.bild4K{
	float:left;width:208px;background-color:#FFF3F3;height:150px;
		border: 1px solid #FFF3F3;
}
/* grosses Bild */
.bildgrossKontakte{
	float:left;width:800px;background-color:#FFF3F3;height:245px;
	margin-left:11px;
	border: 1px solid #FFF3F3;
}

/* Ende grosses Bild */

/* Ende Format für Bilder Kontakt */

/* Text nach den Bildern */
#KontakteText {
    float:left;width: 800px;background-color:#FFF3F3;height:100px;
	margin-left:15px;
	border: 1px solid #FFF3F3;
}
/* Ende Text nach den Bildern */

/* Öffnungszeiten Überschrift und Tage */
.offenTage
{
	float:left;width:130px;background-color:#FFF3F3;height:170px;
	margin-left:30px;
	border: 1px solid #FFF3F3;
}
/* Ende Öffnungszeiten Überschrift und Tage */

/* Öffnungszeiten Vormittag */
.offenVM
{
	float:left;width:315px;background-color:#FFF3F3;height:170px;
	margin-left:0px;
	border: 1px solid #FFF3F3;
}
/* Ende Öffnungszeiten Vormittag */

/* Öffnungszeiten Nachmittag */
.offenNM
{
	float:left;width:315px;background-color:#FFF3F3;height:170px;
	margin-left:0px;
	border: 1px solid #FFF3F3;
}
/* Ende Öffnungszeiten Nachmittag */


/* Öffnungszeiten Zusätzlicher Text (Ferien / wieder da / neue Öffnungszeiten usw */
.offenText
{
	float: left;width:770px;background-color:#FFF3F3;height:120px;
	color: #FF0000;
    font-weight:bold;
	margin-left:30px;
	border:1px solid #FFF3F3;
}
/* Ende Öffnungszeiten Zusätzlicher Text (Ferien / wieder da / neue Öffnungszeiten usw */
.adresse
{
	float:left;width:645px;background-color:#FFF3F3;height:180px;
	margin-left:165px;
	border: 1px solid #FFF3F3;

}
.endtext
{
	float: left;width:645px;background-color:#FFF3F3;height:70px;
	margin-left:167px;
	border:1px solid #FFF3F3;
}
/* ---- Anfahrt -----------*/
#AnfahrtText {
	width: 775px;
	margin-left:240px;
	border:1px solid #FFF3F3;
}	
/* ---- geschlossen -----------*/
.geschlossen
{
	float: left;width:880px;background-color:#FFF3F3;height:200px;
	color: #FF0000;
    font-weight:bold;
	margin-left:160px;
	border:1px solid #FFF3F3;
}
	
/* ---- Öffnungszeiten -----------*/
.offen
{
	float: left;width:880px;background-color:#FFF3F3;height:50px;
	color: #FF0000;
    font-weight:bold;
	margin-left:160px;
	border:1px solid #FFF3F3;
}
	
/* ---- Corona -----------*/
.corona2
{
	float: left;width:610px;background-color:#FFF3F3;height:150px;
	color: black;
    font-weight:normal;
	margin-left:120px;
	border:1px solid #FFF3F3;
}

.leerrechts2
{
	float:left;width:160px;background-color:#FFF3F3;height:330px;
		border: 1px solid #FFF3F3;
}
/* ----Ende Corona -----------*/
	

/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Kontakte/Anfahrt oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Link-Seite ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ 
/* Menu links für: Kontakte, Anfahrt und links siehe bei Kontakte */

#menuelinkslinks {
    clear:both;
	float:left;
	width:214px;
	height:1000px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	color: #861E24;
	background-color: #FFF3F3; 
	text-decoration: none;
	border: 1px solid #FFF3F3;
}


#linkTitel {
	width: 820px;
	margin-left:215px;
	border: 2px solid #FFF3F3;
}	
#linkText {
	width: 790px;
	margin-left:225px;
	border: 2px solid #FFF3F3;
}
.links1{
	float:left;width:260px;background-color:#FFF3F3;height:190px;
	margin-left:10px;
	border: 2px solid #FFF3F3;
}
.links2{
	float:left;width:250px;background-color:#FFF3F3;height:190px;
	margin-left:0px;
	border: 2px solid #FFF3F3;
}
.links3{
	float:left;width:280px;background-color:#FFF3F3;height:190px;
	margin-left:0px;
	border: 2px solid #FFF3F3;
}

/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Link-Seite oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Abschnitt Sitemap oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

.sitemaptext
{
	float:left;width:880px;background-color:#FFF3F3;height:220px;
		border: 1px solid #FFF3F3;
	margin-left:100px;
}



/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo Ende Abschnitt Sitemap oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


.style22 {color: #4E71B0;}


#fussbereich {
    clear:both;
    float:left;
    width:1046px;
    height:136px;
    background-image:url(Grafiken/KopfFuss/Fuss.jpg);
	margin:0px 0px 20px 10px;
	border: 2px solid #FFF3F3;

}

#fussnavigation {
	font-size:small
}

.fussmenuzelle {
	float:left;
	color: black;
	text-decoration: none;
}
.fussmenuzellerechts {
	float:right;
	color: black;
	text-decoration: none;
}

.home {
	float:left;
	font-size:small;
	color: black;
	text-decoration: none;
}