/* =============================================================================================================
* Stylesheet für Volierenbau Schweiz GmbH
* Autor & Design: Carmen Hediger
* Datum: 30. September 2024
* Datei: bootsrap-edit-home.css Ergaenzung zu Bootstrap v5.2

* Der gesamte Inhalt der Webseiten inkl. Bilder
* sind Eigentum von Volierenbau Schweiz GmbH und dürfen nur nach Absprache mit uns verwendet werden!
================================================================================================================*/
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: Yanone Kaffeesatz;
  src: url(' "../fonts/Kaffeesatz/static/YanoneKaffeesatz-ExtraLight.ttf"');
  src: local("Yanone Kaffeesatz"),
    url("../fonts/Kaffeesatz/YanoneKaffeesatz-VariableFont_wght.ttf");
}
@font-face {
  font-family: News Cycle;
  src: url("../fonts/NewsCycle-Regular.eot");
  src: local("NewsCycle-Regular"),
    url(' "../fonts/NewCycle/NewsCycle-Regular.ttf"');
}
@media (max-width: 480px) {
  p {
    text-align: justify;
  }
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "NewsCycle-Regular", sans-serif;
  color: #000000;
  background: #fdf3f4;
}
main {
  margin: 1em 1em 6em 1em;
}
.update {
  color: #000000;
  text-align: justify;
  margin-right: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 .card-title {
  color: #f47b1c;
}
.carousel-caption h5 {
  text-shadow: 0 0 2px #000;
}
.card-body,
.card-img-bottom {
  background-color: #fff;
}
.card {
  box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.73);
  margin-bottom: 1em;
  font-size: 80%;
}
.card-img-bottom {
  padding: 0 2em 2em 2em;
}
img.facebook {
  width: 2em;
  height: 2em;
  filter: drop-shadow(0.13em 0.13em 0.13em #000);
}
.form-schatten {
  filter: drop-shadow(0.13em 0.13em 0.13em #d3cbcb);
}
.occasionen-img img {
  margin-bottom: 2em;
}
.pflichtfeld {
  color: #777777;
  margin-left: 1em;
  font-size: 0.8em;
}
@media (max-width: 768px) {
  .elemente-g {
    display: none;
  }
}
@media (min-width: 768px) {
  .elemente-k {
    display: none;
  }
  .elemente-font {
    font-size: 0.75em;
  }
}
table tr {
  vertical-align: middle;
  text-align: center;
}
@media (max-width: 450px) {
  .table.table-striped {
    font-size: 0.7em;
  }
}
.boden-element {
  text-align: left;
}
.img-upload {
  border: #d3c9c9 solid 0.5em;
  height: 10em;
  width: auto;
  margin: 0.3em;
  border-radius: 0.4em;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header#logo {
  height: 8em;
  background-image: url("../bilder/diverses/gitter.png");
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center top;
}
header h1 {
  font-family: "Yanone Kaffeesatz", helvetica, arial, verdana, sans;
  color: #f47b1c;
  text-shadow: 4px 4px 0 #000;
  font-size: 4em;
  text-align: left;
  margin-left: 1em;
}
header h3 {
  font-family: "Yanone Kaffeesatz", helvetica, arial, verdana, sans;
  color: #000;
  text-shadow: 2px 2px 0 #f47b1c;
  font-size: 2em;
  text-align: end;
  margin: 0 1em 0 0;
}
@media (max-width: 992px) {
  header#logo {
    height: 8em;
    background-image: url("../bilder/diverses/gitter-992.png");
  }
  header h1 {
    font-size: 3em;
    margin-left: 0.5em;
  }
  header h3 {
    font-size: 1.5em;
  }
}
@media (max-width: 700px) {
  header#logo {
    height: 5em;
    background-image: url("../bilder/diverses/gitter-992.png");
  }
  header h1 {
    font-size: 2em;
    margin-left: 0.5em;
    text-shadow: 2px 2px 0 #000;
  }
  header h3 {
    font-size: 1.2em;
  }
}
@media (max-width: 480px) {
  header#logo {
    height: 4em;
    background-image: url("../bilder/diverses/gitter-360.png");
  }
  header h1 {
    font-size: 1.5em;
    margin-left: 0.5em;
  }
  header h3 {
    font-size: 0.8em;
    margin: 1.5em 0.7em 0 0;
  }
}
@media (max-width: 360px) {
  header#logo {
    height: 3em;
  }
  header h1 {
    font-size: 1.1em;
    margin-left: 0.5em;
  }
  header h3 {
    font-size: 0.7em;
    margin: 1.4em 0.7em 0 0;
  }
}
ul.card-text li a:link,
ul.card-text li a:visited {
  text-decoration: none;
  color: #000;
}
ul.card-text li a:hover {
  color: #f47b1c;
}
ul.card-text {
  list-style-image: url("../bilder/diverses/pfote.png");
}
/*--------------------------------------------------------------
# Nav
--------------------------------------------------------------*/
ul.navbar-nav {
  font: 150% "Yanone Kaffeesatz", helvetica, arial, verdana, sans;
}
li.nav-item {
  margin: 0 1em 0 1em;
}
a.nav-link.active {
  text-shadow: 2px 2px 2px #efebea;
  color: #000;
}
.nav-link.dropdown-toggle.aktiv {
  text-shadow: 2px 2px 2px #efebea;
  color: #000;
}
a.dropdown-item.aktiv {
  text-shadow: 2px 2px 2px #000;
  color: #000;
}
.bg-light {
  background-image: url("../bilder/diverses/nav.jpg");
  background-repeat: repeat-x;
}
.dropdown-menu {
  background-color: #f47b1c;
  background-repeat: repeat;
}
ul.navbar-nav {
  text-shadow: 1px 1px #7e4d0e;
}
ul.navbar-nav a:link,
ul.navbar-nav a:visited {
  color: #fff;
}
ul.navbar-nav a:hover {
  color: #000;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: transparent;
}
ul.dropdown-menu.show {
  border: none;
}
@media (max-width: 992px) {
  .navbar-nav {
    padding-top: 1em;
  }
  .bg-dark {
    background-color: #f47b1c !important;
  }
  ul.navbar-nav {
    background-color: #f47b1c;
  }
}
/*--------------------------------------------------------------
# Formular
--------------------------------------------------------------*/
select {
  border-radius: 0.3em;
  background-color: #fff;
  padding: 0.4em;
}
label {
  margin: 1.5em 0 0 0;
}
a:hover img.facebook {
  filter: drop-shadow(0.03em 0.03em 0.03em #000);
}
input.form-control {
  margin: 0.1em;
}
.knopf {
  margin-top: 1em;
  box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.73);
}
textarea {
  width: 100%;
  height: 100px;
}
/*--------------------------------------------------------------
# Carusell
--------------------------------------------------------------*/
.img-abstand {
  margin-bottom: 2em;
}
#img-abstand {
  margin-bottom: 1em;
}
.showroom td {
  text-align: center;
}

.showroom img,
.carousel-inner,
img.occasionen,
img.schatten {
  box-shadow: 0px 10px 13px -7px #000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
}
.carousel-control-prev,
.carousel-control-next {
  opacity: 0;
}
.carousel-control-prev-icon,
.carousel-control-next {
  filter: drop-shadow(0.03em 0.03em 0.03em #606060);
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
  font-size: 0.85em;
  text-align: center;
  background-image: url("../bilder/diverses/nav.jpg");
  padding-top: 0.6em;
}