/*
* Neutrum-Business-BETA
*/ 


/* ##### Body ##### */
* {margin:0; padding:0;}
* {line-height:1;}
*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body {background:var(--weiss); color:var(--dunkelgrau); font-family:'Open Sans', Tahoma, sans-serif; font-size:105%; font-weight:400; letter-spacing:0.5px; -webkit-font-smoothing:antialiased !important; word-wrap:break-word;}
.hyphens {-webkit-hyphens:auto; -moz-hyphens:auto; -o-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
.clear {clear:both; display:flow-root;}
.clearfix:after {content:" "; clear:both; display:block; font-size:0; visibility:hidden; height:0;}
.valign {position:absolute; top:50%; transform:translateY(-50%);} 
.halign {position:absolute; left:50%; transform:translateX(-50%);} 
.vh-align {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100vh;} 
/*.vh-align {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} */
.all-align {display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center; margin:0;}
p {font-size:1.0em; font-weight:400; line-height:1.7; text-align:justify; margin:14px 0;}
strong, .bold {font-weight:800;}
.italic {font-style:italic;}
.normal {font-style:normal;}
.textsmall {font-size:small;}
.overflidden {overflow:hidden;}
.overclip {overflow:clip;}
.wrapper {position:relative; margin:0 auto; padding:0 2vmin; max-width:1100px;} 
.wrapper.small {max-width:800px;}
.wrapper.medium {max-width:1200px;}
.wrapper.wide {max-width:1600px;}
.wrapper.full {max-width:100%; padding:0;}
.vh100 {min-height:100vh;}
.vh70 {min-height:70vh;}
.vmin100 {min-height:100vmin;}
.vmin70 {min-height:70vmin;}
.vmin50 {min-height:50vmin;}
.vmin40 {minheight:40vmin;}
.object-fit {object-fit:cover; object-position:center; aspect-ratio:1/1; width:80vmin; height:80vmin;}
h1, h2, h3 {font-family:'Open Sans', Tahoma, serif; -webkit-box-decoration-break:clone; box-decoration-break:clone;}
h1 {text-transform:uppercase; font-size:1.8em; font-weight:400; letter-spacing:1px; padding:10px 0;}
h2 {text-transform:none; font-size:1.6em; font-weight:400; padding:0 0 10px;}
h3 {text-transform:none; font-size:1.4em; font-weight:400; padding:30px 0 30px;}
h4 {text-transform:none; font-size:1.2em; font-weight:400; padding:15px 0 25px;}
h5 {text-transform:none; font-size:1.1em; font-weight:600; padding:30px 0 15px;}
h6 {text-transform:none; font-size:1.1em; font-weight:600; padding:30px 0 5px;}
.alpha {font-size:2.2em;}
.beta {font-size:1.5em;}
.lowercase {text-transform:lowercase;}
.uppercase {text-transform:uppercase;}
.capitalize {text-transform:capitalize;}
.subheadline {font-size:0.9em; font-weight:600; color:var(--blau); padding:10px 0 0;}
.contentheadline {margin:20px 0 10px;}
.sectionheadline {padding:6vmax 0 4vmax;}
.sectionheadline p, .sectionheadline h2, .sectionheadline h4 {margin:0; padding:0;}

/* ##### Links ##### */
a {color:var(--dunkelgrau); text-decoration:none;} 
p a {position:relative; color:inherit; text-decoration:none; border-bottom:2px dotted #797979; margin-right:5px; padding:0 0 1px;} 
p a:after {position:absolute; content:"\f14c"; font-family:fontello; color:var(--maincolor); font-size:0.6em; font-style:normal; font-weight:normal; text-decoration:inherit;}
a img {border:none;}
a.more-link, span.more-link {background:var(--hellstgrau); font-size:0.9em; color:var(--dunkelgrau); margin:30px 0; padding:18px; text-transform:uppercase; border:2px solid transparent;}
a.more-link:hover, span.more-link:hover {color:var(--weiss); background:var(--blau);}

/* ##### Hover-Transition ##### */
button#menubutton:hover, #submit:hover, a.more-link:hover, span.more-link:hover, .main-menu li a:hover, #pagination .page-numbers:hover, .reply a:hover, #main-nav ul ul li:hover > a, #main-nav ul ul li a:hover, footer #nav ul li:hover, #toggle-view li:hover span, footer #link li:hover, #social .icon:hover {-webkit-transition-property:color, background; -webkit-transition-duration:0.3s, 0.3s; -webkit-transition-timing-function:linear, ease-in; -moz-transition-property:color, background; -moz-transition-duration:0.3s, 0.3s; -moz-transition-timing-function:linear, ease-in; -o-transition-property:color, background; -o-transition-duration:0.3s, 0.3s; -o-transition-timing-function:linear, ease-in; -transition-property:color, background; -transition-duration:0.3s, 0.3s; -transition-timing-function:linear, ease-in;}

/* ##### Header ##### */
noscript p.hideme {position:absolute; z-index:10000; top:-200px; background:var(--red); color:var(--weiss); text-align:center; font-size:1.15em; margin:0 auto; width:100%; padding:25px 5px;
animation:slideup 7s; -moz-animation:slideup 7s; -webkit-animation:slideup 7s; -o-animation:slideup 7s;}
noscript p.hideme i.icon {font-size:130%; color:var(--weiss); margin:0 15px 0 0;} 
header {position:fixed; z-index:10; top:0; right:0; display:block; height:60px; padding:0;}
body header {background-color:rgba(255,255,255,0.95); box-shadow:0 5px 5px -5px var(--boxshadow);}
/*body.scroll header {background-color:rgba(255,255,255,0.8); box-shadow:0 5px 5px -5px var(--boxshadow);}*/
#logo {position:relative; margin:0 auto; padding:5px 0;}
#logo img {position:relative; left:3%; display:block; max-width:190px; height:auto; margin-top:0;}
/*body.scroll #logo img {left:5%; max-width:200px; height:auto; margin-top:0px; border:none;}*/
#topbar {position:relative; top:0; width:100%; padding-right:70px;}
#topbar strong {font-weight:600;}
body.scroll #topbar {position:absolute; top:-50px;}
#topbar .flex-child {padding:0 1vw; line-height:2.0; font-size:0.8em;}
body.scroll #headerimage h2 {opacity:0;}
/* Der Seitentitel zentriert über dem Headerimage */
#headerimage .vh-align img {width:75vmin; max-width:1000px; height:auto;}
#headerimage h2 {font-size:calc(1em + 3vmin); width:100%; padding:20px; background-color:rgba(255,255,255,0.55); border-radius:10px;}
#bodybg {position:fixed; top:0; z-index:0; width:100vw; height:100vh;}
#font-resizer {position:absolute; top:-100px;}
body.scroll #font-resizer {top:30%;}

/* Scroll Down - Bouncing Arrow  */
i.bazinga {position:absolute; bottom:1vh; width:100%; color:var(--dunkelgrau); font-size:9.0vmin; opacity:0.7;}
body.scroll i.bazinga {opacity:0;}

/* ##### Waves ##### */
svg {will-change:transform; transform:translateZ(0); /* Aktiviert GPU-Beschleunigung */}
footer.wave {padding:0;}
footer > svg, svg {display:block; position:relative;}
footer.wave > svg.top, .svgTop {bottom:-1px;}
footer.wave > svg.bottom, .svgBottom {top:-1px;}

/* ##### Content ##### */
.content {position:relative; display:block; width:100%; padding:5vmin 0;}
.content:first-of-type {margin:0;}
.two-col p {-moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:3.0em; -webkit-column-gap:3.0em; column-gap:3.0em;}
.claim {margin:0 0 30px;}
.claim h1 {line-height:1.1; text-transform:none;}
.claim .alpha {font-size:calc(1em + 2vmin); color:var(--dunkelgrau);}
.claim .beta {font-size:calc(1em - 0.8vmin); color:var(--mittelgrau); margin-top:10px;}
.claim .beta:after {content:""; display:block; width:50px; margin:25px auto 0; border-bottom:1px solid var(--hellgrau); }
.claim h2 {font-size:1.1em; color:var(--hellgrau); margin:30px 0 0;}
.title {margin:0 0 50px;}
.page-post {padding:0vmin;}
.post {padding:8vmin;}
.post ul {display:table; margin:10px 0 10px 20px;}
.post ul li {position:relative; list-style:none; margin:12px 0; border-left:6px solid var(--dunkelgrau); padding-left:7px;}
.box {padding:30px;}
#spacer {height:60px;} /* Höhe ist wichtig für jQuery */
.center {display:block; margin:0 auto; text-align:center;}
.textcenter, .textcenter > p {text-align:center;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textinherit {text-align:inherit;}
.textgray {color:var(--mittelgrau);}
.textgradient {background-image:radial-gradient(circle at -1% 0%,var(--anthrazit),70%,var(--rot)); -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.left {float:left;}
.right {float:right;}
.white {background-color:var(--weiss);}
.blue {background-color:var(--blau);}
.gray {background-color:var(--hellstgrau);}
.inline {display:inline;}
.block {display:block;}
.inline-block {display:inline-block;}
.absolute {position:absolute;}
.relative {position:relative;}
.fixed {position:fixed;}
.zindex1 {z-index:1;}
.zindex2 {z-index:2;}
.zindex3 {z-index:3;}
.objectfit {object-fit:cover; width:100%; height:100%;}
.page article  h1, .page article  h2, .page article  h3 {text-align:center;}
.page-template-page section.content {margin:0; padding:0 0 5vw;}
#disclaimer p {font-size:0.85em; padding-left:10px; border-left:10px solid var(--dunkelgrau);}
#page-parent-container {padding:5vmin; background-color:var(--hellstgrau); border:1px solid var(--hellgrau);}

/* ####  Blockquote ##### */
blockquote {position:relative; z-index:1; font-weight:800; padding:30px 0; width:100%; max-width:90%; margin:80px auto; align-self:center; border-top:solid 1px; border-bottom:solid 1px;}
blockquote p:nth-of-type(1) {position:relative; font-size:1.5em; font-weight:800; line-height:1; margin:0;}
blockquote:after {position:absolute; content:"”"; color:rgba(0, 0, 0, 1); font-size:10rem; line-height:0; bottom:-43px; right:30px;}
blockquote p:nth-of-type(2) {position:relative; font-size:1.4rem; font-weight:normal; line-height:1; margin:0; padding-top:28px; z-index:1;}

@media all and (min-width:600px) {
	blockquote p:nth-of-type(1) {font-size:2em;}
}

/* ##### General List-Style - Grid ##### 
.content ul {display:grid; gap:1rem; list-style:none;}
.content ul li {display:grid; grid-template-columns:0 1fr; gap:1.75em; align-items:center; margin:5px 0 5px 5px;}
*/
/* ##### General List-Style - Flex ##### */
.content ul {margin:20px 0 20px 20px;}
.content ul li {display:flex; align-items:center; list-style:none; padding:5px 0;}
.content ul li:before {content:"\f111"; font-family:fontello; color:var(--altrosa); font-size:0.6em; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;}

/* ##### Wasserzeichen ##### */
.watersign {background-image:url('../images/layout/bg-glanz-horse.svg'); background-repeat:no-repeat; background-position:top center; background-size:cover;}
.page-template-page-standard .watersign {background-position:bottom center; background-size:contain;}

/* ##### Overlay ##### */
.overlay, .overlay a {color:var(--weiss);}
.overlay:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:100vw; height:calc(100% + 10vw); background-color:var(--schwarz); opacity:0.6;}

/* Artikel - Single */
.single img.postthumbnail {width:100%;}
.single .content {margin:0; padding:0;}
.single .post {width:100%; margin:0 0 3vw; padding:0;}
.single .post p:first-of-type {font-weight:bold;}

/* Page m. Postthumb */
/*body.has-postthumb .post {padding:2vmin 2vmin 2vmin 0;}
.post .flex-child {padding:0 5%;}
*/
body.has-postthumb div.flex-parent div:nth-of-type(1) {flex:0 1 60%; margin-right:5%;}
body.has-postthumb div.flex-parent div:nth-of-type(2) {flex:0 1 40%;}

/* ####  Tags ##### */
/* Single */
.post-tags:before {content:''; display:block; width:50%; margin:60px auto; border-top:3px solid var(--hellstgrau);}
.post-tags h5 {margin:0;}
.post-tags ul.tags {width:60%; margin:2vw auto;}
.post-tags ul.tags span {font-weight:bold;}
.post-tags ul.tags li {position:relative; display:inline-flex; list-style:none; margin:5px 15px; padding:0; border-left:none;}
.post-tags ul.tags li:before {display:none;}
.post-tags ul.tags li a {margin:0 3px; padding:2px 5px;}
.post-tags ul.tags li a:before {position:absolute; left:-15px; top:50%; transform:translateY(-10%) scale(-1, 1); content:"\e812"; font-family:fontello; font-size:1.2em; color:var(--dunkelgrau); font-style:normal; font-weight:normal; text-decoration:inherit;}
/* Page */
.page-tags {background-color:var(--blau); color:var(--weiss); width:50%;}
.page-tags ul.tags {padding:10px;}
.page-tags ul.tags li {list-style:none; padding:0 4px;}
.page-tags ul.tags li a {color:var(--weiss);}

/* ##### Quick Contact ##### */
/*.qc.content {padding:8vmin 0 0;}*/
.qc .flex-parent span, .faq address span.email {display:block; line-height:1.5; margin:0;}
.flex-parent span.cont-pers strong {display:block; margin:0 8px 0 0;}
.qc .flex-parent span.place {margin:0 0 10px;}
.qc .flex-child {padding:0;}
.qc .flex-child .icn.email {padding-left:25%;}

/* ##### Services ##### */
.services .flex-parent {align-items:center; margin:0 0 8vmin;}
.services .flex-child {position:relative; margin:1vmin 2vmin;}
.services .flex-child .inner {padding:1.2em; border:1px solid var(--hellstgrau); background-color:var(--hellstgrau); border-radius:0px;}
.services .flex-child i.icon {top:-0.85em; padding:0.2em; font-size:1.7em; color:var(--blau); background-color:var(--weiss); border-radius:50%; border:0px solid var(--hellgrau);}
.services .flex-child h5 {padding:5px 0 0;}
.services .flex-child p {font-size:0.85em; color:var(--mittelgrau); margin:-0.1em 0 0; text-align:center;}
.services .flex-child img {max-width:350px; margin:10px 0 0;}

/* ##### Question & Answers - Home ##### */
.faq.home .sectionheadline {padding:2vmax 0 6vmax;}
.faq.home .flex-child {position:relative; max-width:500px; margin:5vmin 2vw;}
.faq.home .flex-child .inner {padding:5.5vmin; background-color:var(--weiss); border-radius:15px; border:1px solid var(--mittelgrau);}
.faq.home .flex-child i.icon {top:-1.1em; font-size:3em; width:2em; height:2em; line-height:2em; color:var(--dunkelgrau); background-color:var(--weiss); border-radius:50%;}
.faq.home .flex-child h5:after {display:block; content: "..."; margin:10px auto 20px;}

/* ##### Question & Answers - Page ##### */
.faq.page .faqlist {margin:2vmin 0; padding:2.5em;}
.faq.page .faqlist .toggle-button {position:relative; font-size:1.0em; font-weight:700; margin:20px 0 0; padding:5px 12px 5px 2.5em; background-color:var(--dunkelgrau); border-radius:5px;}
.faq.page .faqlist .toggle-button:first-of-type {margin:0;}
.faq.page .faqlist .toggle-button a {color:var(--weiss);}
.faq.page .faqlist .toggle-button.closed:before, .faq.page .faqlist .toggle-button.opened:before {position:absolute; left:12px; top:50%; transform:translateY(-50%); font-family:'fontello'; font-size:1.5em; color:var(--weiss);}
.faq.page .faqlist .toggle-button.closed:before {content:"\e823";}
.faq.page .faqlist .toggle-button.opened:before {content:"\e814";}
.faq.page .faqlist .toggle-box {padding:20px;}
.faq.page .faqlist .toggle-box ul {margin:0px 0 0px 20px;}

/* ##### Gallery - Home ##### */
.homegallery .grid-child {padding:0vmin;}
.homegallery .grid-child .inner .halign {bottom:0; background-color:rgba(255,255,255,0.8); width:100%; padding:3px 5px;}
.homegallery h3 {font-family:'Playfair Display', serif; margin:0;}

/* ##### Aktuelles ##### */
/*
.blog article.flex-child.post, .blog.paged article.flex-child.post, .home .news article {flex:50%;}
.blog article.first.post {flex:100%;}
*/
.blog .grid-child.first, .blog .grid-child.last {grid-column-start:1; grid-column-end:3;}
.blog .grid-parent {gap:3vmax;}
.blog article.grid-parent {display:grid; grid-template-columns:1fr; background-color:var(--lightestgray); gap:1vmax 3vmax; grid-template-areas:'image' 'headline' 'text';}
.blog article.grid-parent.first {grid-template-rows:auto 3fr; grid-template-columns:47% auto; grid-template-areas:'headline' 'image' 'text';}
.blog article.grid-parent.first .child1 {grid-area:headline; grid-column:1 / 5; grid-row:1 / 2;}
.blog article.grid-parent.first .child2 {grid-area:image; grid-column:1 / 2; grid-row:2 / 3;}
.blog article.grid-parent.first .child3 {grid-area:text; grid-column:2 / 5; grid-row:2 / 3;}
.blog article.grid-parent .contentheadline {margin:0;}
.blog.paged article.grid-child.post {grid-column-start:0; grid-column-end:0;}
.home .content.news {margin:0; padding:0 0 5vw;}
.home .content.news a.more-link {margin:50px 0;}
.blog section {margin:0; padding:0;}

/* ##### Archiv ##### */
.archive section.content {padding:0 0 8vmin;}
.archivinfo {padding:3vmin 0 0 10%;}
.archivinfo h1 {line-height:1.6em;}
.archivinfo h2 {font-size:1.3rem;}
.archivinfo span {display:inline-block; background:var(--dunkelgrau); color:var(--weiss); margin:5px; padding:8px 12px; vertical-align:sub; font-family:'Open Sans', Helvetica, Tahoma, sans-serif; font-weight:300; font-style:normal;}

/* ##### Galerie-Template ##### */
.gallery dd.gallery-caption {display:none;} 

/* ##### Table-Style ##### */
.table {display:table; width:100%; border-collapse:collapse;}
.table-row {display:table-row;}
.table-cell {display:table-cell;}

/* ##### Table-Style ##### */
.table {display:table; width:100%; border-collapse:collapse; border:1px solid var(--mittelgrau);}
.table dl {display:table-row; width:100%; border-bottom:1px solid var(--mittelgrau);}
.table dt, .table dd {display:table-cell; vertical-align:middle;}
.table dt {padding:3px; width:40%; font-weight:bold;} 
.table dd {padding:3px; width:60%; text-align:right;}
.table dl:last-of-type {border-bottom:none;}

/* ##### Table-Style ##### */
.table-grid {display:grid; grid-template-columns:auto 1fr; grid-gap:1rem;}
.table-grid dt {padding:3px; font-weight:bold; background-color:var(--hellstgrau);} 
.table-grid dd {padding:3px; text-align:right; background-color:var(--hellstgrau);}

/* ##### AGB ##### */
.agb .entry strong {margin-right:5px;}
.agb .entry strong:last-of-type {margin-right:0px;}
.agb #download {margin:40px 0; padding:15px 0;}
.agb #download h5 {margin:0; padding:0;}
.agb #download p {font-size:0.9em; margin:0; padding:0;}
.agb #download a {width:auto; height:5em;}
.agb i.icon-download {z-index:2; font-size:2.5em; color:var(--blau);}
.agb i.icon-circle {z-index:1; font-size:5.0em; color:var(--weiss);}

/* ##### Impressum ##### */
.impressum address.address {display:block; width:100%; margin:20px 0 70px; float:none; text-align:left;}
.impressum #legal div.sec {margin:20px 0 0px;}
.impressum #legal p {margin:0; padding-left:10px;}
.impressum #legal p:first-of-type {padding-left:0px;}
#imgquelle {margin:50px 0; padding:20px; background-color:var(--hellstgrau); border:1px solid var(--mittelgrau); border-radius:15px;}
#imgquelle h3 {padding:0 0 30px;}
#imgquelle ul {margin:0; gap:0;}
#imgquelle ul li {list-style:none; margin:5px 0 5px 20px; gap:0;}
#imgquelle ul li:before {content:"\f1f9"; font-family:fontello; font-size:1.0em; line-height:1.0em; color:inherit; vertical-align:middle; font-style:normal; font-weight:bold; text-decoration:inherit; margin:0 7px 0 0px;}

/* ##### Datenschutz & AGB ##### */
#legal #index {display:inline-block; margin:40px 0 20px; padding:20px; background:rgba(255,255,255,0.70); border:1px solid var(--mittelgrau); border-radius:15px;}
#legal #index h5 {margin:0 0 10px; padding:0;}
#legal #index ol {list-style:decimal; margin:0 0 0 40px;}
#legal #index ol li {line-height:1.4em; padding:0;}
#legal p {text-align:left; margin:10px 0 0 20px;}
#legal h5 {font-weight:900;}
#legal span.nr {padding:0 5px 0 0;}
#legal ul {display:block; margin:10px 0 10px 50px;}
#legal ul li {line-height:1.2em;}
#legal ul li:before {content:"\f111"; font-family:fontello; color:var(--blau); font-size:0.5em; line-height:1.0em; vertical-align:middle; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px;}
#legal ol {list-style:upper-roman; margin:0 0 0 50px;}
#legal ol li {padding:5px 0; line-height:1.3em;}
.datenschutz #trust {margin:50px 0; padding:20px; color:var(--anthrazit); font-weight:600;}
.datenschutz #currentstatus, .agb #currentstatus {font-size:0.8em; margin:40px 0 0;}

/* ##### AGB ##### */
.agb p.textcenter strong {padding:0 2px;}
.agb #download {margin:60px 0;}
.agb #download .icon-download {font-size:3.0em; color:var(--blau);}
.agb #download .icon-circle {font-size:5.0em; color:var(--anthrazit);}

/* ##### Postjump ##### */
#postjump {padding:100px 0;}
#postjump a {width:45%; gap:20px; flex-wrap:nowrap; margin:20px 10px; background-color:var(--lightestgray);}
#postjump h4 {font-weight:600; padding:15px 0 5px;}
#postjump img {max-width:150px; height:auto;}
#postjump i.icon {font-size:6vmin; flex-grow:1;}
#postjump a:hover {cursor:pointer; background:var(--maincolor); border-radius:20px; transition:0.5s ease;} 
#postjump a:hover > .link, #postjump a:hover > .icon {color:#fff;}
#postjump a:hover > .thumb {box-shadow:0 0 8px #333;}

/* ##### Pagination ##### */ 
#pagination div.pagination {padding:80px 0 50px;}
.pagination .page-numbers {margin:0 2px; padding:6px; min-width:36px; line-height:30px; text-align:center; font-size:1.2em; display:inline-block; border-radius:0px; border:1px solid var(--lightgray); background-color:var(--lightgray);}
.pagination .page-numbers:hover {background:var(--maincolor); color:var(--white);}
.pagination span.current {color:var(--white); background:var(--maincolor); border:1px solid var(--maincolor);}
.pagination a.prev.page-numbers, .pagination a.next.page-numbers {display:none;}

/* ##### Post-News-Teaser - Footer ##### */
.pnt {background-color:var(--dunkelgrau) !important;}
.pnt h1 a, .pnt p {color:var(--weiss) !important;}
.pnt a.more-link:hover {color:var(--dunkelgrau) !important;}

/* ##### Kontakt ##### */
.contact a.ds {display:block; clear:both;}
address {width:100%; display:inline-block; margin:20px 0; font-style:normal;}
address .flex-child {width:100%; margin:2vmin 0 6vmin;}
address span {display:block; line-height:1.5;}
address span.place {margin:0 0 15px;}
address span.email {margin:15px 0;}
address span.name {font-size:1.15rem; font-weight:bold;}
address span.name:nth-of-type(1) {color:var(--blau);}
address span.name:nth-of-type(2) {margin-left:5px;}
address .flex-child span:first-of-type {margin:15px 0 0;}
address i.icon {color:var(--blau); font-size:2em;}
address span.icn:before, span.icn:before {font-family:fontello; font-size:1.05em; line-height:1.0em; font-style:normal; font-weight:normal; text-decoration:inherit; margin:0 7px 0 0px; color:var(--blau);}
span.icn.email:before {content:"\f0e0";}
span.icn.phone:before {content:"\e81b";}
span.icn.fax:before {content:"\e814";}
span.icn.times:before {content:"\e81e";}

/* ####### Google Map ####### */
#map_canvas img {max-width:none;}
#map_canvas {position:relative; width:100%; height:40vmax; max-height:700px; border-top:3px solid var(--hellgrau); border-bottom:3px solid var(--hellgrau);}
/* #gmap .wrapper {position:relative;}*/
#gmap a.large-view {z-index:2; margin:0; padding:5px 8px; background-color:var(--weiss); border-radius:5px; text-decoration:none; box-shadow:0 -5px 5px -5px var(--dunkelgrau);}
#gmap a.large-view i.icon{font-size:1.4em; text-align:center; margin:0 10px 0 0;} 

/* ####### Public Sitemap ####### */
#toggle-view {list-style:none; margin:10vmin 0; padding:0;}
#toggle-view h2 {position:relative; margin:30px 0 0;}
#toggle-view h2:hover {cursor:pointer;}
#toggle-view h2:hover span {color:var(--blau);}
#toggle-view .panel li {position:relative; line-height:2.8em; border-bottom:1px solid var(--hellgrau); cursor:pointer; list-style-type:none; padding-left:25px;}
#toggle-view .panel li:last-of-type {border-bottom:none;}
#toggle-view span {position:absolute; top:-0.1em; left:-0.7em; color:var(--hellgrau); font-size:2.0rem; font-weight:bold;}
#toggle-view .panel {margin:0; display:block; /* Default geschlossen -> display:none;*/}
#toggle-view time {display:none; padding-left:20px; font-size:0.7em; color:var(--hellgrau);}
.content.public-sitemap ul li:before {content:"";}
.content.public-sitemap ul li {display:block; margin:0;}

/* ##### Image classes ##### */
img, .wp-caption {max-width:100%; height:auto; /*Fluid Images */}
.alignleft {float:left; margin:10px 20px 10px 0;}
.alignright {float:right; margin:10px 0 10px 20px;}
.aligncenter {display:block; margin:20px auto 20px;}
.wp-caption {background:var(--hellstgrau); padding:5px;}
.wp-caption img {margin:0;}
.wp-caption .wp-caption-text {display:block; clear:both; margin:0; padding:6px 5px 4px; text-align:center; font-size:0.8rem;}
figure.wp-caption {background:var(--hellstgrau); padding:5px;}
figure.wp-caption img {margin:0;}
figcaption {display:block; clear:both; padding:6px 5px 4px; text-align:center; font-size:0.8rem;}
article img {border:1px solid var(--hellstgrau); border-radius:5px;}
article img.wp-post-image {width:100%;}
article img.standardpostthumb {border:none; margin:50px auto 50px; max-width:100%;}
.galerie div.gallery {background-color:var(--hellstgrau); border:1px solid var(--hellgrau); padding:2vw;}
.gallery {margin:40px auto !important;}
.gallery img {border:none !important;}
.gallery li {list-style:none;}
.gallery .gallery-caption {color:var(--hellgrau);}
.gallery .gallery-caption:before {display:block; font-family:'fontello'; content:"\e823"; font-size:100%; text-align:center; vertical-align:middle; font-weight:normal; line-height:1em; width:100%; padding:0; -webkit-border-radius:100%; border-radius:100%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; color:var(--hellgrau);}


/* ##### Various classes and id´s ##### */
.none {display:none !important;}
.hidden {visibility:hidden !important;}
.postcredits {height:0;}
.search-highlight {background:var(--blau); color:var(--weiss); padding:2px 6px;}
/* .overlay {position:absolute; top:0; right:0; bottom:0; left:0; content:''; background-color:rgba(0,0,0,0.5);} Overlay für Images z.B. */
#back-to-top {position:relative; height:5em; margin:20px 0; padding:0; text-align:center; display:none;}
#back-to-top a {height:100%;}
#back-to-top i {font-size:4.0em;}
#back-to-top i.icon-angle-circled-up {z-index:2; color:var(--dunkelgrau);}
#back-to-top i.icon-circle {z-index:1; color:var(--weiss);}
#back-to-top i:before {margin:0;}
#back-to-top i:hover {color:var(--dunkelgrau);}
sub, sup {font-size:0.8em;}
svg {will-change: transform; transform: translateZ(0); /* Aktiviert GPU-Beschleunigung */}
em {line-height:1.5em;}
hr {width:50%; margin:30px auto; margin-left:auto; margin-right:auto; height:1px; background-color:var(--hellgrau); color:var(--hellgrau); border:0 none;}
#dp_footer {display:none;}
#dp {margin:100px 0 30px; padding:0;}
#dp h5 {font-size:1.0em; font-weight:400; line-height:1.5em; margin:15px 0 5px; background:none;}
#dp-logo {display:block; background:url('https://www.pannasch.net/images/pannasch-logo.svg') no-repeat left center; width:100%; height:75px;}
#dp a {color:var(--mittelgrau); font-size:0.8em; text-decoration:none; border:none;}
#not-found p {text-align:center;}
.no-entries .icn {margin:0 0 0 10px;}
/* Fluid YouTube Videos - ALT */
iframe {width:100%; margin:0 0 20px 0;}
/* Fluid YouTube Videos - NEU */
.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; margin:0 auto;}
.video-container iframe, .video-container object, .video-container embed, .video-container video {position:absolute; top:0; left:0; right:0; width:100%; height:100%;}
.marked {display:inline-block; background-color:var(--blau); color:var(--weiss); padding:2px 8px; font-weight:normal;}
.marked {display:inline-block; background-color:var(--dunkelgrau); color:var(--weiss); padding:2px 8px; font-weight:normal;}
/* Text Marker */
::-moz-selection {background-color:var(--maincolor); color:var(--weiss);}
::selection {background-color:var(--maincolor); color:var(--weiss);}

/* ##### Placeholder ##### */
::-webkit-input-placeholder {font-size:18px;}
::-moz-placeholder {font-size:18px;}
:-ms-input-placeholder {font-size:18px;} 
::-ms-input-placeholder {font-size:18px;} 
::placeholder {font-size:18px;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:-moz-placeholder {color:transparent;}
input:focus::-webkit-input-placeholder {opacity:0;}
input:focus::-moz-placeholder {opacity:0;}
input:-moz-placeholder {opacity:0;}

/* ##### Animation ##### */
.trans {transition:0.5s ease-in-out;}
/* No-JS SlideUp */
@keyframes slideup {0% {top:0px;} 75%  {top:0px;} 100% {top:-200px;}}
@-moz-keyframes slideup {0% {top:0px;} 75%  {top:0px;} 100% {top:-200px;}}
@-webkit-keyframes slideup {0% {top:0px;} 75%  {top:0px;} 100% {top:-200px;}}
@-o-keyframes slideup {0% {top:0px;} 75%  {top:0px;} 100% {top:-200px;}}

/* ##### FadeIn ##### */
.fadein {opacity:0; opacity:1 \9; /*just in case ie*/ -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/* ##### Animation Delays ##### */
.delay0.5 {-webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; animation-delay:0.5s;}
.zoomIn {animation-duration:3s;  animation-delay:2s;}

/* ##### Style-Resets ##### */

/* iOS Style-Reset */
textarea,
input.text,
input[type="search"], 
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {-webkit-appearance:none; border-radius:0;}

/* Resettet Standard-Styles f. select */
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; color:#; border-radius:0; width:100%;} 

/* Eigene Styles */
select {background-image:url('../images/select-icon.svg'); background-position:center right 10px; background-size:20px; background-repeat:no-repeat;}
select:hover {box-shadow:none;}

/* Button <button></button> */
button {border:none; margin:0; padding:0; width:auto; overflow:visible; text-align:inherit; background:transparent; color:inherit; font:inherit; line-height:normal; -webkit-font-smoothing:inherit; -moz-osx-font-smoothing:inherit; -webkit-appearance:none;}
button::-moz-focus-inner {border:0; padding:0;}
button:focus, :focus {outline:0;} /* Verhindert den fiesen Rand bei :focus */
button {cursor:pointer;}



/* ################################################################################ */
/*  --------------------------------------------------------------------- His  Responsiveness --------------------------------------------------------------- */
/* ############################################################################### */



body {text-size-adjust:120%;}
a[href^="tel"] {color:inherit; text-decoration:none;}
/*input {-webkit-appearance:none;}*/


@media screen and (min-width:1801px) {
html, body {font-size:110%;}
}/* Ende @media screen */


@media screen and (max-width:880px) {
html, body {font-size:105%;}
h1 {font-size:1.4em;}
#logo img {max-width:100px;}
body.scroll #logo img {max-width:100px;}
p {line-height:1.5;}
.claim h1 {font-size:calc(1em + 1.5vmin);}
#menuinfo span {font-size:0.9em;}
.teaser .two-col p, .about .two-col p {-moz-column-count:1; -webkit-column-count:1; column-count:1;}
#back-to-top {display:block;}
.flex-parent {flex-wrap:wrap;}
#menutext {display:none;}
#tagcloud a {line-height:1.6;}
.single-post .tags.all-align {justify-content:left;}
.blog .grid-child.first, .blog .grid-child.last {grid-column-end:1;}
.qc .flex-child .icn.email {padding-left:0;}
#postjump a {width:100%; margin:20px 0;}
}/* Ende @media screen */


@media screen and (max-width:500px) {
#postjump img {max-width:100px;}
}/* Ende @media screen */


@media screen and (max-width:350px) {
i.bazinga {font-size:20.0vmin; bottom:80px;}
.alpha {font-size:1.6em;}
#gmap a.large-view {position:relative;}
}/* Ende @media screen */



/* ### Grid-Layout - General ### */
@media screen and (min-width:881px) {
.grid-parent {grid-template-columns:repeat(2, 1fr);}
}/* Ende @media screen */


@media screen and (min-width:320px) and (max-width:880px) {
.grid-parent {grid-template-columns:1fr;}
}/* Ende @media screen */







/* Abstand */