/* ------------------------------------------------------------------------------ */
/* ****************************************************************************** */
/* --------- (C) Copyright 2023/2024 by machtWeb | Reinhard Lange --------------- */
/* ---------------------- machtWeb.de | relaXits@machtWeb.de -------------------- */
/* ------------------------------------------------------------------------------ */
/* update	->											          6.00/02 - 19-10-23
/* layout	-> startpage										                  */
/* file 	-> design/design.css						                          */
/* colors	-> http://www.color-hex.com | https://oklch.com		                  */
/* link     -> https://codepen.io/machtweb/pen/xxmNpKd                            */
/* ------------------------------------------------------------------------------ */
/* FOOTER ONLY */
footer {
    position:absolute;
    display:flex;
    width:100%;
    margin: 2rem 0;
    padding: 2rem;
    justify-content:center;
    font-family:var(--font-spec);
    background:var(--foot-bgr-area); /* self oklch(93.7% 0 0 / 60%); */
    counter-reset:Element;
    border:1px solid var(--foot-bdr-color);
    border-width: 1px 0 0 0;
}

.footer-content {
  max-width:var(--foot-size); /* self 70vw; */
}

@media (max-width: 1920px) {
  .footer-content {
      max-width: 100vw;
  }
}

footer h3 {
    margin: 1rem 0 1rem 0;
    font-size: 2rem;
    }

/* AREA CONTACT */
.area_contact {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    gap: 1em;
    padding:0;
    /* border: var(--foo-border); /* 1px solid orange; */
    }

.area_contact h4 {
/*    border: 0px solid red;
    border-width: 0 0 1px 0; */
    font-size: 1.6rem;
    color:var(--foo-txt-col);
    }

/* FOOTER-BOX => FBOX */
.area_contact .fbox {
    flex-basis: 256px; /* self 228px */
    flex-grow:1;
    margin:0;
    padding:0;
    border: 1px solid oklch(32.11% 0 0 / 20%);
    border-width:1px;
    /*box-shadow: var(--nav-shadow);*/
    /*background: #f8f8f8;*/
    color:var(--foo-txt-col);
  }
.area_contact .fbox p {
    font-size: 1.04rem;
    color:var(--foo-txt-col);
}

.area_contact .fbox:nth-of-type(3n+1) {
  flex-shrink:1; /* shrinks slower */
  /*background: #ebebf0;*/
  }

.area_contact .fbox:last-of-type {
  border: 1px solid oklch(32.11% 0 0 / 20%);
  border-width:1px;
    }

/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------ 6.0/00 - 12-09-22 */
/* FOOTER - COMPANY DATA */
/* MEDIA - DO NOT TOUCH !!! */
/*@media (min-width: 320px) { footer {flex-flow:column;} .fbox {flex-grow:1; } }*/
/*@media (min-width: 780px) { footer {flex-flow:row wrap;} .fbox {flex-grow:1;} .fbox:nth-last-child(2) {border:0px solid yellow;} }*/
/*@media (min-width:1280px) { footer {flex-flow:row;} .fbox {width:100%;} .fbox:last-child {border:0px solid blue;}}*/

/* logo company -> NO SHOW on small screens -> max 512px test */
@media (max-width: 830px)       { footer .fbox:nth-child(1), .fbox:nth-child(2) {display:none;} }

