@charset "utf-8";
/* CSS Document */

/* The following Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at: https://openfontlicense.org  
Copyright 2018 The Manrope Project Authors (https://github.com/sharanda/manrope)
Copyright 2020 The Merriweather Project Authors (https://github.com/EbenSorkin/Merriweather4) with Reserved Font Name "Merriweather". 
Copyright 2022 The Shantell Sans Project Authors (https://github.com/arrowtype/shantell-sans) */

/* manrope-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/manrope/manrope-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/manrope/manrope-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manrope/manrope-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/manrope/manrope-v20-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/manrope/manrope-v20-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/manrope/manrope-v20-latin-regular.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/manrope/manrope-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/manrope/manrope-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manrope/manrope-v20-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/manrope/manrope-v20-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/manrope/manrope-v20-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fontsmanrope//manrope-v20-latin-600.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/manrope/manrope-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/manrope/manrope-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manrope/manrope-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/manrope/manrope-v20-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/manrope/manrope-v20-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/manrope/manrope-v20-latin-700.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* merriweather-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather/merriweather-v33-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/merriweather/merriweather-v33-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather/merriweather-v33-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/merriweather/merriweather-v33-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/merriweather/merriweather-v33-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/merriweather/merriweather-v33-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* shantell-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/shantell-sans/shantell-sans-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/shantell-sans/shantell-sans-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/shantell-sans/shantell-sans-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/shantell-sans/shantell-sans-v13-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/shantell-sans/shantell-sans-v13-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/shantell-sans/shantell-sans-v13-latin-500.svg#ShantellSans') format('svg'); /* Legacy iOS */
}

