@charset "utf-8";
/* CSS Document */

body {
	width: 100%;
    background-image: url("../img/logos/logo_fox_design.svg");
    background-size: 70%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 0;
    height:100%;
}

.content {
    height: auto;
    background-color: rgba(220,220,220,1);
    padding: 10%;
	margin-top: -1em;
}

.topfiller {
    background-image: url("../img/logos/crop.svg");
    background-repeat: no-repeat;
    background-position: top;
    margin: auto;
    left:0;
    right:0;
    width: 100vw;
    height: 40vw;
    margin-top: 15vw;
}

#navbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
	margin-top: -7vw;
	background-color: rgba(220,220,220,1);
	width: 100vw;
	text-align: center;
	z-index: 500;
}

#navbar .submenu a img {
padding: 0 2em 0 2em;
	margin-top: 1em;
}

.large-logo {
	margin-top: -2em;
}





footer
{
	height: 140px;
	margin: auto;
	width: 100%;
	text-align: center;
	padding-top: 30px;
	background-color: rgba(70,70,70,1);
	color: rgba(220,220,220,1);
	border-top: 5px solid rgba(215,75,20,1);;
}

footer a
{
	transition: 0.4s;
}

footer a:hover
{
	transition: 0.4s;
	color: rgba(215,75,20,1)
}

footer img
{
	transition: 0.4s;
	height: 30px;
	color: white;
}

footer img:hover
{
	transition: 0.4s;
	transform: scale(1.5);
}


.footer_content
{
	max-width: 690px;
	margin:auto;
}


.footerleft
{
	width: 50%;
	float: left;
}

.footerright
{
	width: 50%;
	float: left;
	text-align: center;
}


/* The grid: Four equal columns that floats next to each other */
.column {
  float: left;
  width: 76px;
  height: 76px;
  padding-right: 4px;
}

/* Style the images inside the grid */
.column img {
  opacity: 0.75; 
  cursor: default;
  transition: 0.3s;
  height: 80px;
  overflow: hidden;
  object-fit:cover;
	border: 1px solid gray;
}

.column img:hover {
  opacity: 1;
  transition: 0.3s;
}

.row {
	height: 82px;
	overflow: hidden;
	margin-bottom: 2px;
	z-index: 50;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container */
.container {
  position: relative;
  display: none;
  margin-top: 40px;
	height: 600px;
}

.container img {
	  border: 1px solid gray;
}

/* Expanding image text */
#imgtext, #imgtext_2, #imgtext_3, #imgtext_4, #imgtext_5, #imgtext_6 {
  position: absolute;
  top: -28px;
  left: 0px;
  color: rgba(215,75,20,1);;
  font-size: 0.8em;
}


/* Closable button inside the expanded image */
.closebtn {
  position: absolute;
  top: -8px;
  left: 15px;
  color: rgba(215,75,20,1);
  font-size: 35px;
  cursor: pointer;
	  text-shadow:  1px  1px 6px white,
                1px -1px 6px white,
               -1px  1px 6px white,
               -1px -1px 6px white;
}

.upload {
	
	font: 1em/1.4 'enriqueta-semibold';

}

#abschicken  {
	font: 2em/1.4 'enriqueta-semibold';
	padding: 0.3em;
	color: white;
	background-color: rgba(215,75,20,1);
}


#fileToUpload {
		font: 2em/1.4 'enriqueta-semibold';
	padding: 0.3em;
}