/* Anpassung an den Style der Joomla-Website https://psychologieundcoaching.de Stand: 2026-05-02 */

:root {
  --text-dunkelrot: #6e0818;
  --border-weinrot: #922f3e;
  --backgrnd-ltred: #e7e2e2;
  --backgrnd-table: #dcd4d4;
  --cassiopeia-color-primary: #912b3b;
  --cassiopeia-color-link: #30638d;
  --link-color: #30638d;
  --link-color-rgb: 48,99,141;
  --cassiopeia-color-hover: #954b56;
 }
     /* --brand-color: #832635;   */
body, #root {
  background: url(/images/BG-Teilkreise_rechts.png) repeat-y right top, 
   linear-gradient( to left, #fefcfe 6%, #c0a8a9 60%, #b7868c 92.5% ) !important;
  font-family: 'Book Antiqua', georgia, palatino, times, serif;
 }

#footer {
  max-height: none;
 }

.wide-white {
  background: none;
  box-shadow: none; 
 } 

div#layout.sc-dZoequ.sc-fiCwlc.ezNOZB.bObLPM {
  background-color: #912c3c;
  background: url(/images/BG-Teilkreise_rechts.png) repeat-y right top, 
   linear-gradient( to left, #fefcfe 6%, #c0a8a9 90%, #b7868c 97.5% ) !important;
   border-radius: 0 !important;
 }

.regular-height {
  min-height: calc(100vh - 200px - 64px);
 }

.gTFqPr, div.sc-dChVcU.dRGKiO {
  border: solid black 1px;
 }

div.sc-eVEvVi.dHpcur, div.sc-jwZKMi.eTTQzP, section#ActionsBar.sc-kcGwyx.gyMChi {
  background-color: #912c3c; 
 }

header#Navbar.sc-kaaGRQ.eOOhQB {
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg,var(--cassiopeia-color-primary)0%,var(--cassiopeia-color-hover)100%);
 }

header#Navbar.sc-kaaGRQ.eOOhQB {
  background: url(/images/PSY-CO-Logo_mit_Hintergrund_125px.png);
  background-repeat: no-repeat;
  background-size: auto 64px;
  background-position: 0 10px;
 }

header#Navbar.sc-kaaGRQ.eOOhQB {
  background-color: #912c3c;
}

.my-4-x {
  font-family: 'Book Antiqua', georgia, palatino, times, serif;
  font-size: 2.5em;
  text-shadow: 2px 2px 5px #777;
  font-weight: 880;
  color: #6e0818;
 }

.small-logo {
  max-width: auto;
  max-height: 180px;
  box-shadow: 2px 2px 5px #000;
 }

#navbar {
  height: 200px;
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg,var(--cassiopeia-color-primary)0%,var(--cassiopeia-color-hover)100%);
  position: relative;
  box-shadow: inset 0 5px 5px #00000008;
 }

.nav-item {
 background-color: lightgray;
 border-radius: 7px;
 }

.Toastify__toast.maintenance-toast {
  margin-left: calc((var(--toastify-toast-width) - 750px)/2) !important;
  width: 800px;
  max-width: 960px;
 }

.btn {
  font-family: 'Segoe UI',Roboto,'Helvetica',Arial,'Noto Sans',sans-serif !important;
 }

html body div#root nav#navbar.navbar.navbar-expand-sm.navbar-light div.ps-0.container div.justify-content-end.d-none.d-sm-block div.hstack.gap-2 button.btn.btn-brand {
  text-decoration: none;
  text-transform: uppercase !important;
  font-size: 1.1em;
  font-weight: 800;
  color: white;
  background-color: var(--text-dunkelrot);
  border: solid 3px white;
  border-radius: 7px;
  box-shadow: 2px 2px 5px #000;
 }

html body div#root nav#navbar.navbar.navbar-expand-sm.navbar-light div.ps-0.container div.justify-content-end.d-none.d-sm-block div.hstack.gap-2 button.btn.btn-brand:hover {
  color: #fff;
  background-color: var(--border-weinrot);
  background-image: radial-gradient(#f75, #e50, #e00);
  box-shadow: 4px 4px 7px #000;
  /* padding: .5em 1em; */
  margin: 0;
}

.logo {
  max-width: 420px;
  max-height: 180px;
  border-radius: 7px;
  margin: 5px 0;
}

html body div#root div.no-header-height.container div.vertical-center div.text-center.pb-4 div.logo-wrapper.position-relative.d-block.mx-auto img.logo.cursor-pointer.position-absolute.bottom-0.mx-auto.start-0.end-0.text-center {
  max-height: 160px;
  width: auto;
  margin: 15px;
  border-radius: 7px;
  box-shadow: 2px 2px 5px #000;
 }

.logo-wrapper {
  width: 100%;
  height: 190px;
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg,var(--cassiopeia-color-primary)0%,var(--cassiopeia-color-hover)100%);
  border-radius: 7px;
 }

a.ps-2.navbar-brand div img {
   border-radius: 12px;
  }

.py-5 {
  font-weight: 800;
 }

.col-lg-10 {
   width: 100%;
  }

.d-sm-block {
  background-color: var(--brand-color-light);
  border-radius: 8px;
 }

/* .background-whitesmoke{background:#f5f5f5 !important;box-shadow:0 0 0 100vmax #f5f5f5;clip-path:inset(0 -100vmax)} */
.background-whitesmoke {
  box-shadow: none !important;
  /* clip-path:inset(0 -100vmax) */
 }


#homepage-hero {
  background-color: var(--bs-body-bg);
  border: solid var(--bs-body-bg) 15px;
  border-radius: 7px;
  margin-bottom: 7px;
 }

/* Space for speaking Buttons */
div.sc-hFbbzE.fuqoNN {
  margin-left: 64px !important;
 }

div.simpleModal {
  background-color: var(--backgrnd-table);
  border-radius: 7px;
 }      

.sc-dAlyuHi {
  background-color: var(--backgrnd-table);
  border-radius: 7px;
 }

.sc-cPiKLX {
  text-decoration: none;
  font-weight: 600 !important;
  padding: .3em .8em !important;
  margin: .2em !important;
  color: white !important;
  background-color: #6e0818 !important;
  border: solid 3px white !important;
  border-radius: 7px !important;
  box-shadow: 2px 2px 5px #000 !important; 
 }

.sc-cPiKLX:hover { 
  color: #fff;
  background-color: var(--border-weinrot);
  background-image: radial-gradient(#f75, #e50, #e00);
  box-shadow: 4px 4px 7px #000;
  padding: .5em 1em;
  margin: 0;
 }

#footer {
  color: #fff !important;
  background-color: var(--cassiopeia-color-primary) !important;
  background-image: linear-gradient(135deg,var(--cassiopeia-color-primary)0%,var(--cassiopeia-color-hover)100%) !important;
 }

#footer a {
  color: #fff !important;
  font-weight:800;
  text-transform: uppercase !important;
  font-family: 'Segoe UI',Roboto,'Helvetica',Arial,'Noto Sans',sans-serif;
  font-size: 1.1em;
 }

#footer #footer-container {
   border-top: 0px ;
 }

/* ******** End-of-File ******** */