footer .fbox:last-child         {border:0px solid red;}
footer .fbox:first-child        {background:#fff !important;}

/* DETAILS - ADDRESS BOX*/
footer .fbox             {object-fit:contain;/*border-radius:1rem;*/color:var(--foot-col-text);}
footer .fbox:hover       {background:#fff; /* self var(--foot-bgr-box-h)*/ !important;transition:all .8s;}
footer .fbox h4          {margin:0;padding:.6rem 1rem;font-size:1.4rem;text-transform:uppercase;background:var(--color-primary);color:#fff;border-radius:0 0 0 0; /*.98rem .98rem 0 0;*//*border:0px solid var(--foot-col-head);border-width:0 0 1px 0;*/}
footer .fbox-inner       {margin:0 1rem;}
footer .fbox .adr-logo   {display:flex;flex-direction:column;align-items:center;aspect-ratio:var(--foot-adr-logo);height:auto;margin:1rem auto 0;padding:0;border:0px solid orange;background:rgb(255,255,255,1);}

/* ADR-LOGO IMAGE SCALES DOWN !!! - should be 512x256 !!! */
footer .fbox:nth-child(1) .adr-logo img {object-fit:contain;max-width:100%;max-height:100%;}

/* CLAIM-TEXT in FOOTER-BOX under LOGO */
/* see design.css and functions.sys.php !!! 
footer .fbox .claim-text  {margin:.6em 0 0 0;padding:.6em 0 0 0;font-size:1.14rem !important;text-align:center;border:1px solid oklch(60.67% 0.216 26.76);border-width:1px 0 0 0;}
footer .fbox .claim-color {color:oklch(60.67% 0.216 26.76);}
*/

/* ADRESS DATA */
footer .fbox p                   {-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:0;}
footer .fbox ul                  {list-style-type:none;list-style-position:outside;margin:1rem auto;padding:.4rem;border:solid var(--foot-col-data);border-width:var(--foot-bdr-data);}
footer .fbox li                  {padding-left: .6rem;font-size:1.1rem;}
footer .fbox li::marker          {font-size:initial;color:var(--color-primary);} /* color for fall-back */
/* versions of font-awesome above 4.7.0 */
footer .fbox li .fa-cog          {color:var(--color-primary);font-size:1.2rem;}
footer .fbox li .fa-cog:hover    {color:#fff;}
/* hover -> fade-in AND fade-out */
footer .fbox li                  {transition:all 2s;}
footer .fbox li:hover,     
footer .fbox li:focus            {color:var(--color-primary);box-shadow:inset 0 -30px rgb(0,0,0,.08); /* self var(--foot-hov-data)*/;transition:all .8s;cursor:default;}
footer .fbox .nohover:hover,     
footer .fbox .nohover:focus      {color:var(--color-primary);box-shadow:none;transition:none !important;}
/* for links and email */
footer .fbox .add-link           {color:var(--color-primary);text-decoration:none;border:none;cursor:pointer;}  
/* fa-clock-o | unicode: f017 */
footer .fbox .icon-clock         {margin:0 0 0 2.2rem;padding:0 0 0 0rem;list-style-position:outside;}
footer .fbox .icon-clock::before {margin:-.4rem 0 0 -2rem;padding:0 1rem 0 0;font-family:'FontAwesome';font-size:1.4rem;content:'\f017 ';}
footer .fbox .marker-noshow      {list-style-type:none;}
/* hover -> data-box */
footer .fbox:nth-child(odd)      {background:var(--foot-bgr-box-o);}
footer .fbox:nth-child(even)     {background:var(--foot-bgr-box-e);}

.office-times {
  position:relative;
  column-count:1;
  list-style:none;
  font-size:initial;
}
.office-times li {
  position:relative;
  margin: 0 1em;
  padding-left: 1.2em;
  line-height: 1.2;
  font-size: clamp(.8rem, calc(0.80rem + 0.90vw), 1.08rem);
  font-weight: 60;
  hyphens:auto;
}
.office-times li:before {
  content:var(--list-marker); /* "\f054"; */
  position:absolute;
  top:.1em;
  left:-2px;
  font-family:'FontAwesome';
  font-size:1rem;
  color:var(--color-primary);
}
footer .fbox .office-times li:hover {background:none !important;}



/* FOOTER SUB FOR COPYRIGHT */
.copyr                                  {display:flex;justify-content:center;align-items:stretch;align-content:stretch;margin:0;padding:0;}
.copyr .copyr-item                      {margin:0;padding:0 .4rem;font-size:1rem;}






/* ------------------------------------------------------------------------------ */
/* END */	
/* ------------------------------------------------------------------------------ */