html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;font:Verdana,Arial,Helvetica,sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1; background-color:#FFFFFF}

#bild-01 {width:305px;height:205px;border:none;
				background:transparent url(../img/designer/start01-hw25.jpg);}
#bild-01:hover {background:transparent url(../img/designer/start01b-hw25.jpg);}

#bild-02 {width:305px;height:205px;border:none;
				background:transparent url(../img/designer/start02-hw25.jpg);}
#bild-02:hover {background:transparent url(../img/designer/start02b-hw25.jpg);}

#bild-03 {width:305px;height:205px;border:none;
				background:transparent url(../img/designer/start03-hw.jpg);}
#bild-03:hover {background:transparent url(../img/designer/start03b-hw.jpg);}

#bild-04 {width:305px;height:205px;border:none;
				background:transparent url(../img/designer/start04-hw25.jpg);}
#bild-04:hover {background:transparent url(../img/designer/start04b-hw25.jpg);}

#bild-05 {width:305px;height:205px;border:none;
				background:transparent url(../img/designer/start05-hw25.jpg);}
#bild-05:hover {background:transparent url(../img/designer/start05b-hw25.jpg);}

#bild-06 {width:305px;height:205px;border:none;
				background:transparent url(../img/designer/start06-hw25.jpg);}
#bild-06:hover {background:transparent url(../img/designer/start06b-hw25.jpg);}


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

a {
    text-decoration: none;
    color: #000; /* Textfarbe */
}

#nav-header {
    background: #fff7ec;
    height: 90px; /* Höhe der Navigationsleiste */
    overflow: visible; /* Ermöglicht, dass Dropdowns sichtbar sind */
    display: flex; /* Flexbox für die Anordnung */
    justify-content: space-between; /* Verteilt die Elemente gleichmäßig */
    align-items: center; /* Vertikale Ausrichtung */
    position: fixed; /* Fixiert am oberen Rand */
    top: 0; /* Positioniert es am oberen Rand */
    left: 0; /* Setzt die linke Position auf 0 */
    width: 100%; /* Stellt sicher, dass die Leiste die volle Breite einnimmt */
    z-index: 1000; /* Höherer Z-Index, um es über anderen Inhalten anzuzeigen */
}

nav {
    display: flex; /* Flexbox für die Navigation */
    font-family: opensans;
    font-size: 17px;
    height: 100%; /* Höhe der Navigation auf 100% setzen */
    width: 100%; /* Stellt sicher, dass die Navigation die volle Breite einnimmt */
}

nav > ul {
    display: flex;
    list-style: none;
    padding: 0;
    width: 100%; /* Stellt sicher, dass die Liste die volle Breite einnimmt */
    justify-content: center; /* Zentriert die Links innerhalb der Navigation */
}

nav li {
    position: relative; /* Wichtig für die Positionierung der Dropdowns */
    margin: 0;
}

nav li a {
    padding: 35px 30px;
    display: block;
    transition: background 0.3s, color 0.3s; /* Sanfter Übergang für Hover */
}

nav li a:hover {
    background: #ff7e0c;
    color: #fff; /* Textfarbe beim Hover */
}

nav li.logo-container {
    height: 100%; /* Höhe des Logo-Containers auf 100% setzen */
    display: flex;
    align-items: center; /* Vertikale Zentrierung des Logos */
    margin: 0 -30px; /* Abstand um das Logo */
}

nav li.logo-container a:hover {
    background: none; /* Verhindert, dass der Hintergrund sich ändert */
    color: inherit; /* Erbt die Textfarbe vom übergeordneten Element */
}

.nav-logo {
    height: auto; /* Höhe automatisch anpassen */
    width: 320px;
	margin-top:20px;
}

nav li ul {
    display: none; /* Standardmäßig ausblenden */
    position: absolute; /* Absolute Positionierung */
    left: 50%; /* Horizontale Zentrierung */
    top: 100%; /* Unter dem Hauptmenü */
    background: #fff; /* Hintergrundfarbe des Dropdowns */
    padding: 0;
    border: none;
    transform: translateX(-50%); /* Zentriert das Dropdown */
    min-width: 200px; /* Feste Breite für Dropdown */
    z-index: 10; /* Höherer Z-Index, um über anderen Elementen zu sein */
}

nav li:hover ul {
    display: block; /* Dropdown anzeigen, wenn der Benutzer darüber fährt */
}

nav li li {
    white-space: nowrap;
}

nav li li a {
    padding: 15px; /* Reduzierte Polsterung für die Dropdown-Links */
    font-size: 14px;
    background: #fff7ec;
    color: #000; /* Textfarbe */
    text-align: center; /* Text zentrieren */
}

