body {
  /*background-color: white;*/
  /*font-family: "Arial";*/
font-family: 'Balsamiq Sans', cursive;
}
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}
footer {

    text-align: center;
    background-color:  #75A087;
}

.jumbotron {
    font-size: 100px;
    color: #ddd;
    margin-bottom: 0px;
}
.jumbotwo{
background-color: grey;
margin-top: 5px;
font-size: 3px;
}
.jumbothree{
background-color: #547864;
margin-top: 5px;
font-size: 15px;
}
/*navbar*/
#navbar {
  overflow: hidden;
  background-color: white;
}

.navbar {
 background-color: #333;
 margin-top: 10px;
 margin-bottom: 7px;
}

#navbar a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}

#navbar a.active {
  background-color: #75A087;
  color: white;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
/*other*/
.modal-dialog {
	width: 90%;
}
/*für das Quiz*/
.btn-primary {
	background-color: #75A087;
  border-color: #75A087;
}
.btn-primary:focus, .btn-primary:hover {
    background-color: #ccc;
    border-color: #ccc;
    color:#000;
}
button.falsch:hover,button.richtig:hover {
  background-color: #aaa;
}
button.falsch:focus {
  background-color: red;
}
button.richtig:focus {
  background-color: green;
}
.btn-lg {
  width: 80px;
  height: 80px;
  font-size: 48px;
  margin: 10px;
}

/*für das impressum*/
.impressum {
	font-family: "Arial";
}
/*farben*/

.text-light {
	color:#000;
}
.bg-light{
background-color: #75A087;
}

/*für Fotografie*/
.carousel {
	/*width: 100px;*/
	width: 60%;
	margin: 0 auto;
}
/*text*/
h2,h6 {
  color: #75A087;
}
h4 {
  color: #7c747c
}
p.spacingbig{
  line-height: 1.8;
}
h3.spacingbig{
  line-height: 1.5;
}
.box {
  border: 5px solid #ac355d;
   padding: 25px 25px 25px 25px;
}

li a{
display:block; color:#000; padding:8xp 16xp;}
li active{
background-color:#123445;color:white;
}
/* Clear floats after the columns WICHTIG!!!! */
section:after {
  content: "";
  display: table;
  clear: both;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #75A087;
    color: #000;
}
a:focus, a:hover {
    color: #ccc;
    text-decoration: underline;
}
a {
    color: #75A087;
    text-decoration: none;
}
/*startseite*/
.wachsendings {
  width: 90px;
  height: 50px;
  font-size: 40px;
  color: #75A087;
  transition: width 2s, height 2s, color 2s, font-size 2s, transform 2s;
}
.wachsendings:hover {
  width: 300px;
  height: 150px;
  font-size: 140px;
  color:#ccc;
}
.drehdings {
  width: 70px;
  height: 20px;
  transition: color 2s, transform 2s ;
}
.drehdings:hover {
  color: #ccc;
  transform: rotate(360deg);
}
/*galerie*/
.containerflexbox{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  width: 100%;
}
.containerflexbox img{
  transition:all 1s;
  width: 200px;
  margin: 20px;
}
.containerflexbox img:hover{
  transform:scale(1.05);
}
/*startseite,Artikel*/
.containerflexbox .artikel{
  transition:all 0.1s;
  width: 500px;
  height: 300px;
  margin: 20px;
  padding: 20px;
  border: 2px solid;
  border-color: white;
}
.containerflexbox .artikel:hover{
  border-color: black;
  transform: scale(1.1);
}
.artikel a{
color:black;
}
.artikel a:hover{
text-decoration: underline;
}
.artikel img{
  width: 50% ;
  float: left;
}
.artikel img:hover{
  transform:scale(1);
}