/*#######################################################################################
##################### CSS by FFR and SW and GreenLemon ##################################
#######################################################################################*/

/* ### Farbdefinition ### */
:root {
  --bgRoot:#eee;
  --bgSect:#f8f8f8;
  --b1dark:#006b07;
  --b2dark:#00a40b;
  --b3dark:#5ed266;
  --bActiv:#9d2a27;
  --coRoot:#333;
  --dgray1:#666;
  --dgray2:#999;
  --dgray3:#ccc;
  --dgray4:#ddd;
  --dgray5:#eee;
}
/* CSS Code wenn Dark Mode aktiv */
@media (prefers-color-scheme: dark) {
:root {
  --bgRoot:#444;
  --bgSect:#333;
  --b1dark:#ddd;
  --b2dark:#eee;
  --b3dark:#5ed266;
  --bActiv:#00ff00;
  --coRoot:#fff;
  --daMode:#006b07;
}}

/*Begin Pages Outline*/
::-moz-selection   {background-color:var(--b1dark); color:var(--bgRoot); text-shadow:none;}
::selection        {background-color:var(--b1dark); color:var(--bgRoot); text-shadow:none;}
*,*:after,*:before {box-sizing:border-box; margin:0; padding:0;}
html, body         {position:relative; height:99.5%; scroll-behavior:smooth;}
body               {display:table; table-layout:fixed; width:calc(100% - 1.2em); max-width:1024px; margin:0 auto; background-color:var(--bgRoot); color:var(--coRoot); font-family:Calibri,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; hyphens:auto;}

