@charset "utf-8";
/* =============================================================================================================

Stylesheet www.Lamberti Giovanni.ch

Autor & Design: Lamberti Lamberti Giovanni
Datum: 24.September 2020
Datei: bootsrap-edit.css Ergaenzung zu bootsrap 4.0

Der gesamte Inhalt der Webseiten inkl. Bilder 
sind Eigentum von www.Lamberti Giovanni.ch und duerfen nur nach Absprache mit uns verwendet werden!

================================================================================================================*/
/*==============================================================================================================

   Teil I Allgemeine Styles
  
================================================================================================================*/
body {
  background-color:#2e71c4 ;
  background-image: #FFFFFF;
  color: #FFFFFF;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
footer {
  bottom: 0 !important;
  width: 100%;
  height: 5em;
  padding-top: 0.3em;
}
footer, .bg-primary {
  background-color: #212764 !important;
}
main {
  background-color: #2854c7;
  height: 100%;
  padding: 2em 2em 2em 2em;
}
.container {
  margin-top: 1em;
  margin-bottom: 1em;
}
/*==============================================================================================================

   Teil II Navigation Styles
  
================================================================================================================*/
div.dropdown-menu.show {
  margin-top: 0.7em;
  background-color: #212764;
}
a.dropdown-item {
  color: #FFFFFF;
}
a.dropdown-item.active {
  background-color: #464F92;
}
.dunkel {
  color: #000;
}
/*==============================================================================================================

   Teil III Bilder und Show Styles
  
================================================================================================================*/
.carousel-fenster {
  margin: 2em auto auto auto;
  width: 70%;
  border: 3px solid #212764;
  border-radius: 4px;
  background: #55b9f3;
  box-shadow: 0.75em 0.75em 1.5em #489dcf, -0.75em -0.75em 1.5em #62d5ff;
}
.carousel-caption {
      background-color: hsla(225,10%,61%,0.60);
     color: #fff;
      border-radius: 1px;
}

.carousel-control-prev, .carousel-control-next {
  opacity: 0;
}
.img-schatten {
  border-radius: 4px;
  background: #55b9f3;
  box-shadow: 12px 12px 24px #489dcf, -12px -12px 24px #33677A;
}
img.img-empfehlung {
  width: 14em;
  height: auto;
  box-shadow: 0.3em 0.3em 0.1em #000;
  margin: 2em 1em 1em 1em;
}
img.img-decks {
  width: 40em;
  height: auto;
  box-shadow: 0.3em 0.3em 0.1em #000;
  margin: 0em 0em 0em 0em;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
/*==============================================================================================================

   Teil VI Spetz. Styles
  
================================================================================================================*/
img.startseite {
  height: 90px;
  width: auto;
}

body,td,th {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body,td,th {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:link {
	color: #FFFFFF;
}
a:link {
	color: #FFFFFF;
}

a:visited {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}

a:hover {
	color: #FF0000;
}
a:hover {
	color: #FF0000;
}
/*==============================================================================================================

   Teil V Praefix. Styles 
  
================================================================================================================*/
@media screen and (max-width: 500px) {
	h1{
		font-size:1.5em;
	}
	.container {
		padding: 0;
		margin: 0;
	}
	footer p {
		font-size: 0.7em;
		line-height: 2px;
		margin-top: 20px;
	}
}