@charset "UTF-8";
/* CSS Document */
/* xxxxxxxx Normales Design xxxxxxxxxx*/
body{
	font-family: "Lucida Grande", Verdana, sans-serif;
	line-height:1.125em;
	font-size:1em;
	background:url(../images/grauerhintergrund.png);
	background-size:200%;
	height: 98%;
	margin: 1%;
	color:#CCC;
}
#container {
	position:relative;
	margin: 0 auto;
	width: 80%;
	height: 90%;
}
/* header */
header{
	width: 100%;
	height: 10%;
	margin: 0 0 1% 0;
	background-color:black;
	z-index:9;
}
img.logo{
    padding:1%;
	width:15%;
}
img.willkommen{
	padding:0.5% 0% 0.5% 17%;
	width:30%;
}

/* navigation */

nav{
	background-color:black;
	width: 100%;
	height: 10%;
	margin: 0 0 1% 0;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
}
nav ul{
	text-align:center;
	padding:0% 5%;
	margin:0% 0%;
}
nav ul li{
	display: inline;
	list-style: none;
	font-weight: bold;
	margin: 0 2%;
}
nav ul li a{
	color:#686565;
	text-decoration:none;
}
nav ul li a:link{color:#CCC;}
nav ul li a:hover{
  color: #000;
  background: #ccc;
}
nav ul li a:active{color:#5C5C5C;}

/* hauptteil */
#content {
	height:33.875em;
	width:50.000em;
	overflow:auto;
	margin:0 auto;
	padding-top:4%;}
#bildteam{
	height:33.875em;
	width:50.000em;
	overflow:hidden;
	margin:0 auto;
}
#content_area {
  clear: both;
  width:100%;
  height: 80%;
    margin: 0%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#000;
}

#content p {
  font-size: 1.2em;
}

/* footer */
img.unten{
	padding:0.5% 0% 0.5% 45%;
	width:5%;
	
}
img.paragraph{
	float:right;
	padding-top:0.5%;
	padding-right:2%;
	width:2%;
}
img.facebook{
    float: right;
    padding-right: 1%;
    padding-top: 0.6%;
    width: 3%;

}
footer{
	background-color:black;
	width: 100%;
	height: 10%;
	margin: 2% 0 0 0;
	clear:both;
}
/* home */
#teamklein{display:none;}
img.team{
	width:97%;
	border: solid black;
	border-width:1.000em;
	padding-top: 3%;
}
#jubi {
	display:none;
}
.textbox:hover{opacity:1;}

.textbox{
	height: 59%;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    top: 27%;
	left:15%;
    transition: all 0.7s ease 0s;
    width: 67%;
	background-color:rgba(0,0,0,0.75);
	
}
/* das team */
#contentteam{
	background:black;
    max-height: 90%;
    margin: 0 0 1% 0;
    max-width: 100%;
	overflow:auto;
	
}
.teamtext{
	max-width:33%;
	max-height: 70%;
	float:left;
	font-size:75%;
	background-color:black;
	margin-bottom:1%;
	overflow:auto;

}
.teamtext p{
	text-align:left;
	padding-left:8%;
	padding-right:6%;
}

img.bild{
	padding-top:9%;
	padding-left:9%;
	width:80%;
	
}
img.bild2{
	padding-top:9%;
	padding-left:9%;
	width:105%;
	
}
/* veranstaltung*/
#veranstaltung{
	padding-top:10%;
	text-align:center;
	padding-bottom:20%;
	background:url(../images/hintergrund.jpg);
	background-size:100%;
}
#veranstaltung ul{
	text-align:center;
	margin-top:10%;
}
#veranstaltung ul li{
	border:thin solid white;
	list-style:none;
	display:inline;
	padding:1%;
	margin:2%;
}
#veranstaltung ul li a{
	color:white;
	text-decoration:none;
	font-weight:lighter;
}
#veranstaltung ul li a:hover{
	color:black;
	background-color:white;
	padding:1%;
}
/* hochzeit*/
#hochzeit{
	padding:0%;
	text-align:center;
	padding-bottom:5%;
}
#hochzeit p{
	font-size:0.875em;
}
#hochzeit a{
	float:left;
	color:white;
}
#hochzeit a:hover{
	color:black;
	background-color:white;
	padding:1%;
}
img.herz{
	width:40%;
	
}
/* galerie*/
img.galerie{
	width:25%;
	padding:2%;
	
}
/* alles andere*/

h2,h3,h4{
	font-size:125%;
	text-align:center;
}
.text2{padding-bottom:47.5%;}
.text3{padding-bottom:40.2%;}

