/*
################################################## Header ##################################################
# Firma: Thomas Hantke Solutions
#
# Projekt: lovelico.de
#
# Dateiname: lico.css
# Erstanlage der Datei: 2023-03-25 durch TH
# Zweck der Datei: Allgemeine css-Datei für die Seiten in /site
#
#
############################################################################################################
# Historie der Änderungen
#
# 2023-03-25  TH  Start der Programmierung
#
#
#
############################################################################################################
*/


.cShowBorders
{
/*  border:2px solid red; */
}

body { min-width: 920px; background-color: green; width: 920px; margin-left: auto; margin-right: auto; }

@media only screen and (max-width:799px){
  body
  {
    margin-left:0px auto 0px auto;
    width: 60%;
    min-width: 60%;
    max-width: 60%;
    margin:0px 19%;
    background-color: yellow;
    align-items:center;
    justify-content:center;
  }
}

@media only screen and (max-width:599px) {
  body
  {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
    margin:1% 6% 0px 6%;
    background-color: red;
  }
}

@media only screen and (min-width:800px){
  body
  {
    margin-left:0px auto 0px auto;
    width: 25%;
    min-width: 25%;
    max-width: 25%;
    margin:0px 37%;
    background-color: yellow;
    align-items:center;
    justify-content:center;
  }
}


.cBody
{
  position:absolute;
  top:0px;
  left:0px;
  color: #000000;
  font-family: "Hedon Regular", "Century Gothic", Helvetica, Arial, Calibri, Verdana, sans-serif, "Trebuchet MS";
  font-size:2em;
  word-wrap:break-word;
  text-align:center;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
}



.cHead
{
  margin:1% auto;
  position:relative;
  float:left;
  top:1%;
  width:99%;
  text-align:center;
  height:20%;
}
  .cHeadLeft
  {
    margin:1%;
    position:relative;
    float:left;
    width:38%;
    font-size:40%;
    text-align:left;
    height:100%;
    font-weight:bold;
  }
  a.cHeadLeft
  {
    margin:0px;
    position:relative;
    float:left;
    width:100%;
    font-size:100%;
    text-align:left;
    font-weight:bold;
    text-decoration:none;
    color:black;
  }
  .cHeadRight
  {
    margin:1%;
    position:relative;
    float:right;
    width:50%;
    height:100%;
  }
    .cHeadRightStartnav
    {
      margin:0px;
      position:relative;
      float:right;
      width:100%;
      text-align:right;
      height:100%;
    }
    .cHeadRightQrcode
    {
      margin:-5% auto;
      position:relative;
      float:right;
      width:80%;
      font-size:80%;
      text-align:right;
/*      border:1px solid black; */
    }
    .cHeadRightQrcodeQrcodebild
    {
      margin:0px;
      margin-bottom:-2%;
      width:100%
    }
    .cHeadRightQrcodeNav
    {
      margin:1%;
      position:relative;
      float:right;
      width:100%;
      text-align:right;
      height:100%;
      line-height:200%;
      text-decoration:none;
      color:black;
    }
    a.cHeadRightQrcodeNav
    {
      font-size:80%;
      text-decoration:none;
      color:black;
      font-weight:bold;
    }




.cMehrwegstatus
{
  margin:1% auto;
  position:relative;
  float:left;
  top:1%;
  width:99%;
  text-align:center;
}
  .cMehrwegstatusUeberschrift
  {
    font-size:70%;
  }
  .cMehrwegstatusTextStatus
  {
    margin-top:0.5%;
    font-size:38%;
    font-weight:bold;
  }
  .cMehrwegstatusTextHinweis
  {
    margin-top:0.5%;
    margin-bottom:3%;
    font-size:33%;
  }




.cKontostandstatus
{
  margin:1% auto;
  position:relative;
  float:left;
  top:1%;
  width:99%;
  text-align:center;
}
  .cKontostandstatusUeberschrift
  {
    width:70%;
    margin:3% auto 7% auto;
    font-size:70%;
    border: 2px solid black;
    border-radius:10px
  }
  .cKontostandstatusTextStatus
  {
    margin-top:0.5%;
    font-size:38%;
    font-weight:bold;
  }
  .cKontostandstatusTextHinweis
  {
    margin-top:0.5%;
    margin-bottom:3%;
    font-size:33%;
  }




