@charset "utf-8";



/* kaushan-script-regular - latin */
@font-face {
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kaushan_script/kaushan-script-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kaushan_script/kaushan-script-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kaushan_script/kaushan-script-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kaushan_script/kaushan-script-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kaushan_script/kaushan-script-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kaushan_script/kaushan-script-v14-latin-regular.svg#KaushanScript') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open_sans/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open_sans/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open_sans/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open_sans/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open_sans/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open_sans/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open_sans/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open_sans/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open_sans/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open_sans/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open_sans/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open_sans/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open_sans/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open_sans/open-sans-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open_sans/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open_sans/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open_sans/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open_sans/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open_sans/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open_sans/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open_sans/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open_sans/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open_sans/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open_sans/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?92096296');
  src: url('../fonts/fontello.eot?92096296#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?92096296') format('woff2'),
       url('../fonts/fontello.woff?92096296') format('woff'),
       url('../fonts/fontello.ttf?92096296') format('truetype'),
       url('../fonts/fontello.svg?92096296#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
body { color:#364550; font-family: 'Open Sans', sans-serif; font-weight:300; background-image: url('../img/bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; padding:50px 0 100px 0; background-attachment: fixed; }

.icon { font-family: "fontello"; font-style: normal; font-weight: normal; }	

header { width:100%; max-width:960px; margin:0 auto; position:relative; font-weight: 300; background: #e95927; margin-top: 20px; padding-bottom: 50px; }
.container { width:100%; max-width:920px; margin:0 auto; position:relative; margin-top: -40px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearfix:before,.clearfix:after { content: " "; display: table; }  
.clearfix:after { clear: both; }  
.clearfix { *zoom: 1; }
.fltrt { display:block; float:right; margin:0 0 30px 30px; width:20%; }
.fltrt img { width:100%; height:auto; }
h1, h2, h3, h4 { font-weight:300; }
main h1:first-child { margin-top: 0; }
h1 { font-size:230%; margin:40px 0 20px 0; font-family: 'Kaushan Script', cursive; }
h2 { font-size:160%; margin:30px 0 15px 0; }
h3 { font-size:140%; margin:20px 0 10px 0; }
h4 { font-size:120%; margin:10px 0 5px 0; }
p { margin:0.5% 0 0 0; }
a { color:#e95927; text-decoration:none; }
a:hover { text-decoration: underline; }
a.button { color: #fff; background: #e95927; padding: 5px 10px; display: inline-block; border-radius: 5px; }
a img { border:none; }
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { text-decoration:none; }
a.pdf { text-decoration:none; background:url('../img/pdf.png') no-repeat; line-height:32px; padding:0 0 0 40px; display:block; margin:8px 0; outline: none; }
a.pdf_big { text-decoration:none; background-image:url('../img/pdf_big.png'); background-repeat: no-repeat; line-height:55px; padding:0 0 0 60px; display:block; margin:8px 0; background-size: contain; font-size: 150%; outline: none; }
a.external-link { text-decoration:none; background-image:url('../img/link.png'); background-repeat: no-repeat; line-height:55px; padding:0 0 0 65px; display:block; margin:8px 0; background-size: contain; font-size: 150%; outline: none; }
iframe { width:100%; height:350px; }
a.hideLink { text-decoration: none; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto; }
.embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
b, strong { font-weight: 500; }

.marker_show { display: none; }

.angebot_wrapper .angebot_el { width: 100%; margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #ccc; }
.angebot_wrapper .angebot_el h3 { margin-top: 0; font-family: 'Kaushan Script', cursive; font-size: 190%; }
.angebot_wrapper .angebot_el .datum { font-weight: 600; }
.angebot_wrapper .angebot_el .bild, .bild_rechts { max-width: 300px; width: 100%; margin: 0 0 2% 2%; float: right; }
.angebot_wrapper .angebot_el .bild img, .bild_rechts img { display: block; width: 100%; }
.angebot_wrapper .angebot_el .preis { margin-top: 0; font-family: 'Kaushan Script', cursive; font-size: 140%; }

.bild_rechts { max-width: 200px; }

.rounded { border-radius: 10px; }
.rounded_top { border-radius: 10px 10px 0px 0px; }
.rounded_bottom { border-radius: 0px 0px 10px 10px; }

.header { position: absolute; width: 100%; z-index: 999; }
.header_linie { width: 100%; height: 5px; background: #364550; position: absolute; top: 15px; }

.logo { float:left; width:250px; padding: 5px 10px; background: #fff; position: absolute; top: 60px; right: 20px; z-index: 998; }
.logo img { width:100%; height:auto; }

.bilder_rechts { max-width: 200px; width: 100%; margin: 0 0 2% 2%; float: right; }
.bilder_rechts a { display: block; width: 100%; margin-bottom: 10px; }
.bilder_rechts a img { display: block; width: 100%; border-radius: 10px; }

.job { padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }

/* menu > */
nav { margin:20px 1% 10px 1%; width: 98%; }
.menu { list-style:none; padding:0; margin:0; position:relative; display:block; }
.menu li { float:left; width:auto; }
.menu li:first-child { border-left:none; }
.menu li a { color:#364550; font-size:105%; text-transform: uppercase; font-weight:200; display:block; text-decoration:none; background-size:20px auto; background-repeat:no-repeat; background-position:center bottom; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; padding: 5px 7px 18px 7px; margin-right: 2px; }
.menu li:last-child a { margin-right:0px; }
.menu li a:focus, .menu li a.aktiv { color:#fff; outline:none; background: #364550; border-radius: 0px 0px 10px 10px; }
.sub { min-width:25%; list-style:none; margin:0; padding:0; position:absolute; top:33px; z-index:50; box-shadow:0px 5px 10px #ddd; }
.sub li { float:none; width:auto; border:none; }
.sub li a { background-color:#9a1915; color:#fff; font-size:100%; line-height:40px; text-align:left; padding:0 5% 0 11%; background-repeat:no-repeat; background-position:3% center; }
.sub li a:hover, .sub li a.aktiv { color:#fff; }
.sub li a:focus { background-color:#9a1915; }
nav div { display:none; }

.menu li a.home_btn { padding-bottom: 10px; }
.menu li a.home_btn .icon { font-size: 30px; display: block; }
/* < menu */

/* slider > */
.slider_wrapper { position: relative; padding-top: 60px; }
.swiper-container { width: 100%; height: auto; display: block; margin:0; border: 5px solid #fff; }
.swiper-slide { overflow: hidden; }
.swiper-slide img { width:100%; height:auto; position: relative; background-repeat: no-repeat; background-position: 0; background-size: 100%; -webkit-animation-name: spinnerRotate; -webkit-animation-duration: 150s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;-moz-animation-name: spinnerRotate; -moz-animation-duration: 150s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spinnerRotate; -ms-animation-duration: 150s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; }
.swiper-slide .caption { /*background: rgba(255,255,255,0.85);*/ background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)) repeat scroll 0 0; bottom: 0; left: 0; width: 100%; position: absolute; z-index: 25; padding: 35px 0 10px 0; color: #fff; text-align: center; }
.swiper-slide .caption a h1 { margin: 0; padding: 0; }
.swiper-slide .caption a { padding: 0px; color:#fff; text-decoration: none; }
.swiper-pagination-bullet { border-radius: 100%; }
.swiper-pagination-bullet-active { background: #004c97; }
.swiper-button-next, .swiper-button-prev { display: none; }
.swiper-pagination { display: none; }
/* < slider */

/* accordion > */
.msg_head { font-size:140%; line-height:24px; margin:20px 0 0 0; cursor:pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.msg_head div { float:left; width: 0; height: 0; margin:4px 8px 0 0; }
.msg_head div { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 16px solid #9a1915; }
.opened div { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #9a1915; }
/* < accordion */

/* color pfeile, dreieck, etc. */
.callbacks_nav:before { color:#333; }
[class*='lightcase-icon-']:before { color:#fff; }

footer { color:#fff; font-size:90%; padding:1% 20px; background: #e95927; width: 100%; max-width: 960px; margin: 0 auto; margin-top: -20px; padding-top: 70px; }
footer .container { padding: 0 1%; }
footer a { color:#fff; }
.footer_kachel { float:left; }
.orgmenu, .hilfsmenu { float:right; }
.orgmenu a, .hilfsmenu a { display:block; }

main { background: #fff; padding: 1.5%; }

.menu_mobile.open { display: none; }
nav.open .menu_mobile { display: none; }
nav.open .menu_mobile.open { display: block; }

.fifty_wrapper .fifty { float: left; width: 49%; margin: 0 0 2% 2%; }
.fifty_wrapper .fifty:nth-child(2n+1) { margin-left: 0; }

.filiale_wrapper .filiale_el { margin-top: 30px; padding-top: 30px; border-top: 1px solid #364550; }
.filiale_wrapper .filiale_el:first-child { margin: 0; padding: 0; border: none; }

.filiale_wrapper .filiale_el .thirty { float: left; width: 32%; margin-left: 2%; }
.filiale_wrapper .filiale_el .thirty.infos { margin-left: 0; width: 23%; }
.filiale_wrapper .filiale_el .thirty.bilder { width: 20%; }
.filiale_wrapper .filiale_el .thirty.oeffnungszeiten { width: 53%; }
.filiale_wrapper .filiale_el .thirty.oeffnungszeiten table.zeiten tr td:last-child { min-width: 140px; }
.filiale_wrapper .filiale_el .thirty h3 { margin-top: 0; font-size: 120%; }

.filiale_wrapper .filiale_el .bilder a.bild { float: left; display: block; width: 49%; margin-left: 2%; }
.filiale_wrapper .filiale_el .bilder a.bild { float: none; width: 100%; margin: 0; margin-bottom: 20px; }
.filiale_wrapper .filiale_el .bilder a.bild:first-child { margin-left: 0; }
.filiale_wrapper .filiale_el .bilder a.bild img { display: block; width: 100%; border-radius: 10px; }
.filiale_wrapper .filiale_el .thirty.bilder { float: right; }

#map { width: 100%; height: 450px; }

.semmelLinks { display: flex; flex-wrap:wrap; justify-content: space-between; align-content: center; align-items: stretch; margin:40px 0; }
.semmelLinks a { display: flex; align-content: center; align-items: center; width:23%; justify-content: center; color:#fff; background-color: #e95927; border-radius: 10px; padding:20px 10px; column-gap:10px; }
.semmelLinks a span { font-weight: 600; }
.semmelLinks a img { height:40px; width:auto; }

.textLink { display: flex; min-height:40px; align-items: center; column-gap:10px; font-weight:600; }
.textLink img { height:20px; width: auto; }

@media screen and (max-width:920px)	{
	.rounded { border-radius: 0px; }
	.logo { left: 20px; right: auto; right: initial; top: 0; }
	.header_linie { display: none; }
	header .container { padding: 30px 2% 2% 2%; }
	body, header, .slider_wrapper { padding: 0; }
	.container { padding:0 1%; margin: 0 auto; }
	.header_fixed { position:fixed; z-index:9999; width:100%; top:0px; left:0px; }
	.logo {  width: 200px; }
	nav { margin:0px 0 0 0; float:none; background-color: #e95927; height:auto!important; right: 0; overflow-y: auto; position: fixed; top: 0; transition: all 0.25s ease-in-out 0s; width: 100%; z-index:0; }
	nav.open { background-color:#f8f8f8; z-index:999; width: 100%; right: auto; right: initial; left: 0; height: 100%!important; }
	nav ul.menu { display:none; margin:61px 0 0 0; }
	nav div.menu_mobile { display:block; cursor:pointer; float:right; width:30px; margin: 10px 2% 10px 0px; }
	nav div.menu_mobile img { vertical-align:middle; width: 100%; }
	.menu { background:#f8f8f8; width:100%; padding:0 1.5%; }
	.menu .clearfloat { display:none; }
	.menu li { float:none; width:100%; border-left:none; border-bottom:1px solid #ddd; }
	.menu li a { text-align:left; padding:0; font-size: 120%; line-height: 35px; }
	.menu li a:focus, .menu li a.aktiv { background: none; color: #e95927; }
	.sub { position:static; }
	.sub li { border:none; }
	.sub li a { padding:0 0 0 3%; background-color:#f8f8f8; }
	.menu .sub { position: relative; top: initial; top: auto; }
	.menu .sub li a { background: none; color: #364550; padding: 0; padding-left: 20px; line-height: 40px; }
	.menu .sub li a:hover, .menu .sub li a.aktiv { color: #e20020; font-weight: normal; }
	.sidebar { border-top:5px solid #9a1915; margin:20px 0 0 0; padding:1% 0; }
	a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { text-decoration:underline; }
	.footer_kachel, footer .adresse, footer .adresse div { width:100%; float:none; }
	footer { text-align:center; }
	.hilfsmenu { display:none; }
	.orgmenu { border-top:1px solid #9a1915; margin:10px 0 0 0; padding-top: 10px; }
	footer { margin: 0 auto; padding: 20px; }
}

@media screen and (max-width:800px)	{
	.filiale_wrapper .filiale_el .thirty.infos, .filiale_wrapper .filiale_el .thirty.oeffnungszeiten { float: none; width: 100%; margin-left: 0; margin-bottom: 20px; }
	.filiale_wrapper .filiale_el .thirty.oeffnungszeiten { margin: 0; }
}

@media screen and (max-width:850px)	{
	.semmelLinks { row-gap:20px; }
	.semmelLinks a { width:48%; column-gap:5px; }
	.semmelLinks a img { height:30px; }
}

@media screen and (max-width:600px)	{
	.filiale_wrapper .filiale_el .thirty.bilder { width: 200px; }
	#map_canvas { height: 250px!important; }
	.semmelLinks a { column-gap:5px; }
	.semmelLinks a span { font-weight: 500; }
	.semmelLinks a img { height:20px; }
}

@media screen and (max-width:500px)	{
	.filiale_wrapper .filiale_el .thirty.bilder, .bilder_rechts, .bild_rechts { width: 150px; }
	.semmelLinks a { width:100%; column-gap:10px; }
	.semmelLinks a span { font-weight: 600; font-size: 120%; }
	.semmelLinks a img { height:40px; }
}

@media screen and (max-width:450px)	{
	.logo { width: 150px; }
	body { font-size: 90%; }
}

@media screen and (max-width:400px)	{
	.filiale_wrapper .filiale_el .thirty.bilder, .bild_rechts { width: 100px; }
	.filiale_wrapper .filiale_el .bilder a.bild { width: 100%; margin-left: 0; float: none; margin-bottom: 10px; }
}

@media screen and (max-width:350px)	{
	.logo { width: 120px; }
	.bilder_rechts { width: 120px; }
	body { font-size: 80%; }
}

/* externe Inhalte 2-Klick */
.extern_inhalt { width: 100%; min-height: 450px; background: #eee; display: flex; align-items: center; justify-content: center; text-align: center; }
.extern_inhalt > div { max-width: 600px; padding: 20px; }
.extern_inhalt button { margin: 15px 0 10px 0; padding: 8px 20px; border: 0; background: #e95927; color: #fff; font-family: inherit; font-size: 100%; cursor: pointer; }
.extern_inhalt button:hover { background: #364550; }
.extern_inhalt label { display: block; font-size: 90%; cursor: pointer; }

/* Inhaltsänderungen 11/2026: Philosophie, Backstube, Sortiment, Brotkalender */
.untertitel { font-weight: 500; margin: 0 0 5px 0; }
.abschnitt { margin-bottom: 10px; }
.bild_rechts_gross { float: right; width: 40%; max-width: 340px; margin: 20px 0 15px 25px; }
.bild_breit { display: block; max-width: 600px; margin: 25px 0 15px 0; }
.bild_kalender { display: block; margin: 20px 0; }
.bild_rechts_gross img, .bild_breit img, .bild_kalender img, .bilder_reihe img, .produkt img { display: block; width: 100%; height: auto; border-radius: 10px; }
.bilder_reihe { display: flex; justify-content: space-between; margin: 25px 0; }
.bilder_reihe a { width: 32%; }
.produkte { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 25px; margin: 20px 0 30px 0; }
.produkt { width: 32%; }
.produkt h3 { font-family: 'Kaushan Script', cursive; margin: 10px 0 5px 0; }
.produkt p { margin: 0; }

@media screen and (max-width:600px)	{
	.bild_rechts_gross { float: none; width: 100%; max-width: none; margin: 10px 0 15px 0; }
	.produkt { width: 49%; }
}

@media screen and (max-width:400px)	{
	.produkt { width: 100%; }
}

/* Responsive 11/2026: Innenabstand Inhalt auf Tablet/Handy */
@media screen and (max-width:920px)	{
	main.container { padding: 20px 4%; }
}
@media screen and (max-width:500px)	{
	main.container { padding: 15px 5%; }
	.bilder_reihe { flex-wrap: wrap; row-gap: 10px; }
}