.teamtext a{color:#CCC;}
.teamtext a:link{color:#CCC;}
.teamtext a:hover{color:#5C5C5C;}
.teamtext a:active{color:#5C5C5C;}
.link a{color:#5C5C5C;
        text-decoration:none;}
.link a:link{color:#5C5C5C;}
.link a:hover{color:#5963B4;}
.link a:active{color:#5C5C5C;}
.kontakt{
	text-align:center;
	padding-top:10%;
	padding-bottom:10%;
	background-color:black;
	margin:2% auto;
}
.steuernummer{font-size:0.625em;}
.steuernummer a:link{color:#5C5C5C;}
.steuernummer a:hover{color:#5963B4;}
.steuernummer a:active{color:#5C5C5C;}
.referenzen{
	font-size:0.875em;
    margin: 0 1% 1% 0;
	width:100%;
	text-align:center;
	padding-bottom:2%;
	background-color:black;
	}
.referenzen a{color:#CCC;
        text-decoration:none;}
.referenzen a:link{color:#CCC;}
.referenzen a:hover{color:#5963B4;}
.referenzen a:active{color:#5C5C5C;}
#oben{
	clear: both;
    color: white;
    float: right;
    font-size: 1.167em;
    padding:0% 0% 3% 0%;
    text-decoration: none;}

.agb{
	margin-top:1%;
	margin-bottom:1%;
	padding-top:2%;
	padding-bottom:2%;
	font-size:75.0%;
    width:100%;
    background-color:black;
}
.agb ul{width:90%;
        margin:0 auto;
		 
		}
/* xxxxxxxxxx tablet xxxxxxxxxx */
@media only screen and (min-width:680px) and (max-width:1020px) {

/* hauptteil */

#bildteam{
	height:25.5em;
	width:50.000em;
	overflow:hidden;
	margin:0 auto;
}
#content p {
  font-size: 1.2em;
}
/* home */
#teamklein{display:none;}
img.team{
	width:60%;
	border: none;
	padding:6% 12%;
}
.textbox{
	height: 40%;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    top: 40%;
	left:25%;
    transition: all 0.7s ease 0s;
    width: 50%;
	background-color:rgba(0,0,0,0.75);
}
/* das team */
#contentteam{
    max-height: 90%;
    margin: 0 0 1% 0;
    max-width: 70%;
	overflow:auto;
	padding-left:11%;
}
#veranstaltung {
    background: rgba(0, 0, 0, 0) url("../images/hintergrund.jpg") no-repeat scroll 0 0 / 80% auto;
    padding-bottom: 20%;
    padding-top: 10%;
    text-align: center;
}
#content {
    font-size: 0.85em;
    height: 25.5em;
    margin: 0 auto;
    overflow: auto;
    padding-top: 2%;
    width: 40em;
}
}
	/* xxxxxxxxxx smartphone xxxxxxxxxx */
@media only screen and (min-width:320px) and (max-width:680px) {
	#jubi {
	display:block;
	color:white;
	text-align:center;
	font-weight:bold;
	padding-top: 6%;
    width: 50%;
}
body{
	font-size:0.750em;
}
img.logo{
    padding-left:33%;
	padding-top:5%;
	width:30%;
}
img.willkommen{
	padding:2% 0% 2% 20%;
	width:60%;
}

/* navigation */

nav{
	margin: 0;
	padding:0%;
	font-size:1.2em;
}
nav ul{
	padding:0%;
	margin:0%;
}
nav ul li{
	display: block;
	list-style: none;
	font-weight: bold;
	margin: 0 2%;
	border:white thin solid;
}

/* hauptteil */
#content {
	height:33.875em;
	width:28.000em;
	overflow:auto;
	margin:0 auto;
	padding-top:4%;}
#bildteam{
	height:33.875em;
	width:50.000em;
	overflow:hidden;
	margin:0 auto;
}
#content_area {
  clear: both;
  width:100%;
  height: 80%;
    margin: 0%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#000;
}

#content p {
  font-size: 1.2em;
}

/* home */
#teamklein{
	display:block;
	width:45%;
	padding:2% 0% 0% 2.5%;
}
img.team{
	display:none;
}

.textbox{
display:none;	
}
/* das team */
#contentteam{
	background:black;
    max-height: 90%;
    margin: 0 0 1% 0;
    max-width: 100%;
	overflow:auto;
	
}
.teamtext{
	max-width:100%;
	max-height: 70%;
	clear:both;
	font-size:75%;
	background-color:black;
	margin-bottom:1%;
	overflow:auto;

}
.teamtext p{
	text-align:left;
	padding-left:8%;
	padding-right:6%;
}

img.bild{
	padding-top:9%;
	padding-left:9%;
	width:80%;
	
}
img.bild2{
	padding-top:9%;
	padding-left:9%;
	width:105%;
	
}
/* veranstaltung*/
#veranstaltung{
	width:100%;
	padding-left:1%;
}
#veranstaltung ul{padding:0;}
#veranstaltung ul li{
	display:block;
}
#hochzeit{
	padding:0%;
	text-align:center;
	padding-bottom:5%;
	width:100%;
	padding-left:1%;
}
}