@font-face { font-family: 'LuGr'; font-weight: normal; src: url('../fonts/LuGrBoo.ttf'); }
@font-face { font-family: 'RoboL'; font-weight: 300; src: url('../fonts/RoboL.ttf'); }
@font-face { font-family: 'RoboR'; font-weight: 400; src: url('../fonts/RoboR.ttf'); }
@font-face { font-family: 'RoboB'; font-weight: 600; src: url('../fonts/RoboB.ttf'); }

#rot { color: #981D3B; }

html { font-family: RoboL, sans-serif; font-size: 100%; line-height: 1.4; color: #2e2e2e; box-sizing: border-box; #background: rgba(255,230,10,0.5); height: 100%; hyphens: auto; }
h1,h2,h3,h4,h5,h6 { font-family: LuGr, serif; font-size: 1rem; font-weight: normal; letter-spacing: 0.04em; border-left: 3px solid #981D3B; padding-left: 1.5rem; padding-bottom: 0; margin-bottom: 1rem; margin-top: 0; padding-top: 1rem;}
h1 { font-size: 1.8rem; #padding-left: 1rem; #margin-left: -1rem; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1.1rem; }

p strong,
td strong { font-family: RoboR; }
a { color: inherit; }
img { max-width: 100%; height: auto; display: block; }

.margin-bottom_0 { margin-bottom: 0 !important; }

#header .inside,
#hauptmenu .inside,
#bild .imside,
#main>.inside>div,
#footer>.inside { width: 98%; height: 100%; max-width: 1200px; margin: 0 auto; width: 100%; padding: 0 1rem; padding: 0; box-sizing: border-box; }
#main>.inside>div.breit { width: 100%; max-width: 100%; }
#main>.inside>div.breit img { width: 100%; }
#main>.inside>.first { margin-top: -1rem; background: #fff; padding-top: 0; }
#main>.inside>.mod_article { margin-bottom: 2rem; }
#main ul { list-style-type: "- "; list-style-position: outside; padding-left: 0.6em; }
#main .ce_gallery ul { list-style-type: none; padding-left: 0; }

#header,
#footer { background-color: #fff; background-image: url(../grafiken/bg_header.png); margin-bottom: 1rem; }
#footer { margin-bottom: 0; }

#navButton { position: absolute; right: 0.5rem; bottom: 1rem; font-size: 1.5rem; line-height: 1; padding: 0.5rem; color: #fff; background: #981D3B; border: none; border-radius: 5px; display: none; cursor: pointer; outline: none; z-index: 1100; }

#logo { width: fit-content; max-width: 75%; margin: 0 auto; padding: 1rem 0; }

.menu { letter-spacing: 0.06em; }
.menu ul { padding-left: 0; }
.menu,
.menu strong,
.mm-menu { font-family: LuGr, serif; }
.menu strong { font-weight: normal; }
.menu ul { list-style-type: none; }
.menu .level_1 { display: flex; justify-content: space-between; }
.menu li {  }
.menu a { text-decoration: none; }
.menu .active>strong,
.menu li:hover>a,
.menu li.trail>strong,
.menu li.trail>a { color: #981D3B; }
.mobile_menu .inner { background: rgba(255,255,255,0.9); }

#mobilmenu { position: absolute; position: fixed; top: 1em; right: 3em; padding: 1em; text-align: right; font-size: 1.4rem; background: rgba(190,190,190,0.90); border-radius: 7px; font-size: 1.3em; display: none; z-index: 1100;
position: sticky;
right: 0; width: 60%; left: 20%; }

#mobilmenu ul { display: block; margin: 0; }
#mobilmenu .level_1>li { padding: 0.5em 0 0; }
#mobilmenu .level_2 { font-size: 0.7em; }

#hauptmenu { background: #fff; font-size: 1.5em; }
#hauptmenu .level_1 { padding: 0 10vw; padding: 0 5rem; margin-bottom: 1rem; }
#hauptmenu .level_1>li {  }
#hauptmenu .level_1 li:last-child {  }
#hauptmenu .level_2 { position: absolute; padding-left: 0; z-index: 5; padding: 1.5em 1em 0; padding: 0.5rem 1rem; margin-left: -1em; background: rgba(255,255,255,0.3); background: rgba(190,190,190,.3); font-size: 0.7em; left: -99999px; opacity: 0; transition: opacity 0.6s; border-radius: 5px; }
#hauptmenu .level_2>li,
#mobilmenu .level_2>li { padding: 0.5em 1em; margin: 0.5em 0; background: #fff; }
#hauptmenu .level_1>li:hover>.level_2 { left: auto; opacity: 1; }

#header .nmenu,
#header .nmenu strong { font-family: RoboL, sans-serif; }
.nmenu .level_1 { justify-content: flex-end; }
.nmenu li { padding-left: 2em; }

#bild img { width: 100%; }

.titelbild>.last { display: none; }
.titelbild>.first { display: block; }

.page-index #main .einfuehrung { display: none; }

#bild .inside { min-height: 39vw; }
#bild #willkommen { position: absolute; left: 50%; bottom: 10%; width: 50%; color: #fff; }
#bild #willkommen h1 { font-size: 2.2em; text-shadow: 0 0 10px rgba(0,0,0,0.9); border-left: none; padding-left: 1rem; hyphens: none; }
#bild #willkommen .einfuehrung { padding: .1em 1rem; color: #000; font-size: 1.2em; backdrop-filter: blur(5px) grayscale(100%); background: rgba(200, 200, 200, .7); }
#bild .ce_text h1 { margin-left: 1rem; }
#bild .ce_text p { padding: 1rem; margin: 0; font-size: 1.2rem; backdrop-filter: blur(5px) grayscale(100%) ; background: rgba(200,200,200,0.7); color: #000; }

.leistungen a { text-decoration: none; color: #981D3B; }
.ansprechpartner ul,
.niederlassungen,
.leistungen,
#footer>.inside { display: flex; justify-content: flex-start; flex-wrap: wrap; justify-content: space-between; }
.ansprechpartner li,
.niederlassung,
.leistungen>div,
#footer>.inside>div { width: 32.666666%; margin-right: 1%; width: 32.3333%; margin-right: 0; margin-bottom: 1em; float: none !important; box-sizing: border-box; background: #E6E5E5; }
.ansprechpartner li:last-child,
.ansprechpartner li:nth-child(3n),
.niederlassung:last-child,
.leistungen>div:last-child,
#footer>.inside>div:last-child { margin-right: 0; } 

.ansprechpartner ul { justify-content: flex-start; list-style-type: none !important; padding-left: 0 !important; }
.ansprechpartner li { margin-right: 1.5%; }
.ansprechpartner li:nth-child(3n) { margin-right: 0; }

.ansprechpartner figcaption { padding: 1.5rem 2rem 1rem 2rem; background-image: url(../grafiken/linie.png); background-repeat: no-repeat; background-size: 0.2rem 3rem; }
.ansprechpartner h3 { margin: 0 0 0.5rem; padding-left: 0; padding-top: 0; border-left: none; }
.ansprechpartner img { display: block; }

.leistungen { background: none !important; }
.leistungen>div { width: 24%; background: #fff !important; }

.niederlassung p { margin: 1.5rem; }

/* Kontakt */
.kontakt { display: flex; justify-content: space-between; }
.kontakt .niederlassung { margin-bottom: 0; }
.gmaps { position: relative; padding-bottom: 32.333%; height: 0; width: 76%; overflow: hidden; }
.gmaps iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Slogan */
.slogan { background-image: url(../grafiken/slogan-Hintergrund.png); background-repeat: no-repeat; background-size: auto 80%; background-position: 1rem center; padding-left: 4em !important; }
.slogan>div { padding-left: 4rem; }
.slogan strong { font-weight: normal; font-family: LuGr, serif; font-size: 1.8rem; }

/* Fuss */
#footer { position: relative; font-family: RoboL, sans-serif; font-size: 0.875rem; }
#footer h3 { font-family: RoboB, sans-serif; font-weight: 600; font-size: 0.875rem; border-left: none; padding-left: 0rem; }
#footer a { text-decoration: none; }
#footer>.inside { padding: 0rem 0 3rem; }
#footer>.inside>div { background: transparent; }
#footer>.inside>div:nth-child(3) form label { display: none; }
#footer>.inside>div:nth-child(3) .formbody>div { display: inline-block; }
#footer>.inside>div:nth-child(3) form input[type="email"] { background-color: #fff; border: none; border: 1px solid #000; margin: 0; padding: 0.2rem; }
#footer>.inside>div:nth-child(3) form button { background: none; color: inherit; font: inherit; border: none; color: #fff; background-color: #981D3B; margin: 0; padding: 0.2rem 1rem; cursor: pointer; }

.custom { position: sticky; top: 0; #z-index: -1; }

#main>.inside>.mod_article { margin-bottom: 2rem; background-color: #fff; margin-bottom: 0; padding-bottom: 2rem; }
#main>.inside>.mod_article:last-child { padding-bottom: 0; margin-bottom: 2rem; }
#container { background: rgba(255,255,255,.90); #background-image: url(../grafiken/transparenterHintergrund.png) !important; z-index: 1000; }
#container .ce_text { padding: 0 2rem; }
#container .ce_text.niederlassung,
#container .leistungen .ce_text { padding: 0; }
#container .leistungen .rte { padding: 0 1.5rem; }

.mod_newslist { padding: 0 1.5rem; }
.mod_newslist h2 { border: none; margin-bottom: 0; }
.mod_newslist h2 a { text-decoration: none; }
.mod_newslist .ce_text { padding: 0 1.5rem !important; }
.mod_newslist p.more,
.mod_newsreader p.back { padding: 0 1.5rem !important; margin: 0 0 2rem; }
.mod_newslist p.more a,
.mod_newsreader p.back a { text-decoration: none; color: #981D3B; }

@media (max-width: 1440px) {
}
@media (max-width: 900px) {
	#hauptmenu,
	#header .nmenu { display: none; }
	#navButton { display: block; }
}
@media (max-width: 1000px) {
	#bild #willkommen { left: 35%; width: 65%; }
}
@media (max-width: 900px) {
	#hauptmenu,
	#header .nmenu { display: none; }
	#navButton { display: block; }
	.slogan { display: none; }
	.ansprechpartner li { width: 49%; margin-right: 1.5%; }
	.ansprechpartner li:nth-child(3n) { margin-right: 1.5%; }
	.ansprechpartner li:nth-child(2n) { margin-right: 0; }
	.niederlassungen>div,
	.kontakt>div,
	.leistungen>div { width: 100%; margin-right: 0; }
	.kontakt { display: block; }
	.gmaps { padding-bottom: 80%; }
/*	##bild { background-image: url(../bilder/aktuelles/aktuelles-Hintergrund-mobil.jpg); height: 100vw; } */
	.titelbild>.last { display: block; }
	.titelbild>.first { display: none; }


/*
	.page-leistungen #bild,
	.page-wirtschaftspruefung #bild,
	.page-rechnungswesen #bild,
	.page-online-digital-service #bild { background-image: url(../bilder/leistungen/leistungen-Hintergrund-mobil.jpg); }
	.page-ueber-uns #bild { background-image: url(../bilder/ueberUns/ueberUns-Hintergrund-mobil.jpg); }
	.page-kontakt #bild { background-image: url(../bilder/kontakt/kontakt-Hintergrund-mobil.jpg); }
	.page-steuerberatung #bild { background-image: url(../bilder/steuerberatung/steuerberatung-Hintergrund-mobil.jpg); }
	.page-unternehmensberatung #bild { background-image: url(../bilder/unternehmensberatung/unternehmensberatung-Hintergrund-mobil.jpg); }
	.page-index #bild .einfuehrung { display: none; }
	.page-index #main .einfuehrung { display: block; }
	.page-index #bild .inside { height: 100vw; }
*/
	.page-index #bild #willkommen { position: relative; left: 0; bottom: 10%; width: auto; margin: 2rem 5%; background: rgba(255,255,255,0.3); backdrop-filter: blur(5px) grayscale(100%); box-sizing: border-box; }
	.page-index #bild #willkommen h1 { font-size: 1.6em; text-shadow: 0 0 3px rgba(0, 0, 0, 0.2); color: #00000066; }

	.page-index .leistungen>div:nth-child(2n-1) { background: #E6E5E5 !important; }
	
	#header { position: sticky; top: 0; z-index: 100; }
	.custom { position: relative; }
	
	#footer { display: none; }
}
@media (max-width: 600px) {
	html { font-size: 87.5%; }
	.ansprechpartner li { width: 100%; margin-right: 0 !important; }
}
@media (max-width: 500px) {
}