.cMypayoffsStatus
{
  margin:1% auto;
  position:relative;
  float:left;
  top:1%;
  width:99%;
  text-align:center;
}
  .cMypayoffsStatusUeberschrift
  {
    width:70%;
    margin:3% auto 0px auto;
    font-size:70%;
    font-weight:bold;
  }
.cMypayoffsPaypal
{
  margin:1% auto;
  position:relative;
  float:left;
  top:1%;
  width:99%;
  text-align:center;
  color:white;
}
  .cMypayoffsPaypalUeberschrift
  {
    width:70%;
    margin:3% auto 0px auto;
    font-size:65%;
    border: 2px solid black;
    border-radius:10px;
    font-weight:bold;
  }
  .cMypayoffsPaypalText
  {
    margin-top:10%;
    font-size:66%;
    font-weight:bold;
  }
.cMypayoffsSepa
{
  margin:1% auto;
  position:relative;
  float:left;
  top:1%;
  width:99%;
  text-align:center;
  color:white;
}
  .cMypayoffsSepaUeberschrift
  {
    width:70%;
    margin:3% auto 0px auto;
    font-size:65%;
    border: 2px solid black;
    border-radius:10px;
    font-weight:bold;
  }
  .cMypayoffsSepaText
  {
    font-size:66%;
    font-weight:bold;
  }
.cMypayoffsHistorie
{
  margin:1% auto;
  margin-top:5%;
  position:relative;
  float:left;
  top:1%;
  width:99%;
  text-align:center;
}
a.cMypayoffsHistorie
{
  text-decoration:none;
  color:black;
}
  .cMypayoffsHistorieUeberschrift
  {
    width:70%;
    margin:3% auto 0px auto;
    font-size:70%;
    font-weight:bold;
    color:#BF9000;
  }
  .cMypayoffsHistorieText
  {
    margin:1% auto 3% auto;;
    font-size:38%;
    font-weight:bold;
  }
  .cMypayoffsHistorieZeile
  {
    position:relative;
    float:left;
    width:80%;
    margin:1% 9% 0px 9%;
    font-size:50%;
    font-weight:bold;
    border: 2px solid black;
    border-radius:7px;
  }
    .cMypayoffsHistorieZeileLinks
    {
      position:relative;
      float:left;
      width:35%;
      text-align:center;
    }
    .cMypayoffsHistorieZeileLinksBreaker
    {
      position:relative;
      float:left;
      width:5%;
      text-align:center;
      font-weight:bold;
    }
    .cMypayoffsHistorieZeileMitte
    {
      position:relative;
      float:left;
      width:33%;
      text-align:right;
    }
    .cMypayoffsHistorieZeileRechts
    {
      position:relative;
      float:right;
      width:29%;
      text-align:center;
    }




.cPartnerliste
{
  margin:5% auto;
  position:relative;
  float:left;
  top:1%;
  width:99%;
  text-align:center;
  height:20%;
}
  .cPartnerlisteZelle
  {
    margin:0px auto;
    margin-top:2%;
    width:75%;
    height:80%;
    max-width:75%;
    max-height:80%;
    text-align:center;
  }
    .cPartnerlisteZelleLogo
    {
      margin:0px;
      width:100%;
      height:100%;
      max-width:100%;
      max-height:100%;
    }




.cImpressum
{
  margin:5% auto;
  position:relative;
  float:left;
  top:1%;
  width:99%;
  text-align:left;
  height:20%;
}
  .cImpressumUeberschrift
  {
    font-size:70%;
    font-weight:bold;
  }
  .cImpressumAbsatzueberschrift
  {
    margin-top:1.5%;
    font-size:45%;
    font-weight:bold;
  }
  .cImpressumAbsatztext
  {
    margin-top:0.5%;
    font-size:40%;
  }





/*   Mehrfach verwendete DIVs   */
.cFehlermeldungRahmen
{
  margin:3% auto;
  margin-top:10%;
  position:relative;
  display:inline-block;
  justify-content:center;
  align-items:center;
  width:80%;
}
  .cFehlermeldung
  {
    padding:5% 2% 5% 2%;
    font-size:45%;
    text-align:left;
    width:100%;
  }


