@charset "UTF-8";
* {
  box-sizing: border-box;
}
body, html {
  font-family: "Futura", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 11pt;
  height: 100%;
  margin: 0 auto;
  scroll-behavior: smooth;
  background-color: rgba(248, 248, 248, 1.00);
  color: #666666;
}
.play {
  display: none;
}
.logo {
  background-color: white;
  margin-top: 90px;
  padding: 1%;
  width: 100%;
  float: right;
  right: 0;
}
.logo img {
  float: right;
  margin-top: 20px;
}
.fair img {
  z-index: -1;
  rotate: -5deg;
  width: 25%;
  height: auto;
  padding-top: 30px;
  padding-right: 15px;
}
.logo img:after {
  content: "";
  clear: float;
  display: table;
}
.logo {
  clear: right;
  clear: both;
}
.screen {
  margin-top: 500px;
  margin: 0 15%;
  height: 100%;
}
.navigation {
  z-index: 20;
}
.navigation a {
  font-family: myFirstFont;
  font-size: 14pt;
  color: rgba(163, 163, 163, 1.00);
  text-decoration: none;
  float: left;
}
.navigation a:visited {
  color: rgba(163, 163, 163, 1.00);
}
.navigation a:hover {
  color: rgba(201, 52, 130, 1.00);
}
.navigation a:active {
  color: rgba(201, 52, 130, 1.00);
}
.navigation {
  position: fixed;
  width: 100%;
  background-color: rgba(252, 252, 252, 1.00);
  -webkit-box-shadow: -7px 22px 41px -30px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -7px 22px 41px -30px rgba(0, 0, 0, 0.75);
  box-shadow: -7px 22px 41px -30px rgba(0, 0, 0, 0.75);
}
.nav {
  text-align: center;
}
ul li {
  display: inline-block;
  padding: 1% 2%;
}
.magazin-01 {
  width: 25%;
}
.magazin-02 {
  width: 18.2%;
}
.magazin-03 {
  width: 38%;
}
.magazin-03-3 {
  width: 27%;
}
.row {
  text-align: center;
  background-color: white;
}
.row img {
  margin: 2% 1%;
  border: rgba(165, 165, 165, 1.00) solid 1px;
}
.main {
  width: 100%;
  background-color: white;
}
.ueberschrift {
  font-family: myFirstFont;
  font-size: 14pt;
  color: rgba(201, 52, 130, 1.00);
  float: none;
  width: 100%;
  text-align: left;
  padding: 5% 0 1% 5%
}
.newspaper {
  text-align: left;
  column-width: 300px;
  padding: 0 10% 5% 10%;
  width: 100%;
  background-color: white;
  column-gap: 40px;
  column-rule: 1px solid rgba(201, 52, 130, 1.00);
}
.newspaper-02 {
  text-align: left;
  column-width: 300px;
  column-count: 2;
  padding: 0 10% 5% 10%;
  width: 100%;
  background-color: white;
  column-gap: 40px;
  column-rule: 1px solid rgba(201, 52, 130, 1.00);
}
.newspaper-02 img {
	border: #F70B0F;
}
.text_verlag {
  text-align: left;
  padding: 5% 10% 5% 10%;
  width: 100%;
}
.ulrike {
  width: 40%;	
  padding: 0 5% 5% 10%;
  height: auto;
  float: left;
}
.kontakt {
  text-align: left;
  padding: 0 10% 0 10%;
}
.goethe{
	font-style: italic;
	font-weight: lighter;
}
.kontakt a {
  color: rgba(29, 29, 29, 1.00);
}
.collapsible {
  background-color: rgba(163, 163, 163, 5.00);
  color: white;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: rgba(207, 207, 207, 1.00) 1px solid;
  font-size: 15px;
}
.active, .collapsible:hover {
  background-color: rgba(201, 52, 130, 1.00);
}
.content {
  font-size: 13px;
  padding: 5% 10%;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
  text-align: left;
}
.pfeil {
  font-size: 14pt;
}
footer {
  position: fixed;
  bottom: 0;
  background-color: rgba(201, 52, 130, 1.00);
  height: auto;
  width: 100%;
	left:0;
  color: rgba(247, 244, 244, 1.00);
  text-align: center;
  font-size: 10pt;
  padding: 1%;
  -webkit-box-shadow: -7px -3px 50px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -7px -3px 50px -13px rgba(0, 0, 0, 0.75);
  box-shadow: -7px -3px 50px -13px rgba(0, 0, 0, 0.75);
}
footer a {
  padding: 1%;
  color: rgba(247, 244, 244, 1.00);
}
@media only screen and (max-width: 1110px) {
  .fair img {
    width: 30%;
  }
  .screen {
    margin: 0 5%;
  }
  .magazin-01, .magazin-02, .magazin-03, .magazin-03-3 {
    width: 35%;
  }
	.nicht{
		display: none;
	}
}
@media screen and (max-width: 800px) {
	
}
@media only screen and (max-width: 750px) {
  .fair img {
    width: 40%;
  }
  .navigation a:link {
    font-size: 11pt;
  }
  .screen {
    margin: 0 0;
  }
  footer {
    padding: 0 auto;
    height: 45px;
    overflow: visible;
  }
  .play {
    display: inherit;
  }
  .row img {
    height: auto;
  }
}
@media screen and (max-width: 650px) {
  .ulrike {
    padding: 0 10% 5% 10%;
    width: 80%;
    height: auto;
    float: inherit;
  }
}
@media only screen and (max-width: 450px) {
  .logo {
    width: 90%;
  }
  .logo img {
    width: 90%;
    margin-right: 20px;
    height: auto;
  }
  .fair img {
    width: 70%;
    height: auto;
    rotate: inherit;
    padding: 0px 15px 25px 0;
    margin-top: -1px
  }
  .magazin-01, .magazin-02, .magazin-03, .magazin-03-3 {
    width: 75%;
  }
  footer a {
    font-size: 9.5pt;
    padding: 3px;
    font-weight: normal;
  }
}