@media (max-width: 1080px) {
    .nav-logo {
        display: none; /* Logo ausblenden */
    }

    nav li.logo-container {
        display: none; /* Logo-Feld ausblenden, um Platz freizugeben */
    }

    nav {
        justify-content: center; /* Navigation mittig ausrichten */
        width: 100%; /* Navigation nimmt die gesamte Breite ein */
    }
}

ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
body{width:100%;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:150%;}
@font-face{font-family:'opensans';src:url(font/OpenSans-Semibold.ttf) format("truetype")}
h1,h3{font-size:24px;margin:20px 0;font-family:opensans}
h2{font-family:opensans;margin:7px 0;font-size:18px;letter-spacing:1px;color:#e43120}
h4,h5{font-family:opensans;letter-spacing:1px;font-size:16px;margin-bottom:5px}
h4{color:#000}
h5{color:#e43120}
strong{font-weight:700}
p{margin-bottom:10px}
.center{display:block;margin:0 auto}
.klein{font-size:small}
.trenner{display:block;margin:60px auto}
.unterschrift{margin:-15px 0 0 35px}
a:link{color:#000;text-decoration:none}
a:visited{color:#000;text-decoration:none}
a:hover{color:#e43120;text-decoration:none}
a:active{color:#e43120;text-decoration:none}
#wrapper{margin:0 auto;width:1004px;height:100%; background-color:#FFF; z-index:20; background-image:none;}
#inhalt{margin:120px auto 0 auto;width:954px; background-color:#FFF;}
#inhalt2{margin:40px auto 0 auto;width:954px; background-color:#FFF;}
.links-navi-start{width:400px;float:left; background-color:#FFF;}
.rechts-navi-start{margin-left:430px;width:530px;text-align:right; background-color:#FFF;}
.links-navi{width:550px; background-color:#FFF;}
.links-navi2{width:800px; background-color:#FFF;}
.links{width:440px;float:left}
.rechts{margin-left:500px;width:477px}
.links2{width:400px;float:left}
.rechts2{margin-left:430px;width:530px}
.rechts-aktuell{text-align:right;margin-left:500px;width:477px}
.pic, .pic1, .pic2{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.pic{border:1px solid #c5b277}
.pic1{border:1px solid #000}
.pic2{border:1px solid #000}
.cycler img,.cycler2 img{position:absolute;z-index:1;margin-top:-189px}
.cycler img.active,.cycler2 img.active2{z-index:3;margin-top:-189px}
#subnavi{top:80px;right:30px;padding-left:35px;font-size:15px;color:#e43120;background-color:#fff7ec;width:210px;position:fixed;z-index:1000;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #c5b277}
#subnavi:hover{position:fixed;z-index:40}
#subnavi ul{margin-bottom:13px}
#subnavi h2{margin-top:12px}
#subnavi ul li,.footer-navi li{list-style-image:url(../img/subnavi/blatt-gold.png);margin-left:25px}
.list1:hover,.footer-navi li:hover{list-style-image:url(../img/subnavi/blatt-rot.png)}
#marken1 p,#marken2 p{background-color:#fff7ec;margin-bottom:50px;padding:25px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #c5b277}
#footer{color:#e43120;font-size:14px; background-color:#FFFFFF}
#footer table{float:left;width:600px}
#footer tr td{height:180px;width:200px}
#footernav{z-index:300;position:fixed;bottom:0;margin:0 auto;width:1005px;height:35px;background-image:url(../img/footer/footer.png);background-position:center;background-repeat:no-repeat;font-size:14px}
#navi{position:fixed;top:0;margin:0 auto;margin-left:-25px;z-index:100;width:1005px; background-color:#FFFFFF}
#navi a,#active1,#active2,#active3,#active5,#active6,#active7{display:block;height:142px;text-decoration:none;float:left; background-color:#FFFFFF}
#navi a.rollover1,#active1{width:121px;background:url(../img/logo/logo2024_01.png)}
#navi a.rollover2,#active2{width:114px;background:url(../img/logo/logo2024_02.png)}
#navi a.rollover3,#active3{width:104px;background:url(../img/logo/logo2024_03.png)}
#navi a.rollover4{width:316px;background:url(../img/logo/logo2024_04.png)}
#navi a.rollover5,#active5{width:178px;background:url(../img/logo/logo2024_05.png)}
#navi a.rollover6,#active6{width:74px;background:url(../img/logo/logo2024_06.png)}
#navi a.rollover7,#active7{width:97px;background:url(../img/logo/logo2024_07.png)}
#navi a:hover,#active1,#active2,#active3,#active5,#active6,#active7{background-position:0 -152px}
.displace{position:absolute;left:-5000px}
.container{min-height:300px;width:auto;margin:auto;padding:0 30px;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;z-index:10}
.megafolio-container{width:100%;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box}
.form1{padding:10px;background-color:#fff7ec;color:#000;margin-bottom:20px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #c5b277;font-size:20px;font-family:opensans}
.lookderwoche strong{font-size:16px}
.red{color:#e43120}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.cycler img,.cycler2 img{position:absolute;z-index:1;margin-top:0}
.cycler img.active,.cycler2 img.active2{z-index:3;margin-top:0}
}
.rezept1 li{list-style-type:disc}
.rezept2 li{list-style-type:decimal;margin-bottom:15px}
#jobs{width:600px}
#jobs ul li{list-style-type:disc}
#vip-club { position:fixed; top:100px; margin-left:200px; z-index:145 }

.mega-entry-innerwrap {
  opacity: 0;
  transition: opacity 1s ease-in;
  background-size: cover !important;
  background-position: center center !important;
}
.mega-entry-innerwrap.loaded {
  opacity: 1;
}