* {
	padding:0;
	margin:0;
}

.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
	line-height:0;
} 

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}
.left {
    float:left;
}
.right {
    float:right;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, details, figcaption, figure,
header, content, footer, hgroup, menu, nav, section {
    display:block;
}

.content-top, .content-1, .content-2, .content-left, .content-right,
.footer-top, .footer-middle, .footer-social, .footer-anniversary, .footer-text, .footer-line-1, .footer-line-2, .footer-line-3{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#header {
	display:block;
	text-align: center;
	width: 100%;
	height:80px;
	margin-left: 0;
}
.logo {
/*	background-position: left center;
	background-repeat: no-repeat;
	background-origin: content-box;
	top: 15px;
	right: 41%;
	min-width: 240px;
	position:absolute;
	width:18%;
*/	opacity:0.8;
	padding-top: 10px;
	z-index:1000;
}
#spruch {
	display:block;
	text-align: center;
	width: 100%;
	height: auto;
	opacity: 0.9;
	}
.textbild {
	max-width: 100%;
	padding-top: 0;
}
#ie8 .textbild {
	width: 100%;
}

#content {
  display:block;
}
.content-top {
	width: 100%;
	margin-left: 0;
	padding-top: 10px;
	text-align: center;
	font-size:20px;
	color:#ef7a2c;
}
.content-top img{
	width: 33%;
	min-width:300px;
	max-width:600px;
	height: auto;
	opacity: 0.8;
}
.content-1 {
	width: 100%;
	margin-left: 0;
	color:#ef7a2c;
	text-align:center;
}
.content-2 {
  width: 100%;
  margin-left: 0;
  color:#ef7a2c;
}
.content-left {
	width: 50%;
	margin-left: 0;
	color:#ef7a2c;
	text-align: right;
	padding-top:30px;
	padding-right:30px;
}
.content-right {
	width: 50%;
	margin-left: 0;
	color:#ef7a2c;
	padding-top:30px;
	padding-left:30px;
}
#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
}

.footer-top{
	width: 100%;
	height:80px;
	text-align: center;
	padding-top: 45px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom:1px solid #666;
	margin-left: 0;
	background-image: url(../img/verlauf2-black.png);
	background-repeat: repeat-x;

}
.footer-top img{
	max-width: 100%;
	height: auto;
}

.footer-middle{
	width: 100%;
	margin-left: 0;
	color:#ef7a2c;
	text-align: center;
	padding-top:12px;
	background-image: url(../img/verlauf3.png);
	background-repeat:repeat-x;
	background-color:#51443e;
	background-color:rgba(81, 68, 62, 0.9);
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.4);
}
.footer-middle img {
	max-width: 35px;
	min-width: 20px;
	height: auto;
	opacity:1.0;
}
.footer-middle img:hover,
.footer-middle img:active {
	max-width: 35px;
	min-width: 20px;
	height: auto;
	opacity:0.6;
}

.footer-social{
	width: 50%;
	text-align: right;
	padding-top: 3%;
	padding-right:1%;
}
.footer-social img {
	max-width: 40px;
	min-width: 20px;
	height: auto;
}
.footer-anniversary{
	display: none;
	width: 50%;
	text-align: left;
	padding-top: 0%;
	padding-left:1%;
}
.footer-anniversary img {
	max-width: 120px;
	min-width: 50px;
	height: auto;
}
.footer-anniversary-counter{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.footer-text{
	width: 100%;
	margin-left: 0;
	color:#ef7a2c;
	background-color:#51443e;
	background-color:rgba(81, 68, 62, 0.9);
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.4);
}
.footer-line-1{
	width: 100%;
	text-align: center;
}
.footer-line-1 img {
	max-width: 5%;
	height: auto;
	font-size: 90%;
}
.footer-line-2{
    display:none;
	width: 100%;
	text-align: center;
	font-size: 90%;
}
.footer-line-3{
    display:none;
	width: 100%;
	text-align: center;
	font-size: 80%;
}
.ghost-btn {
	display:inline-block;
	width: 260px;
	padding: 0px;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	text-align: center;
	outline: none;
	text-decoration: none;
	background-color: #51443e; /* fallback */
	background-color: rgba(239,123,43,0.8);

}
.ghost-btn:hover,
.ghost-btn:active {
	background-color: transparent; /* fallback */
	background-color: rgba(81,68,62,0.8);
	background-color: #51443e; /* fallback */
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	border: 2px solid #fff;
}
.ghost-btn img{
	width: 50%;
	min-width:300px;
	max-width:900px;
	height: auto;
}

