@charset UTF-8;

:root {
  --bs-primary: #557ebb;
  --bs-primary-rgb: 85,126,187;
  --content-width: max( 320px, min( 1280px, 90vw ) );
}

.content {
  width: var(--content-width);
  margin-inline:auto;
}

a { 
  text-decoration:none; 
  color: var(--bs-primary) 
}
a:hover { text-decoration:underline; }

.no-decoration, 
.no-decoration:hover { text-decoration:none }

img {
  display:block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit:contain;
  object-position: center center;
}

a.border { transition: border-color .5s; }
a.border:hover { border-color: var(--bs-dark) !important }
a img { max-height: 10rem; }

:root {
  --wd-wall-dark: #A3A29D;
  --wd-wall: #FFFFFF;
  --wd-wall-light: #FFF1C4;
  
  --wd-accents-dark: #69372C;
  --wd-accents: #996045;
  --wd-accents-light: #E39072; 
  
  --bs-border-width: 2px;
  --bs-border-radius: .35rem;
}

/*
  fassade: 
  akzente: 
    hell: E79C7C
*/

a.btn-primary:hover { text-decoration:none }

.btn-primary {
  --bs-btn-color: var(--wd-accents);
  --bs-btn-hover-color: var(--wd-accents-dark);
  --bs-btn-active-color: var(--wd-accents);
  
  --bs-btn-bg: var(--wd-wall);
  --bs-btn-hover-bg: var(--wd-wall-light);
  --bs-btn-active-bg: var(--wd-wall);
  
  --bs-btn-border-color: var(--wd-accents);
  --bs-btn-hover-border-color: var(--wd-accents-light);
  --bs-btn-active-border-color: var(--wd-accents);
  
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}