.cGespeichertmeldungRahmen
{
  margin:3% auto;
  margin-top:10%;
  position:relative;
  display:inline-block;
  justify-content:center;
  align-items:center;
  width:80%;
}
  .cGespeichertmeldung
  {
    padding:5% 2% 5% 2%;
    font-size:45%;
    text-align:left;
    width:100%;
    font-weight:bold;
  }


.cFormular
{
  margin:0px;
  margin-top:10%;
  position:relative;
  float:left;
  width:95%;
  text-align:left;
  font-weight:bold;
  padding:1%;
}
  .cFormularUeberschrift
  {
    margin:0px;
    margin-bottom:5%;
    width:100%;
    font-size:85%;
  }
  .cFormularAbsatztext
  {
    margin:0px;
    margin-bottom:5%;
    font-weight:normal;
    font-size:60%;
  }
  a.cFormularAbsatztext
  {
    font-size:80%;
    text-decoration:none;
    color:black;
    font-weight:bold;
  }
  .cFormularFeld
  {
    margin-top:0.5%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center  }
    .cFormularFeldBez
    {
      margin:0px;
      position:relative;
      float:left;
      font-size:35%;
      width:25%;
      text-align:left;
      height:10%;
    }
    .cFormularFeldVar
    {
      margin:0px;
      position:relative;
      float:right;
      width:80%;
      text-align:left;
    }
    .cFormularFeldVarInput
    {
      margin:0px;
      width:96%;
      font-size:70%;
    }
    .cFormularFeldVarInputGesperrt
    {
      margin:0px;
      width:96%;
      font-size:70%;

    }
  .cFormularButton
  {
    margin-top:1.5%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
    .cFormularButtonBez
    {
      margin:0px;
      position:relative;
      float:left;
      font-size:35%;
      width:25%;
      text-align:left;
      height:10%;
    }
    .cFormularButtonVar
    {
      margin:0px;
      position:relative;
      float:right;
      width:80%;
      text-align:left;
    }
    .cFormularButtonVarInput
    {
      min-width:30%;
      max-width:98%;
      font-size:80%;
      padding:0px 5%;
    }




.cHeadMyarticles
{
  margin:1% auto;
  position:relative;
  float:left;
  top:1%;
  width:99%;
  text-align:center;
  height:20%;
}
.cHeadMyarticlesNav
{
  position:relative;
  float:right;
  width:100%;
  text-decoration:none;
  color:black;
  font-weight:bold;
}
a.cHeadMyarticlesNav
{
  font-size:80%;
  text-decoration:none;
  color:black;
  font-weight:bold;
}
.cHeadMyarticlesMeinqrcodeBez
{
  margin:0px auto;
  position:relative;
  width:80%;
  font-size:80%;
}
.cHeadMyarticlesMeinqrcode
{
  margin:0px auto;
  position:relative;
  width:80%;
}
.cHeadMyarticlesMeinqrcodeBild
{
  margin:0px auto;
  position:relative;
  width:10%;
}
.cMyarticlesRueckgabestationen
{
  margin:0px 4%;
  position:relative;
  font-size:40%;
  text-align:left;
}
  .cMyarticlesRueckgabestationenUeberschrift
  {
    font-weight:bold;
  }
  .cMyarticlesRueckgabestationenText
  {
  }
  p.cMyarticlesRueckgabestationenText
  {
    margin-top: 1.5%;
    margin-bottom: 0;
  }


.cMyarticlesArtikelliste
{
  margin-top:5%;
}
  .cMyarticlesArtikellisteAbgabehinweis
  {
    margin:0px 4%;
    margin-top:10%;
    position:relative;
    border-bottom:2px solid black;
    width:98%;
    font-size:40%;
    text-align:left;
  }
    a.cMyarticlesArtikellisteAbgabehinweis
    {
      color:black;
      text-decoration:none;
    }
    .cMyarticlesArtikellisteAbgabehinweisEigentuemer
    {
      font-weight:bold;
    }
    .cMyarticlesArtikellisteAbgabehinweisRueckgabestation
    {
      font-weight:bold;
    }
  .cMyarticlesArtikellisteArtikelbild
  {
    margin:0px;
    margin-top:1%;
    position:relative;
    float:left;
    width:35%;
    font-size:40%;
    text-align:center;
  }
  .cMyarticlesArtikellisteArtikelhinweise
  {
    margin:0px;
    margin-top:5%;
    position:relative;
    float:left;
    width:42%;
    font-size:35%;
    text-align:left;
  }
  .cMyarticlesArtikellisteProblemhinweis
  {
    margin:0px 4%;
    margin-top:1%;
    position:relative;
    border-top:2px dotted grey;
    border-bottom:2px dotted grey;
    width:98%;
    font-size:40%;
    text-align:left;
  }

  .cMyarticlesArtikellisteProblemmelden
  {
    margin:0px;
    margin-top:2.5%;
    position:relative;
    float:left;
    width:18%;
    font-size:85%;
    text-align:center;
    border:none;
    border-width:0px;
  }
  .cMyarticlesArtikellisteProblemmeldenBild
  {
    width:70%;
  }



.cMyarticlesProblemArtikel
{
  margin-top:5%;
  font-size:60%;
}
  .cMyarticlesProblemArtikelArtikelbild
  {
    margin:2% auto;
    margin-top:20%;
    position:relative;
    float:left;
    width:100%;
    font-size:150%;
    font-weight:bold;
    text-align:center;
  }
  .cMyarticlesProblemArtikelHinweise
  {
    margin:0px auto;
    margin-top:10%;
    position:relative;
    border-bottom:2px solid black;
    text-align:left;
  }
  .cMyarticlesProblemArtikelProblemRadio
  {
    width:100%;
    margin:0px;
    text-align:left;
    font-size:60%;
  }


.cRegisterErfolgsmeldung
{
  margin-top:10%;
  position:relative;
  float:left;
  width:98%;
  font-size:70%;
  text-align:left;
  font-weight:bold;
}



.cFirstrunHinweise
{
  margin:0px;
  margin-top:10%;
  position:relative;
  float:left;
  width:95%;
  font-size: 40%;
  text-align:left;
  font-weight:bold;
  padding:1%;
}
  .cFirstrunHinweiseUeberschrift
  {
  }
  .cFirstrunHinweiseText
  {
    font-weight:normal;
    margin-top: 1.5%;
    margin-bottom: 0;
  }
  .cFehlermeldungFirstrunRahmen
  {
    margin:3% auto;
    display:flex;
    justify-content:center;
    align-items:center;
    width:80%;
    display:none;
  }
    .cFehlermeldungFirstrunPwd
    {
      padding:5% 2% 5% 2%;
      font-size:45%;
      text-align:left;
      width:100%;
      color:black;
    }
    .cFehlermeldungFirstrunPwdSpanfehleranzeige
    {
      border:1px solid #E8377A;
    }








/*   Allgemeine DIVs   */
.cBreaker
{
  clear:both;
  display:block;
  float:none;
}


.cStandardlink
{
  color:black;
  text-decoration:none;
  text-decoration-line:none;
  text-decoration-color:none;
  text-decoration-style:none;
  text-decoration-thickness:none;
}



.cColLicoGruen
{
  color:#A1C53A;
}
.cColLicoRot
{
  color:#E8377A;
}
.cColLicoBlau
{
  color:#0088B5;
}
.cColLicoOrange
{
  color:#CD8731;
  border-color:transparent:
}


.cBorderLicoGruen
{
  border:6px solid #A1C53A;
}
.cBorderLicoRot
{
  border:6px solid #E8377A;
}
.cBorderLicoBlau
{
  border:6px solid #0088B5;
}
.cBorderLicoOrange
{
  border:6px solid #CD8731;
}


.cBackgroundLicoGruen
{
  background-color:#A1C53A;
}
.cBackgroundLicoRot
{
  background-color:#E8377A;
}
.cBackgroundLicoBlau
{
  background-color:#0088B5;
}
.cBackgroundLicoOrange
{
  background-color:#CD8731;
}
.cBackgroundPaypal
{
  background-color:#E8206C;
}
.cBackgroundSepa
{
  background-color:#2AA2DE;
}
.cBackgroundAbbuchung
{
  background-color:#FFF100;
}




.cTraceBorders
{
  border:1px dotted grey;
}