* { margin: 0; padding: 0; font-family: "Barlow Semi Condensed", sans-serif; font-size: 100%; }

img { border: 0; }

a { color: #e94e1c; text-decoration: none; }

#wrapper { width: 100%; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.03); z-index: 999; position: relative; }
#wrapper #top { background: #e94e1c; color: white; padding: 0.4em 0; text-align: right; padding-right: 1em; }
@media (max-width: 800px) { #wrapper #top { text-align: left; } }
#wrapper #top #normalmenu { width: 100%; }
@media (max-width: 800px) { #wrapper #top #normalmenu { text-align: center; } }
#wrapper #top #normalmenu a:after { content: " :: "; }
#wrapper #top #normalmenu a:last-child:after { content: ""; }
#wrapper #top i { display: none; }
@media (max-width: 800px) { #wrapper #top i { display: block; margin: 0 0 0 1em; } }
#wrapper #top a { color: white; }
#wrapper #mobilemenu { display: none; position: absolute; top: 3em; left: 0; width: 100%; background: #e94e1c; z-index: 8; }
#wrapper #mobilemenu ul { padding: 1em; list-style-type: none; }
#wrapper #mobilemenu ul li { padding: 0 0 0.5em 0; }
#wrapper #mobilemenu ul li a { color: white; }
#wrapper header { background: white; display: grid; display: -ms-grid; -ms-grid-columns: 5% 30% 60% 5%; grid-template-columns: 5% 30% 60% 5%; -ms-grid-rows: 8em; grid-template-rows: 8em; grid-template-areas: "left logo nav right"; -ms--ms-grid-columns: 5% 30% 60% 5%; -ms-grid-template-columns: 5% 30% 60% 5%; -ms--ms-grid-rows: 8em; -ms-grid-template-rows: 8em; -ms-grid-template-areas: "left logo nav right"; line-height: 3em; }
@media (max-width: 800px) { #wrapper header { display: block; width: 100%; height: 8em; } }
#wrapper header #logo { -ms-grid-row: 1; -ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-column: 2; grid-area: logo; -ms-grid-area: logo; position: relative; }
@media (max-width: 800px) { #wrapper header #logo { position: static; height: 100%; } }
#wrapper header #logo img { width: auto; height: auto; max-width: 70%; max-height: 70%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto auto auto 0; }
@media (max-width: 800px) { #wrapper header #logo img { display: block; position: static; width: auto; padding: 1.2em 0 0 0; margin: 0 auto; } }
#wrapper header nav { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-row: 1; -ms-grid-column: 3; grid-area: nav; -ms-grid-area: nav; height: 100%; }
@media (max-width: 800px) { #wrapper header nav { display: none; } }
#wrapper header nav ul { list-style-type: none; }
#wrapper header nav ul li { display: inline-block; height: 100%; margin-left: -4px; line-height: 8em; }
#wrapper header nav ul li:hover { background: #f4f4f4; border-bottom: 3px solid #e94e1c; }
#wrapper header nav ul li a { height: 100%; text-decoration: none; color: black; font-weight: 600; display: block; padding: 0 1em; letter-spacing: 0.05em; text-transform: uppercase; }

#slider { background-image: url("../images/slider/iStock_000015666573Small.jpg"); background-position: center; background-size: cover; width: 100%; height: 15em; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 0 0 1.5em 0; position: relative; z-index: 1; }
@media (max-width: 800px) { #slider { display: none; } }
#slider #slidertxt { position: absolute; top: 50%; left: 32%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#slider #slidertxt h1 { color: white; font-size: 250%; text-shadow: 4px 4px 4px #000; }
#slider #slidertxt h1 span { color: #e94e1c; font-size: 120%; }
#slider #slidertxt p { color: white; font-size: 120%; padding: 0 0 0 3em; text-shadow: 4px 4px 4px #000; }

#wrapper_main { width: 90%; display: grid; display:-ms-grid; margin: 0 auto 1em auto; -ms-grid-columns: 75% 25%; grid-template-columns: 75% 25%; grid-template-areas: "main aside"; -ms--ms-grid-columns: 75% 25%; -ms-grid-template-columns: 75% 25%; -ms-grid-template-areas: "main aside"; }
@media (max-width: 800px) { #wrapper_main { display: block; margin: 1em auto 0 auto; } }
#wrapper_main aside { -ms-grid-row: 1; -ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-column: 2; grid-area: aside; -ms-grid-area: aside; padding: 0 0.5em; }
@media (max-width: 800px) { #wrapper_main aside { display: none; } }
#wrapper_main aside .aside_box { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 3px solid #e94e1c; padding: 0.5em; margin: 0 0 1em 0; }
#wrapper_main aside .aside_box .headline_aside { border-bottom: 1px dotted #aaa; padding: 0 0 0.5em 0; }
#wrapper_main aside .aside_box .headline_aside h2 { font-weight: 600; }
#wrapper_main aside .aside_box img { display: block; width: auto; max-width: 90%; height: auto; margin: 0 auto; }
#wrapper_main aside .aside_box p { margin: 0.5em 0; }
#wrapper_main #content main { margin: 0 auto; }
#wrapper_main #content main .infoboxheadline { font-size: 200%; font-weight: 600; margin: 0 0 0.4em 0; }
#wrapper_main #content main .maincontent { width: calc(100% - 2em); height: auto; margin: 0 0 1em 0; padding: 1em; border: 1px solid #ccc; border-top: 3px solid #e94e1c; }
#wrapper_main #content main .maincontent .klappname { margin: 1em 0 0 0; }
#wrapper_main #content main .maincontent .toklapp { display: none; margin: 0 0 1em 0; background: #eee; }
#wrapper_main #content main .maincontent [id^="kl_"] p { padding: 0.5em; }
#wrapper_main #content main .maincontent [id^="klapp"] { text-decoration: none; }
#wrapper_main #content main .maincontent ul { margin: 0 0 0 3em; }
#wrapper_main #content main .maincontent ol { padding: 0 3em; }
#wrapper_main #content main .maincontent ol.ebene1 { counter-reset: listenpunkt_ebene1; list-style-type: none; }
#wrapper_main #content main .maincontent ol.ebene1 li:before { content: counter(listenpunkt_ebene1) ". "; counter-increment: listenpunkt_ebene1; font-weight: bold; }
#wrapper_main #content main .maincontent ol.ebene1 li { margin: 0 0 1em 0; }
#wrapper_main #content main .maincontent ol.ebene1 li b { display: inline; }
#wrapper_main #content main .maincontent ol.ebene1 li ul.innerUL li { margin: 0; }
#wrapper_main #content main .maincontent ol.ebene1 li ul.innerUL li:before { content: ""; counter-increment: none; margin: 0; }
#wrapper_main #content main .maincontent ol.ebene1 li ol.ebene2 { counter-reset: listenpunkt_ebene2; list-style-type: none; margin: 1em 0 0 0; }
#wrapper_main #content main .maincontent ol.ebene1 li ol.ebene2 li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) ". "; counter-increment: listenpunkt_ebene2; margin: 0; }
#wrapper_main #content main .maincontent ol.ebene1 li ol.ebene2 li ul.innerUL li { margin: 0; }
#wrapper_main #content main .maincontent ol.ebene1 li ol.ebene2 li ul.innerUL li:before { content: ""; counter-increment: none; }
#wrapper_main #content main .maincontent b { display: block; margin: 0.5em 0; }
#wrapper_main #content main .maincontent hr { display: block; margin: 0 auto 1em auto; color: orange; border: 1px solid #e94e1c; width: 50%; }
#wrapper_main #content main .maincontent img { display: block; width: auto; max-width: 90%; height: auto; margin: 0 auto; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); }
#wrapper_main #content main .maincontent img:hover { -webkit-filter: none; filter: none; }
#wrapper_main #content main #mainboxes { display: grid; display:-ms-grid; -ms-grid-columns: 33.33% 33.33% 33.33%; grid-template-columns: 33.33% 33.33% 33.33%; grid-template-areas: "headline headline headine" "beratung homeservice termin" "reiseveranstalter preis wartezeit"; -ms--ms-grid-columns: 33.33% 33.33% 33.33%; -ms-grid-template-columns: 33.33% 33.33% 33.33%; -ms-grid-template-areas: "headline headline headine" "beratung homeservice termin" "reiseveranstalter preis wartezeit"; margin: 0 0 1em 0; }
#wrapper_main #content main #mainboxes #mainboxheadline { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: headline; -ms-grid-area: headline; font-size: 200%; font-weight: 600; margin: 0 0 0.4em 0; }
#wrapper_main #content main #mainboxes .mainbox { border: 1px solid #ccc; padding: 0.5em; text-align: center; border-top: 3px solid #e94e1c; margin-right: 0.2em; }
#wrapper_main #content main #mainboxes .mainbox:hover { background: #f2f2f2; }
#wrapper_main #content main #mainboxes .mainbox i { color: #e94e1c; font-size: 3em; display: block; margin: 0 0 0.1em 0; }
#wrapper_main #content main #mainboxes .mainbox p { margin: 0.5em 0 0 0; }
#wrapper_main #content main #mainboxes .mainbox b { font-weight: 600; text-transform: uppercase; }
@media (max-width: 620px) { #wrapper_main #content main #mainboxes .mainbox b { font-size: 80%; } }
@media (max-width: 500px) { #wrapper_main #content main #mainboxes .mainbox b { font-size: 60%; } }
#wrapper_main #content main #mainboxes .beratung { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-row: 2; -ms-grid-column: 1; grid-area: beratung; -ms-grid-area: beratung; }
#wrapper_main #content main #mainboxes .homeservice { -ms-grid-row: 2; -ms-grid-column: 2; -ms-grid-row: 2; -ms-grid-column: 2; grid-area: homeservice; -ms-grid-area: homeservice; }
#wrapper_main #content main #mainboxes .termin { -ms-grid-row: 2; -ms-grid-column: 3; -ms-grid-row: 2; -ms-grid-column: 3; grid-area: termin; -ms-grid-area: termin; margin: 0; }
#wrapper_main #content main #mainboxes .reiseveranstalter, #wrapper_main #content main #mainboxes .preis, #wrapper_main #content main #mainboxes .wartezeit { margin-top: 0.2em; }
#wrapper_main #content main #mainboxes .reiseveranstalter { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-row: 3; -ms-grid-column: 1; grid-area: reiseveranstalter; -ms-grid-area: reiseveranstalter; }
#wrapper_main #content main #mainboxes .preis { -ms-grid-row: 3; -ms-grid-column: 2; -ms-grid-row: 3; -ms-grid-column: 2; grid-area: preis; -ms-grid-area: preis }
#wrapper_main #content main #mainboxes .wartezeit { -ms-grid-row: 3; -ms-grid-column: 3; -ms-grid-row: 3; -ms-grid-column: 3; grid-area: wartezeit; -ms-grid-area: wartezeit; margin-right: 0; }

footer { background: #151515; width: 100%; display: grid; display:-ms-grid; -ms--ms-grid-columns: 8% 28% 28% 28% 8%; -ms-grid-template-columns: 8% 28% 28% 28% 8%; -ms-grid-template-areas: "spaceleft contact social address spaceright"; -ms-grid-columns: 8% 28% 28% 28% 8%; grid-template-columns: 8% 28% 28% 28% 8%; grid-template-areas: "spaceleft contact social address spaceright"; padding: 2em 0; color: white; border-top: 0.5em solid #e94e1c; }
footer .footerbox { margin: 0 auto; }
footer .footerbox h3 { font-weight: 200; text-transform: uppercase; font-size: 1.2em; text-align: center; margin: 0 0 0.6em 0; }
footer .footerbox p { text-align: center; font-size: 85%; font-weight: 200; }
footer .contact { -ms-grid-row: 1; -ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-column: 2; grid-area: contact; -ms-grid-area: contact; }
footer .social { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-row: 1; -ms-grid-column: 3; grid-area: social; -ms-grid-area: social; }
footer .social a { text-align: center; }
footer .social .fab { font-size: 2em; width: 1.5em; height: 1.5em; line-height: 1.5em; text-decoration: none; border-radius: 1.5em; }
footer .social .fa-facebook, footer .social .fa-twitter, footer .social .fa-xing { color: white; }
footer .social .fa-facebook:hover { background: #3B5998; }
footer .social .fa-twitter:hover { background: #33ccff; }
footer .social .fa-xing:hover { background: #136466; }
footer .social p { margin: 0 0 0.4em 0; }
footer .social p span { color: #e94e1c; }
footer .address { -ms-grid-row: 1; -ms-grid-column: 4; -ms-grid-row: 1; -ms-grid-column: 4; grid-area: address; -ms-grid-area: address; }

#footerCMS { background: #151515; width: 100%; text-align:center; padding: 1em auto; color: white; }
#footerCMS p { background: #151515; padding: 1em 0; }