body { font-family: "Manrope", sans-serif; font-size:20px; font-weight:400; line-height:0.0; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; color: #553e3a; background-color:#7c0f39;  }
@media only screen and (max-width:1366px) {body { font-size:24px; font-weight:400;  }}
@media only screen and (max-width:1280px) {body { font-size:24px; font-weight:400;  }}
@media only screen and (max-width:1080px) {body { font-size:38px; font-weight:400;}}

@media (prefers-color-scheme: dark) {body { color:#fee9b1; background-color:#7c0f39; }}

.wrapper { -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;  -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}

a {text-decoration: none; color: #553e3a;} a:link {text-decoration: none; color: #553e3a;} a:visited { text-decoration: none; color: #553e3a;} a:hover {text-decoration: none; color: #553e3a;} a:active {text-decoration: none; color: #553e3a;}
a:focus { background-color:#fce19f; color:#553e3a;} 

@media (prefers-color-scheme: dark) {a:link {text-decoration: none; color: #fee9b1;} a:visited { text-decoration: none; color: #fee9b1;} a:hover {text-decoration: none; color: #fee9b1;} a:active {text-decoration: none; color: #fee9b1;}
a:focus { background-color:#fce19f; color:#553e3a;} }

h1 { font-family:"Merriweather", serif; font-size: 1.8em; color: #553e3a; text-align:left; line-height: 1.5; font-weight:700; }
h2 {font-family:"Shantell Sans", serif; font-size: 1.2em; color: #553e3a; text-align:left; line-height: 1.5; font-weight:500; }
h3 {font-family:"Merriweather", serif; font-size: 1.4em; color: #fee9b1; text-align:left; line-height: 1.5; font-weight:700;}
p {font-size: 1em; color: #553e3a; text-align:left; line-height: 1.5; font-weight:400; margin-bottom:1.6em; word-spacing:0.1em;}
a.p {color: #553e3a;}
.p {font-size: 1em; color: #553e3a; text-align:left; line-height: 1.5; font-weight:400; margin-bottom:1.6em; word-spacing:0.1em;}
p2 {font-size: 1em; color: #fee9b1; text-align:left; line-height: 1.5; font-weight:400;}
a.p2 {font-size: 1em; color: #fee9b1; text-align:left; line-height: 2.0; font-weight:400;}
a.p2:hover {color:#fce19f;}
a.p2:focus {background-color:#fce19f; color:#553e3a;}

a.p {color: #553e3a;}
a.p:link {text-decoration: none; color: #553e3a;} a.p:visited { text-decoration: none; color: #553e3a;} a.p:hover {text-decoration: none; color: #553e3a;} a.p:active {text-decoration: none; color: #553e3a;}
a.p:focus { background-color:#fce19f; color:#553e3a;} 

@media only screen and (max-width:1280px) {
	p2 {color: #fee9b1; }
a.p2 {color: #fee9b1;}
h3 {color: #fee9b1; }}

@media (prefers-color-scheme: dark) {
h1 {color: #fee9b1; }
h2 {color: #fee9b1; }
h3 {color: #fee9b1; }
p {color: #fee9b1; }
.p {color: #fee9b1; }
a.p {color: #fee9b1; } a.p:link {color: #fee9b1; }
p2 {color: #fee9b1; }
a.p2 {color: #fee9b1;}
}

#logo-header { background-color: #7c0f39; height:auto; width:100%; top:0px; float:left; }
@media (prefers-color-scheme: dark) {#logo-header { background-color: #7c0f39; height:auto; width:100%; top:0px; float:left; }}
@media (prefers-color-scheme: light) {#logo-header { background-color: #7c0f39; height:auto; width:100%; top:0px; float:left; }}
.logo { width:30%; height:auto; padding-left:32%; padding-right:38%; padding-top:20px; padding-bottom:20px;  margin-top:0px; margin-bottom:0px; line-height:0.0; background-color: #7c0f39; box-shadow: inset 0px 0px 10px hsla(340, 0%, 15%, 0.7);}
@media only screen and (max-width:1366px) {.logo { width:50%; height:auto; padding-left:45%; padding-right:5%; padding-top:40px; padding-bottom:40px; margin-bottom:0px;}}
@media only screen and (max-width:1280px) {.logo { width:70%; height:auto; padding-left:25%; padding-right:5%; padding-top:40px; padding-bottom:40px; margin-bottom:0px;}}

.header { width:100%; height:auto; margin-top:0px; margin-bottom:0px;}
@media only screen and (max-width:1080px) {.header { width:0px; height:0px; visibility:hidden; display:none;}}

.header-mobil { width:0px; height:0px; visibility:hidden;}
@media only screen and (max-width:1080px) {.header-mobil { width:100%; height:auto; visibility:visible; margin-top:0px; margin-bottom:0px;}}

#header-banner { width:100%; height:auto; float:left; margin-top:-150px; position:absolute; }
#header-banner-rot { width:80%; height:auto; background-image:url(../bilder/baeckerei-hg.jpg); background-repeat:repeat; float:left; margin-top:0px; padding-left:10%; padding-right:10%; padding-bottom:80px; float:left; }
#header-banner-rot-fuer-gold { width:80%; height:auto; background-image:url(../bilder/baeckerei-hg.jpg); background-repeat:repeat; float:left; margin-top:0px; padding-left:10%; padding-right:10%; padding-bottom:80px; }
.header-banner-bild { width:33%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:0%; padding-top:0px; }
.header-banner-bild:focus { background-color:#fce19f; }
a.header-banner-bild- { background-color: #0FF; height:auto; width:auto; }
a.header-banner-bild-:hover { background-color:#0F3; }
#header-banner-rot-m { width:0px; height:0px; display:none; visibility:hidden; padding:0px; margin:0px; }
#header-banner-gold { width:0px; height:0px; display:none; visibility:hidden; padding:0px; margin:0px; }
.header-banner-bild-m { width:0px; height:0px; display:none; visibility:hidden; padding:0px; margin:0px;}
.header-banner-bild-m-banner { width:0px; height:0px; display:none; visibility:hidden; padding:0px; margin:0px;}
.header-banner-baeckerei-m { width:0px; height:0px; display:none; visibility:hidden; padding:0px; margin:0px;}
@media only screen and (max-width:1280px) {
	#header-banner-rot-fuer-gold { width:80%; height:auto; background-image:url(../bilder/baeckerei-hg.jpg); background-repeat:repeat; float:left; margin-top:0px; padding-left:10%; padding-right:10%; padding-bottom:120px; }
	#header-banner-gold { width:100%; height:auto; float:left; margin-top:0px; background-image:url(../bilder/baeckerei-hg.jpg); background-repeat:repeat; visibility:visible; display:block;}
	.header-banner-baeckerei-m { width:100%; height:auto; background-color: transparent; visibility:visible; display:block;}}

@media only screen and (max-width:1080px) {
#header-banner-rot { width:0px; height:0px; display:none; visibility:hidden; padding:0px; margin:0px; }
.header-banner-bild { width:0px; height:0px; display:none; visibility:hidden; padding:0px; margin:0px;}
#header-banner-rot-m { width:80%; height:auto; background-image:url(../bilder/baeckerei-hg.jpg); background-repeat:repeat; float:left; margin-top:0px; padding-left:10%; padding-right:10%; padding-bottom:80px; display:block; visibility:visible; }
.header-banner-bild-m { width:100%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:0%; padding-top:0px; display:block; visibility:visible; margin-bottom:60px; box-shadow: 0px 10px 10px hsla(340, 0%, 15%, 0.5);}
.header-banner-bild-m-banner { width:100%; height:auto; float:left; margin-top:-1px; margin-left:0%; margin-right:0%; padding-top:0px; display:block; visibility:visible; margin-bottom:0px;}
.header-banner-bild-m:focus { background-color:#fce19f; }}

.banner-bild-links { width:36%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:0%; box-shadow: 5px 5px 10px hsla(340, 0%, 15%, 0.9); }
baeckerei { width:100%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:0%; background-image: url(../bilder/baeckerei.jpg); background-size: cover; background-repeat:no-repeat;  }
baeckerei-- { width:100%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:0%; background-image: url(../bilder/fastenbrezel-hg.jpg); background-size: cover; background-repeat:no-repeat;  }
baeckerei- { width:100%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:0%; background-color: #7c0f39;  }
content { width:44%; padding-left:5%; padding-right:5%; padding-top:60px; padding-bottom:60px; background-color: hsla(40, 100%, 100%, 0.9);  margin-top:90px; margin-left:5%; margin-right:5%; float:left;  box-shadow: 5px 5px 10px hsla(340, 0%, 15%, 0.9); }
content-galerie { width:80%; padding-left:5%; padding-right:5%; padding-top:60px; padding-bottom:60px; background-color:hsla(40, 100%, 100%, 0.85);  margin-top:90px; margin-left:5%; margin-right:5%; float:left;  box-shadow: 5px 5px 10px hsla(340, 0%, 15%, 0.9); }

@media only screen and (max-width:1280px) {
	.banner-bild-links {width:0px; height:0px; display:none; visibility:hidden; padding:0px; margin:0px; }
baeckerei { width:100%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:0%; background-image: none; background-size: cover; background-repeat:no-repeat;  }
baeckerei-- { width:100%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:0%; background-image: none; background-size: cover; background-repeat:no-repeat;  }
baeckerei- { width:100%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:0%; background-color:transparent; }
content { width:80%; padding-left:10%; padding-right:10%; padding-top:140px; padding-bottom:60px; background-color:#fbe6b1;  margin-top:-1px; margin-left:0px; margin-right:0px; float:left;  box-shadow: none; background-image:url(../bilder/pics/hg.jpg); background-size:100%; background-repeat:repeat-y;}
content-galerie{ width:80%; padding-left:10%; padding-right:10%; padding-top:140px; padding-bottom:60px; background-color:#fbe6b1;  margin-top:-1px; margin-left:0px; margin-right:0px; float:left;  box-shadow: none; background-image:url(../bilder/pics/hg.jpg); background-size:100%; background-repeat:repeat-y;}
}

@media (prefers-color-scheme: dark) {content { color:#fee9b1; background-color:#7c0f39; background-image:none;}}
@media (prefers-color-scheme: dark) {content-galerie { color:#fee9b1; background-color:#7c0f39; background-image:none;}
#header-banner-gold { width:0px; height:0px; display:none; visibility:hidden; padding:0px; margin:0px; background-image:none;}}

.foto { width:50%; height:auto; float:right; margin-top:0px; margin-left:0%; margin-right:auto; margin-top:0px; padding-left:3%;  }

.galerie-bild { width:32%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:1%; margin-top:30px; }
.galerie-bild- { width:70%; height:auto; float:left; margin-top:0px; margin-left:15%; margin-right:15%; margin-top:30px; box-shadow: 5px 5px 10px hsla(340, 0%, 15%, 0.9);}
.galerie-bild-h { width:50%; height:auto; float:left; margin-top:0px; margin-left:25%; margin-right:25%; margin-top:30px; box-shadow: 5px 5px 10px hsla(340, 0%, 15%, 0.9);}
#galerie { background-image:url(../bilder/baeckerei-hg.jpg); background-repeat:repeat; width:100%; height:100%; margin:0px; float:left; padding-top:80px; padding-bottom:80px;}
.close-zurueck { width:80px; height:auto; background:hsla(337, 70%, 25%, 0.5); position:absolute; z-index:800; top:0px; right:40px; position:fixed; box-shadow: 0px 0px 10px hsla(340, 0%, 15%, 0.9);}
@media only screen and (max-width:1280px) {
	.galerie-bild { width:32%; height:auto; float:left; margin-top:0px; margin-left:0%; margin-right:1%; margin-top:10px; box-shadow: 0px 0px 10px hsla(340, 0%, 15%, 0.5);}
.galerie-bild- { width:90%; height:auto; float:left; margin-top:0px; margin-left:5%; margin-right:5%; margin-top:10px; margin-bottom:80px; box-shadow: 5px 5px 10px hsla(340, 0%, 15%, 0.9);}
.galerie-bild-h { width:90%; height:auto; float:left; margin-top:0px; margin-left:5%; margin-right:5%; margin-top:10px; margin-bottom:80px; box-shadow: 5px 5px 10px hsla(340, 0%, 15%, 0.9);}
.close-zurueck { width:120px; height:auto; background:hsla(337, 70%, 25%, 0.5); position:absolute; z-index:800; top:0px; right:0px; position:fixed; box-shadow: 0px 0px 10px hsla(340, 0%, 15%, 0.9);}}

#navigation-top-bg {min-width:940px; max-width:2200px; width:100%; margin-top:0px; margin-right:0px; background-color:#7c0f39; background-color:hsla(337, 70%, 25%, 0.9); box-shadow: 0px 3px 6px hsla(340, 0%, 15%, 0.9);  height:70px; padding-top:0px; position:absolute; z-index:200; }
@media (prefers-color-scheme: light) {#navigation-top-bg {background-color:#7c0f39; background-color:hsla(337, 70%, 25%, 0.9); box-shadow: 0px 3px 6px hsla(337, 0%, 15%, 0.9);  }}
@media (prefers-color-scheme: dark) {#navigation-top-bg {background-color:#7c0f39; background-color:hsla(337, 70%, 25%, 0.9); box-shadow: 0px 3px 6px hsla(337, 0%, 15%, 0.9);  }}
#navigation-top {margin-top:0px; width:940px; height:60px; padding-top:7px; margin-left:auto; margin-right:auto; background-color: transparent; }
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:10px; height: 70px; width:940px; padding-top:0px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:auto; }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 20px; text-align: center; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }
#navigationspunkt:hover { height: auto; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; width:100%; text-align: left; margin-left:0px; }
#navigationspunkt2:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 18px; padding-right: 12px; padding-top:10px; display: block; color: #f9e3a1; margin-top: 0px;  font-size: 1.0em; font-weight: 400; text-decoration:none; line-height:1.0em;}
.navigationspunkt-text { height: auto; padding-left: 18px; padding-right: 12px; padding-top:10px; display: block; color: #f9e3a1; margin-top: 0px;  font-size: 1.0em; font-weight: 400; text-decoration:none; line-height:1.0em; background-color:transparent;}
a:hover.navigationspunkt-text { color: #FFF;}
a.navigationspunkt-text:focus { background-color:#fce19f; color:#553e3a;}


@media only screen and (max-width:1366px) {
#navigation-top-bg {min-width:100%; width:100%; margin-top:0px; top:40px; margin-right:0px;  background: none; box-shadow: none; height:90px; position:absolute; z-index:200;}
#navigation-top {margin-top:0px; margin-left:0px; width:100%; height:70px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:0px; }
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 600px; width:100%; text-align: left; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
#navigationspunkt:hover { height: auto; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; min-width: 600px; width:100%; text-align: left; margin-left:0px; }
#navigationspunkt2:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 90px; padding-right: auto; padding-top:40px; display: block; color: #fee9b1; margin-top: 0px;  font-size: 1.2em; font-weight: 400; line-height:1.2em;}
.navigationspunkt-text { height: auto; padding-left: 90px; padding-right: auto; padding-top:40px; display: block; color: #fee9b1; margin-top: 0px;  font-size: 1.2em; font-weight: 400; line-height:1.2em;}
}

@media (prefers-color-scheme: light) {a.navigationspunkt-text { color:#fee9b1; background-color:#7c0f39; background-image:none;}}
@media (prefers-color-scheme: light) {.navigationspunkt-text { color:#fee9b1; background-color:#7c0f39; background-image:none;}}
@media (prefers-color-scheme: dark) {a.navigationspunkt-text { color:#fee9b1; background-color:#7c0f39; background-image:none;}}
@media (prefers-color-scheme: dark) {.navigationspunkt-text { color:#fee9b1; background-color:#7c0f39; background-image:none;}}



label.menu1 {display: none; }
input#menu1 {display:none}

@media only screen and (max-width:1366px) {
	label.menu1 {display: block; width: 120px; height: 90px; margin-left:80px; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; }
	input#menu1 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	.line-1 {margin-left:0px;  height: 3px; width: 36px;   background: #FFF; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 32px; background:#f6d68b;}
	.line-1:nth-child(2) { margin-top: 46px; background:#fbe39e;}
	.line-1:nth-child(3) { margin-top: 60px; background:#efbb76;}
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(14px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-14px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 2500px; min-width:100%; width:100%; background:hsla(337, 70%, 25%, 0.95); box-shadow: 0px 3px 6px hsla(340, 0%, 15%, 0.9);  margin-bottom:0px; padding-bottom:140px; padding-top:65px; }
	

[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; left:-900px;}
[type="checkbox"]:focus + label::before { width:400px; height:auto; left:-500px; background-color:#fee9b1; box-shadow: 0px 0px 10px #666; display:block; content:"Menü öffnen"; position: absolute; border-color:#0CF; border-width:1px; border-style:solid;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

input#menu1:focus {display: block; left:-200px; width: 120px; height: 110px;  background-color:#999; }

}



footer {height:auto; width:60%; padding-left:20%; padding-right:20%; padding-top:70px; padding-bottom:300px; margin-left:auto; margin-right:auto; margin-top:0px; background-color: #7c0f39;  float:left;}
#footer-box-1 {width:60%; float:left; margin-left:0%; margin-right:1%; line-height:1.0;}
#footer-box {width:30%; float:left; margin-left:0%; margin-right:1%; line-height:1.0;}
#footer-box-copyright {width:99%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:50px; padding-left:1%;}
.bildcookie {width:20px; height:auto;}
.bildinnung {width:100px; height:auto;}

@media only screen and (max-width:1280px) {
	footer {min-width:100%; height:auto; width:100%; padding-left:0px; padding-right:0px; padding-top:80px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:0px;  background-color: #7c0f39; float:left;}
#footer-box-1 {width:80%; float:left; margin-left:10%; margin-right:10%;}
#footer-box {width:80%; float:left; margin-left:10%; margin-right:10%;}
#footer-box-copyright {width:90%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:50px; padding-left:10%; text-align:left;}
.bildcookie {width:50px; height:auto;}
.bildinnfo {width:300px; height:auto; margin-top:80px;}}

@media (prefers-color-scheme: dark) {footer  { color:#fee9b1; background-color:#7c0f39; background-image:none;}}

@media (prefers-color-scheme: dark) {.bildcookie {-webkit-filter: brightness(9.0); filter: brightness(9.0)}}

.direktlink {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px; font-size: 1em; line-height:1.0; background-color:transparent;}
a.direktlink:link {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px;}
a.direktlink:focus {width:400px; height:auto; top:0px; position:absolute; z-index:900; left:400px; background-color:#fce19f; color:#553e3a; text-align:left; float:left; text-decoration: none; border:none; padding:10px;}

@media (prefers-color-scheme: dark) {a.direktlink:focus {background-color:#fce19f; color:#553e3a;}}

.siegelbaeckereibild { width:80%; margin-left:20%; height:auto; border-radius:50%; box-shadow: 0px 0px 10px hsla(340, 0%, 15%, 0.9); float:right; }
@media only screen and (max-width:1280px) {
	.siegelbaeckereibild { width:40%; margin-right:0%; margin-left:60%; height:auto; border-radius:50%; box-shadow: 0px 0px 10px hsla(340, 0%, 15%, 0.9); }}