.no-mobile {
	display:inline-block;
	width: 100%;
}
.mobile {
	display:none;
	width: 100%;
}

#anniversary-btn {
    position:absolute;
	background-image: url(../img/AnniversaryButton25.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 150px auto;
	height: 150px;
	min-width: 150px;
	bottom: 45px;
	right: 80px;
	width:15%;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(81,68,62, 0.8);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 2s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #ef7a2c;
}
.popup .message {
  max-height: 30%;
  overflow: auto;
}

html {
    position: relative;
    min-height: 100%;
}

body {	
	width:100%;
	font-family: Arial, Helvetica, sans serif;
	font-size: 100%;
	line-height: 1.5em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
 	font-smoothing: antialiased;
	color: #777;
	background: #51443e;
}

h1, h2, h3, h4, h5, h6{
	color:#ef7a2c;
	font-weight:400;
	letter-spacing: 1px;
}

h1{
    font-size: 1.714285714em; /* 24 / 14 */
    line-height: 1.5em; /* 21 / 14 */
	text-transform:uppercase;
	text-transform:uppercase;
    text-shadow:
     -1px -1px 0 rgba(58,50,45,0.8),  
      1px -1px 0 rgba(58,50,45,0.8),
      -1px 1px 0 rgba(58,50,45,0.8),
       1px 1px 0 rgba(58,50,45,0.8);
}

h2{
  font-size: 1.5em; /* 21 / 14 */
  line-height: 1.5em; /* 21 / 14 */
	text-transform:uppercase;
    text-shadow:
     -1px -1px 0 rgba(58,50,45,0.8),  
      1px -1px 0 rgba(58,50,45,0.8),
      -1px 1px 0 rgba(58,50,45,0.8),
       1px 1px 0 rgba(58,50,45,0.8);
}
h3{
    font-size: 2.0em; /* 24 / 14 */
    line-height: 1.5em; /* 21 / 14 */
	text-transform:uppercase;
}
a {
	color: #ef7a2c;
	text-decoration:none;
	font-weight: normal;
}

a:hover {text-decoration:none;}

p{
    font-size: 1em; /* 14 / 14 */
    line-height: 1.5em; /* 21 / 14 */
    margin-bottom: 1.5em; /* 21 / 14 */
}
#maximage {
	display:none;
	position:fixed !important;
}

.gradient {
	left:0;
	height:100%;
	position:absolute;
	top:0;
	width:100%;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 1000px){
#anniversary-btn {
	right: 8px;
}

}
@media screen and (max-width: 768px){
.content-top {
	display:none;
}
.content-left {
	width: 100%;
	text-align: center;
	padding-right:0px;
}
.content-right {
	width: 100%;
	text-align: center;
	margin-left: 0;
	padding-left:0px;
}
.footer-line-1 {
	display:none;
}
.footer-line-2 {
	display:block;
}
.footer-line-3 {
	display:none;
}
#anniversary-btn {
	display:none;
}
.popup {
	width: 70%;
}
}

@media screen and (max-width: 480px){
.no-mobile {
	display:none;
}
.mobile {
	display:inline-block;
}
.footer-line-1 {
	display:none;
}
.footer-line-2 {
	display:none;
}
.footer-line-3 {
	display:block;
}
.footer-social{
	display: none;
}

.footer-anniversary{
	display: none;
}
.popup {
	width: 80%;
}
}

/* Custom Breakpoints */

@media screen and (max-width: px) {
 /* Add your styles for devices with a maximum width of  */
}