footer .vcard, .noScreen {position:absolute; top:auto; left:-99999px; width:1px; height:1px; overflow:hidden;}
footer + .noScreen:focus {left:auto; right:0.5em; bottom:54px; z-index:2; width:auto; height:auto; padding:0.2em 1em; overflow:visible; border:1px solid var(--dgray3); border-radius:0.5em; background-color:#fefefe; text-decoration:none;}

header             {display:table-row; font-family:"Lucida Console",Monaco,monospace;}
header > div       {position:relative; min-height:94px; padding:0 0.5em; color:var(--b1dark);}
#nav-menue         {display:table-row;}
#nav-menue > div   {position:relative; padding:0 0.5em; text-align:right;}
main               {display:table-row; height:100%;}
main > div         {display:inline-block; width:100%; height:100%; padding:0 0 1em; background-color:var(--bgRoot); font-size:1.1em;}
main > div aside   {font-size:1.0em;}
#nav-footer        {display:table-row; pointer-events:none;}
#nav-footer > nav  {position:relative; width:78%; margin:0 0.5em; border-bottom:5px solid var(--b1dark); background:var(--dgray5) linear-gradient(358deg, #fff 5%, var(--bgRoot) 60%); pointer-events:auto;}
footer             {display:table-row; position:relative;}

@media only screen and (min-width:920px) {
main > div         {font-size:1.2em;}
main > div aside   {font-size:1.0em;}
}
/*End Pages Outline*/

/*Begin fixed header & footer*/
@media only screen and (min-width:620px) {
header            {position:fixed; z-index:2; top:0; width:calc(100% - 1.2em); max-width:1024px; margin:0 auto;}
#nav-menue        {position:relative; z-index:4;}
#nav-menue > div  {margin:9.8em 0 0; z-index:4;}
main, main > div  {position:relative; z-index:3;}
#nav-footer       {position:relative; z-index:2;}
}
@media only screen and (min-width:620px) and (min-height:320px) {
#nav-footer > nav {position:relative; z-index:2; margin:0 0.5em 2em;}
footer            {position:fixed; z-index:1; bottom:0; width:calc(100% - 1.1em); max-width:1024px; margin:0 auto;}
}
@media only screen and (min-width:1024px) {
#nav-menue > div  {margin:10em 0 0;}
}
/*End fixed header & footer*/

/*Begin general Grids*/
article,section,aside     {float:left; width:100%; padding:0 0.5em; transition:all 2s;}
aside                     {float:right;}
article section, section article, section section, article article, aside section,
aside article             {position:relative; margin:1.5em 0 0; padding:0 1em 1em; border:1px solid var(--dgray5); border-radius:0.3em; background:var(--bgSect); box-shadow:10px 10px 15px -10px var(--coRoot);}
#liSm00 ~ section section {margin:1em 0 0; padding:0; border:0; box-shadow:none;}
.noPa                     {padding:0; overflow:hidden;}
.fleGriC2 section article {margin:2em 0 2em;}
details, .g12-fff         {clear:both;}
@media screen and (min-width:600px)  {
aside                     {display:flex; flex-wrap:wrap; width:calc(100% + 1em); margin:0 -0.5em;}
aside .g12-fff            {clear:none; width:calc(50% - 1em); margin:2em 0.5em 0;}
aside > blockquote        {margin:1.5em 0.5em 0;}
}
@media screen and (min-width:768px)  {
.g12-f88                  {width:66.6666%;}
.g12-f66, .g12-f6f        {width:50%;}
.g12-f44                  {width:33.3333%;}
aside                     {margin:0;}
aside .g12-fff,
aside > blockquote        {width:100%; margin:1.5em 0 0;}
.fleGriC2,.fleGriC3       {display:flex; flex-wrap:wrap; padding:0;}
.fleGriC2 .g12-fff        {width:calc(100% - 1em); margin:1.5em 0.5em 0;}
.fleGriC2 .g12-f88        {width:calc(66.6666% - 1em); margin:1.5em 0.5em 0;}
.fleGriC2 .g12-f68, .fleGriC2 .g12-f66, .fleGriC2 .g12-f64,
.fleGriC3 .g12-f64        {width:calc(50% - 1em); margin:1.5em 0.5em 0;}
.fleGriC2 .g12-f44        {width:calc(33.3333% - 1em); margin:1.5em 0.5em 0;}
.fleGriC2 .g12-f44 .g66   {width:100%; margin:0;}
}
@media screen and (min-width:1024px) {
.g12-f6f                  {width:100%;}
.g12-f68                  {width:66.6666%;}
.g12-f64                  {width:33.3333%;}
.fleGriC2 .g12-f68        {width:calc(66.6666% - 1em);}
.fleGriC2 .g12-f64,
.fleGriC3 .g12-f64        {width:calc(33.3333% - 1em); margin:1em 0.5em 0;}
}
/*END general Grids*/

/*Begin header*/
#header       {display:inline-block; width:78%; margin:0 0 1.5em; border-bottom:5px solid var(--b1dark); border-radius:0 0 0 50px; position:relative;}
#header:after {position:absolute; right:0; content:""; height:1.2em; border-right:5px solid var(--b1dark);}
#header + div {float:right; width:22%; padding:1em 0.5em 0; text-align:right;}
header h1     {transform:translateZ(0); min-height:120px; padding:1.5em 1.5em 0.5em; font-size:1em; hyphens:none;}

@media (prefers-reduced-motion:no-preference) {
header h1          {animation:tShadow 10s ease 0s 3 alternate forwards running;}
@keyframes tShadow {
    0% {text-shadow:0 -1px 1px var(--dgray1);}
   20% {text-shadow:9px 9px 6px var(--dgray2);}
   40% {text-shadow:5px 10px 6px var(--dgray5);}
   55% {text-shadow:-10px 10px 4px var(--dgray2);}
   70% {text-shadow:-5px 9px 3px var(--dgray5);}
  100% {text-shadow:3px 3px 3px var(--dgray2);}
  }
}

header h1 u               {display:inline-block; padding:0 0 0.5em; font-size:1.5em; text-decoration:none;}
header h1 small           {display:block; font-size:1.2em; text-align:right;}
header a                  {display:inline-block; max-width:100%;}
header a img              {display:block; width:100%; max-width:126px;}
header a img[src*=".svg"] {height:100px;}
header a:hover img        {will-change:transform; animation:scale01 4s ease-in-out 2s infinite;}

@media (prefers-reduced-motion:no-preference) {
header a img              {animation:rotate01 13s ease-in-out 6s 3 running;}
@keyframes rotate01       {
  from {transform:rotateY(0deg)}
    to {transform:rotateY(360deg)}
    }
@keyframes rotate02       {
    0% {transform:rotate3d(1, 1, 0, 0deg);}
   50% {transform:rotate3d(1, 1, 0, -180deg);}
  100% {transform:rotate3d(1, 1, 0, -360deg);}
  }
@keyframes scale01        {
    0% {transform:scale(1.0,1.0)}
   50% {transform:scale(1.2,1.2)}
  100% {transform:scale(1.0,1.0)}
  }
}

@media only screen and (min-width:820px) {
header h1 u               {line-height:1.4em; font-size:1.7em;}
}
@media only screen and (min-width:920px) {
#header + div             {padding:1em 1em 0;}
header a img[src*=".svg"] {height:120px;}
header h1                 {padding:1.5em 0;}
header h1 u               {line-height:1.6em; padding:0 0.5em; font-size:2.0em;}
header h1 small           {padding:0 0.5em;}
}
/*END header*/

/*Begin nav im menue 1*/
#nav-menue:target #menue          {max-height:9999px; overflow:visible; transition:all 6s;}
#nav-menue:target .button-open    {position:absolute; top:-300px; right:1em; transition:all 1s;}
#nav-menue .button-close          {display:none; position:absolute; top:-300px;}
#nav-menue:target .button-close   {display:inline-block;}

#menue                            {max-height:0; overflow:hidden; transition:all 1s; hyphens:none;}
#menue nav                        {clear:both; margin:0.5em 0 3px; box-shadow:2px 2px 3px var(--b1dark);}
#menue li                         {width:100%; list-style:none; text-align:left;}
#menue li a                       {display:block; height:100%; width:100%; padding:0.3em 0.5em; border:1px solid var(--dgray5); border-bottom:1px solid #fff; border-right:1px solid #fff; background:var(--b1dark) linear-gradient(165deg, var(--b1dark) 20%, var(--b3dark) 70%); color:#fff; font-size:1.1em; text-decoration:none;}
#menue li a:hover                 {background:var(--b1dark) linear-gradient(45deg, var(--b1dark) 50%, var(--b3dark) 80%);}

#nav-menue .menue-button          {display:inline-block; padding:0.7em 3em 0.5em 1em; border:1px solid var(--dgray5); border-radius:0.5em; background-color:#fefefe; cursor:pointer; text-decoration:none; font-size:1.1em; font-weight:bold; position:relative; top:0; transition:all 2s;}
#nav-menue .menue-button:hover    {background:var(--dgray5) linear-gradient(33deg, var(--dgray5) 33%, #fff 75%);}
.menue-button:before              {content:""; position:absolute; top:10px; right:2em; border-right:5px solid transparent; border-left:5px solid transparent; border-top:5px solid var(--b1dark);}
.menue-button.button-close:before {border-top:0; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:5px solid var(--b1dark);}
.menue-button:after,
.menue-button i:before,
.menue-button i:after             {position:absolute; right:0.7em; content:""; width:1.5em; height:4px; background-color:var(--b1dark); border-radius:3px; transition:all 0.6s;}
.menue-button:after               {top:18px;}
.menue-button i:before            {top:24px;}
.menue-button i:after             {top:30px;}

.menue-button:hover:before                {border-top:5px solid var(--bActiv);}
.menue-button:hover:after,
.menue-button:hover i:before,
.menue-button:hover i:after               {background-color:var(--bActiv);}
.menue-button.button-close:hover:before   {border-top:0; border-bottom:5px solid var(--bActiv);}
.menue-button.button-close:hover:after    {transform:rotate(45deg) translate(7px, 3px);}
.menue-button.button-close:hover i:before {opacity:0;}
.menue-button.button-close:hover i:after  {transform:rotate(-45deg) translate(6px, -1px);}

@media only screen and (min-width:620px) {
#nav-menue               {pointer-events:none; position:sticky; top:-10.5em;}
#nav-menue div           {position:sticky; top:-0.5em;}
#menue                   {width:100%; max-height:100px; overflow:visible; pointer-events:auto;}
#menue ul                {display:table; width:100%; table-layout:fixed;}
#menue li                {display:table-cell; width:max-content; border:0; perspective:275px;}
#menue a                 {text-align:center;}
#nav-menue:target .button-close,
#nav-menue .menue-button {display:none;}
}
/*End nav im menue 1*/

/*Begin nav im menue 2*/
/*End nav im menue 2*/

/*Begin footer*/
#nav-footer > nav:before {position:absolute; bottom:0; left:0; content:""; height:1.6em; border-left:5px solid var(--b1dark);}
#nav-footer ul           {display:inline-block; width:100%; margin:0.6em 0 -0.5em; padding:0.1em 0.5em 1em; border-right:5px solid var(--b1dark); list-style:none;}
#nav-footer li           {float:left; padding:0.3em 0.5em;}
#nav-footer a            {display:inline-block; padding:0.2em 1em; border:1px solid var(--dgray3); border-radius:0.5em; background-color:#fefefe; font-size:0.9em; text-decoration:none;}
#nav-footer a:hover      {background:var(--dgray5) linear-gradient(33deg, var(--dgray5) 33%, #fff 75%);}

footer .copy {position:relative; width:calc(78% + 1em - 4px); padding:0.5em 2px 0.5em 1em; font-size:0.87em; text-align:right;}
a.topL       {position:absolute; bottom:2em; right:0.5em; width:1em; height:1em; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:9px solid; text-decoration:none; z-index:2;}

@media only screen and (min-width:420px) {
#nav-footer a            {font-size:1em;}
}
/*END footer*/

/*Begin main*/
a       {color:var(--b1dark);}
a:hover {color:var(--bActiv);}

main h1       {width:100%; margin:1.1em 0 0; color:var(--b2dark); font-size:1.2em; text-align:center; padding:0.5em; border:1px solid var(--dgray5); border-radius:0.3em; background:var(--bgSect); box-shadow:10px 10px 15px -10px var(--coRoot);}
main h1       {animation:txt-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
              @keyframes txt-expand { from {letter-spacing:-0.5em; filter:blur(12px); opacity:0;} to {filter:blur(0); opacity:1;} }
main h2       {margin:1em 0 0; padding:0.4em 1em 0.1em 0; border-top-right-radius:0.5em; background:var(--bgSect) linear-gradient(190deg, #fff 25%, var(--bgSect) 75%); box-shadow:2px -2px 1px 0 #aaa; color:var(--b1dark); font-size:1.1em;}
main aside h2 {font-size:1.1em; position:relative;}
main h3       {width:100%; display:inline-block; margin:1em 0 0; font-size:1.1em;}
/*main .g12-f44 h3 {width:inherit; width:100%;} warum h3 geaendert?*/
main h4       {margin:1em 0 0;}
main h5       {margin:1em 0 0; padding:0.5em; box-shadow:0 20px 25px 0 var(--dgray5) inset; text-align:center;}

main p        {margin:0.5em 0 0; padding:0.3em 0;}
main p:after  {content:""; clear:both; display:block;}
main p span   {}
main p i      {}

.iframe                  {margin:1em 0 0;}
.iframe iframe           {max-width:100%;}

blockquote               {display:inline-block; width:100%; margin:1.5em 0 0; padding:0 1em 0.5em; background:var(--dgray5) linear-gradient(220deg, #f1f1f1 20%, #fff 75%); color:var(--b1dark); border:1px solid var(--dgray3); border-radius:0.5em; box-shadow:2px 2px 1px 0 var(--dgray1);}
article article blockquote,
aside article blockquote {margin:1em 0 0;}
blockquote p             {font-weight:bold;}
blockquote cite          {font-size:0.7em;}
span[itemprop="creator"] {font-size:0.8em; color:var(--dgray1);}

main .vcard              {margin:1em 0 0;}
main .vcard address      {margin:0.5em 0 0;}
main .vcard p            {display:table;}
main .vcard p.url        {margin:0; padding:0;}
main .vcard p span       {color:var(--b1dark);}
main .vcard p .tel a     {text-decoration:none;}
main .vcard span.pLe33   {width:33%; margin:0;}
main .email i b          {position:absolute; left:-100000px; top:auto; width:1px; height:1px; overflow:hidden;}
main .email i:before     {content:"@"; font-style:normal;}
main .email i+i:before   {content:".de"; font-style:normal;}

@media only screen and (min-width:360px) {
main .vcard span.pLe33   {float:left;}
}
@media only screen and (min-width:768px) {
main h1                  {font-size:1.4em;}
.fleGriC2 h1             {margin:1.5em 0.3569em 0;}
main h2                  {font-size:1.2em;}

.pLe33,.pLe50 {float:left; margin:1.1em 1em 0.5em 0 !important;}
.pRi33,.pRi50 {float:right; margin:1.1em 0 0.5em 1em !important; clear:right;}
.pLe50+.pRi50 {margin:1.1em 0 0.5em !important;}
.pLe33,.pRi33 {width:calc(33% - 0.5em) !important;}
.pLe50,.pRi50 {width:calc(50% - 0.5em) !important;}
}
/*End main*/

/*Begin picture-Element*/
main img              {width:100%;}
picture               {display:inherit; margin:1em 0 0; position:relative; overflow:hidden;}
picture img           {display:inherit; transition:all 5s ease 0s; transform:scaleX(1) rotate(.001deg);}
picture:hover img     {transform:scale3d(1.15,1.15,1.15) rotate(.001deg);}
picture + i           {display:block; margin:0.3em 0 0; padding:0 1em 0.4em; border-bottom-right-radius:5px; color:var(--b1dark); box-shadow:-2px -1px 1px 0 var(--b1dark) inset; text-align:right; font-size:0.7em;}
picture + a[data-pic] {display:none;}

figure                {margin:1em 0 0; clear:both; position:relative; z-index:auto;}
figure:before,
figure:after          {content:""; position:absolute; z-index:-1; bottom:15px; left:9px; top:80%; width:50%; max-width:200px; box-shadow:0 15px 10px var(--b2dark); transform:rotate(-3deg);}
figure:after          {right:9px; left:auto; transform:rotate(3deg);}

.noPa figure          {margin:0;}
figure picture        {margin:0;}
figcaption            {position:absolute; bottom:0.3em; right:0.3em; padding:0 0.2em; background-color:#fff; font-size:0.5em; opacity:0.9;}

@media screen and (min-width:768px) {
picture + a[data-pic]                {display:inherit; position:absolute; top:0; left:0; width:100%; cursor:zoom-in; opacity:0; transition:all 1s ease-out;}
picture + a:active[data-pic]         {position:fixed; border:1px solid var(--dgray2); border-radius:0.3em; box-shadow:5px 5px 8px 0 var(--b1dark); cursor:zoom-out; opacity:1; z-index:12;}
picture + a:active[data-pic*="1x1"]  {width:60%; left:20%; top:50%; margin:-30% 0 0;}
picture + a:active[data-pic*="3x4"]  {width:30%; left:35%; top:4em;}
picture + a:active[data-pic*="4x3"]  {width:60%; left:20%; top:50%; margin:-21% 0 0;}
picture + a:active[data-pic*="16x9"] {width:76%; left:12%; top:50%; margin:-21% 0 0;}
picture + a[data-pic] img            {display:block; max-width:100%; height:auto; transition:all 0s ease 0s; transform:scaleX(1) rotate(.001deg);}
}
/*End picture-Element*/

/*Begin Teaser Panorama Pic*/
/*End Teaser Panorama Pic*/

/*Begin Teaser Slider Pic*/
/*~5 Picture Cycle Slide (Direction) Top to Bottom~*/
/*~4 Picture Cycle Slide (Direction) Right to Left~*/
/*~5 Picture Cycle Slide (Direction) Right to Left~*/
/*~4 Picture Cycle Swap~*/
/*~5 Picture Cycle Swap~*/
/*~Picture Progress Bar~*/
/*End Teaser Slider Pic*/

/*Begin Teaser Text-of-Pic*/
main .tTeOfPi        {position:relative; margin:1em 0 0; overflow:hidden;}
main h2 + .tTeOfPi   {margin:0.5em 0 0;}
.tTeOfPi picture     {margin:0;}
.tTeOfPi picture + i {position:absolute; top:0; right:0.3em; padding:0 0.2em; border-radius:0; background-color:#fff; font-size:0.5em; opacity:0.5;}
.tTeOfPi .pTxt       {position:absolute; bottom:0; left:0; width:100%; max-height:39px; margin:0.5em 0 0; padding:0.5em; background-color:#fff; opacity:0.8; font-size:0.6em; overflow:auto; transition:all 8s ease 0s; z-index:3;}
.tTeOfPi:hover .pTxt {max-height:100% !important;}
/*End Teaser Text-of-Pic*/

/*Begin Teaser Highlighted-Box*/
/*End Teaser Highlighted-Box*/

/*Begin main with List*/
main ul         {margin:0.5em 0 0; padding:0 0 0 1.2em; list-style:square outside;}
main ul.noStyle {list-style:none; padding:0;}
main ol         {margin:0.5em 0 0; padding:0 0 0 1.6em;}
main li         {padding:0.25em 0;}
/*~ListPfeile~*/
/*~ListBubble~*/
/*~ListInfoBox~*/
/*~ListKursiv~*/
/*End main with List*/

/*Begin main with table*/
/*~reponsive Tabelle~*/
/*~th Left-Site-Table in mobile~*/
/*End main with table*/

/*Begin main with form*/
/*~Passwort visibility~*/
/*End main with form*/

/*Begin moAccordion*/
/*End moAccordion*/

/*Begin csToolTip*/
.g12-fff .toolT      {float:right; position:relative; bottom:-0.6em; right:0; font-size:0.8em; z-index:auto;}
.toolT:before        {content:""; position:absolute; right:30%; bottom:90%; width:0; height:0; border-top:20px solid var(--b1dark); border-left:20px solid transparent; border-right:20px solid transparent; opacity:0;}
.toolT:after         {content:attr(data-tooltip); position:absolute; bottom:130%; right:20%; padding:0.2em 1em; border-radius:9px; background-color:var(--b1dark); color:#fff; white-space:nowrap; font-size:0.1em; opacity:0; transition:all 0.8s ease;}

.toolT:hover:before,.toolT:focus:before,
.toolT:active:before {bottom:20%; transition:all 0.8s ease; transform:rotate(-10deg); opacity:1;}
.toolT:hover:after,.toolT:focus:after,
.toolT:active:after  {bottom:100%; font-size:1em; transition:all 0.4s ease; opacity:1;}
/*End csToolTip*/

/*Begin csMoWerbung - z.B. in tTeOfPi, */
/*End csMoWerbung*/

/*Begin csSpider*/
/*End csSpider*/

/*Begin External snippets*/
/*~csMoCookie-Script~*/
.cc_dialog.simple         {max-width:30em !important; border:1px solid var(--b1dark);}
.cc_dialog                {padding:1em !important; background-color:#ccc !important;}
.cc_dialog button.cc_b_ok {float:right;}
.cc_container .cc_btn     {background:var(--b1dark) linear-gradient(165deg, var(--b1dark) 20%, var(--b3dark) 70%); color:#fff !important;}
.cc_container             {background-color:#f0f0f0 !important;} /*gesamten Bereichs */
.cc_container a           {color:var(--b1dark) !important;}      /*Textlink-Farbe: Mehr Infos*/
/*~moWeather-01~*/
.moWeather-01 {margin:1em 0 0; border-radius:0.3em;}
/*~moBillig-Tanken~*/
/*~moDVB~*/
/*~moDevisen-01~*/
/*~moDevisen-02~*/
/*~moYouTu~*/
/*~moFbl~*/
/*END External snippets*/

/* SF this Portal */
/*~cs service from Podologie-W~*/
#menue li            {width:auto;}
.sfKaWe p            {border-bottom:1px dashed var(--dgray3);}
.sfKaWe p u          {display:block; margin:0.5em auto -0.6em; padding:0 10%; border-bottom:15px solid var(--bgSect); color:var(--b1dark); text-align:center; text-shadow:0 -1px 1px var(--dgray3); text-decoration:none; hyphens:none;}
.sfKaWe p span.pDesc {display:inline-block; width:100%;}
.sfKaWe span span    {display:block; margin:6px 0 3px;}
.sfKaWe p span.price {float:right; padding:0.2em 0.5em; background-color:var(--dgray5); color:var(--dgray1); font-size:0.8em; font-weight:bold;}
.sfKaWe p i          {display:block; margin:0.5em 0 -0.6em; border-bottom:15px solid var(--bgSect); text-align:center;}
@media (min-width:720px)  { .sfKaWe p span.pDesc {width:73%;} }
@media (min-width:1024px) { .sfKaWe p span.pDesc {width:81%;} }
/*~cs moPhone from Podologie-W~*/
.moPhone          {margin:2em 0 -1em !important; padding:0 10% 1em; border:0; background-color:transparent; box-shadow:none;}
aside .moPhone    {padding:0 1em 1em;}
.moPhone h3       {display:block; padding:1.0em 0.5em 0; box-shadow:0 -25px 25px 0 var(--dgray4) inset; border-top-left-radius:8em 3em; border-top-right-radius:8em 3em; text-align:center;}
.moPhone p        {margin:0; padding:0 0.5em 1.5em; box-shadow:0 25px 25px 0 var(--dgray4) inset; border-bottom-right-radius:8em 3em; border-bottom-left-radius:8em 3em; border-bottom:1px dashed #fff; text-align:center;}
.moPhone p strong {width:auto !important; display:inline; padding:0; border-bottom:0;}
.moPhone p a      {text-decoration:none;}
.moPhone i        {display:none;}
/*~cs Code Pattern~*/
/*~cs Help-Details~*/
/*~cs service from SW-Now~*/
/*~cs moDic Dictionary from SW-Now~*/
/* END SF this Portal */

/* Begin Print */
@media only print {
section,table,figure,
h1, h2, h3, h4, h5 {page-break-inside:avoid;}
*,*:after,*:before {box-sizing:inherit;}
html, body         {height:auto; background:transparent;}
body               {display:block; width:99%; hyphens:none;}
#nav-menue,
.noPrint           {display:none !important;}
header,main,footer {display:block; width:100%; height:auto; position:relative;}
main > div         {display:block; height:auto; background:transparent;}
main article, main section,
aside              {float:none; clear:none; width:100% !important; margin:0.5em 0 0 !important; padding:0 !important; border:0; box-shadow:none !important; background:transparent !important;}
aside section, aside article,
section section    {display:inline-block;}
a                  {color:var(--coRoot); text-decoration:none;}
/*a:after          {content:"( " attr(href) ")";}*/
#header + div      {position:absolute; top:0; right:0; width:6em;}
header h1          {min-height:auto; padding:3px 1.5em 0.5em 0; font-size:1em; color:var(--b1dark); animation:none;}
header h1 u        {font-size:1.4em;}
header h1 small    {display:block; padding:0.1em 0 1em; font-size:1.4em;}
main > div         {padding:0; border:0; box-shadow:none; font-size:1.0em;}
main h1            {margin:1em 0 0.2em; padding:0 0 0.5em; border:0; background:transparent; box-shadow:none; text-align:left; font-size:1.4em;}
main h2            {margin:1em 0 0.2em; padding:0.4em 0 0.2em 2em; box-shadow:12px -12px 100px 0 var(--dgray5) inset; position:relative;}
main h2:before     {position:absolute; left:1em; top:-0.5em; width:8px; height:2.5em; content:""; box-shadow:12px -12px 100px 0 var(--b3dark) inset;}
main p             {width:100%; padding:0 !important;}
main blockquote    {clear:both; display:block; width:calc(100% - 2em); margin:1em auto 0;}
main ol.liSm       {background:#fff; box-shadow:0 0 1px 1px var(--b2dark);}
main ul.inBo       {width:calc(100% - 1.5em); padding:0.5em 1.5em 0.5em 0 !important;}
main ul.inBo li    {float:left; width:calc(50% - 3em) !important; margin-left:1.5em; padding:0 0 0 1.5em !important; clear:none;}
main ul.liKu li    {float:left; margin:0 1em 0 0;}
.pLe50,.pRi50      {float:left; width:30% !important; margin:0.6em 1em 0.5em 0;}
iframe.gMap        {width:100%; height:350px;}
footer             {position:static; width:100%;}
footer .copy       {width:100%; margin:2em 0 0; padding:1em 0 0; border-top:3px solid var(--b1dark); text-align:right;}
/* SF this Portal*/
/*~cs print Podologie-W~*/
.print50             {float:left; width:45%;}
.print50 + .print50  {margin:0 0 0 10%;}
main .print50 p      {clear:both; border-bottom:0;}
main .sfKaWe         {font-size:0.9em;}
.sfKaWe p            {border-bottom:0;}
.sfKaWe p i,
.sfKaWe p u          {clear:both; margin:0.5em auto -0.1em; padding:0.5em 0 0; border-bottom:5px solid transparent;}
.sfKaWe span.pDesc   {width:82% !important; padding:0 0 2px !important; border-bottom:1px dashed var(--dgray2);}
.sfKaWe span.price   {margin:2px 0 0;}
.moPhone             {margin:0 0 1em 0 !important;}
.moPhone h3          {width:100%; padding:1.0em 0 0; box-shadow:0 -25px 25px 0 var(--dgray5) inset;}
.moPhone p           {padding:0 0 1.5em !important; box-shadow:0 25px 25px 0 var(--dgray5) inset;}
footer .vcard        {position:relative; top:0; left:0; width:auto; height:auto; margin:2em 0 -1em; padding:1em 4em 0; border-top:5px solid var(--b1dark); font-size:0.8em; page-break-inside:avoid;}
footer .vcard:before {position:absolute; left:1em; top:1em; width:8px; height:20em; content:""; box-shadow:12px -12px 100px 0 var(--b3dark) inset;}
footer .vcard h2     {width:calc(100% + 3em); margin:0.5em 0 0.4em -3em; padding:0.4em 0 0.4em 3em; box-shadow:12px -12px 100px 0 #eee inset;}
main .vcard span.pLe33,
footer .vcard .pLe33 {float:right; width:20%; margin:0 0 -3em;}
footer .vcard img    {width:100%;}
/* END SF this Portal*/
}
/* End Print */

/* CSS by Dark Mode activ */
@media (prefers-color-scheme: dark) {
header a                 {background:var(--dgray3);}
#menue li a,
blockquote               {background:var(--daMode) !important;}
thead th, tbody th       {background-color:var(--dgray1);}
.toolT::after            {color:var(--dgray1);}
span[itemprop="creator"],
picture + i,
footer .copy             {color:var(--dgray5);}
a                        {color:var(--b3dark);}
#nav-footer a:hover      {color:var(--daMode);}
#nav-menue .menue-button,
.liSm,
.accInp > label,
.moAcc ul.panel li a,
#nav-footer>nav                {background:transparent;}
#nav-menue .menue-button:hover {background:var(--bgRoot);}
#nav-footer a,
figcaption span,
ul.inBo,
.tTeOfPi picture + i,
.tTeOfPi .pTxt                 {background-color:var(--bgRoot);}
figcaption                     {background-color:#444;}
main h2                        {border:0; background:transparent;}
.moDevisen,
.moWeather                     {margin:0 -1em -1em; padding:1em; background:var(--dgray2);}
.moPhone p                     {box-shadow:0 25px 25px 0 var(--daMode) inset; border-bottom:0;}
.moPhone h3                    {box-shadow:0 -25px 25px 0 var(--daMode) inset;}
/* SF this Portal*/
/*~cs Dark Mode Podologie-W~*/
header a {background:transparent;}
}