@charset "utf-8";

img[usemap] {
  border:0;
  height:auto;
  max-width:100%;
  width:auto;
}


body { 
font-family: "Source Sans 3", sans-serif;
font-weight: normal; 
font-style: normal; 
font-size:1.1em;
color:#2778aa;
background-color:#fff;
text-align:center;

background-repeat: no-repeat;
background-position: top center;
	/*background-size: cover;*/
}

#div1 {
	z-index:10;
}
#hefte {
	position:absolute;
	background-image: url("images/ufo-hefte-1025.jpg");
	background-repeat: no-repeat;
	width:1025px;
	height:1882px;
	z-index:-1005;
	margin-left:-440px;
	margin-top:-350px;
}

/*
.SkyhookMono { 
	font-family: SkyhookMono;
	font-weight: normal;
	font-style: normal;
}
.Fjalla {
font-family: 'Fjalla One', sans-serif;
	font-weight: normal;
	font-style: normal;
}
*/

.marginPfeil {
	margin-right:41px;
	margin-bottom:0;
}

.lila {
	color:#E30D7D;
}
.lila2 {
	color:#fff;
}


.f150 {
	font-size:250%;
}

.f450 {
	font-size:300%;
	
}

.f350{
	font-size:180%;
	line-height:2;
}

.underline {
	text-decoration:underline;
}
.f130 {
font-size:150%;
}

.f1300 {
font-size:110%;
}

.f900 {
font-size:90%;
}

.abstandOben {
	margin-top:20px;
}
.abstandOben2 {
	margin-top:40px;
}
.abstandOben3 {
	margin-top:340px;
}


	


.gridContainer {
	margin: 0px auto;
	width:100%;
	max-width: 1160px;
	padding:2%;
}

#div1 {
	width:100%;
	
}

#fdiv {
	text-align:right;
	margin-right:150px;
}

.cakeImg {
	margin-bottom:70px;
}

#cake {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
#cake1 {
	width:100%;
	text-align:left;
	margin-left:50px;
	padding-top:200px !important;
}
#cake2 {
	width:70%;
	text-align:left;
}
#blaettern {
	margin-top:75px;
}
.blattern {
	
	font-size:200%;
	font-weight: normal;
	font-style: normal;
}

#ufos {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin-top:40px;
}
#ufo1, #ufo2, #ufo3, #ufo4, #ufo5, #ufo6 {
	text-align:left;
	max-width:153px;
	font-size:140%;
}
#ufo1, #ufo2, #ufo3, #ufo4, #ufo5 {
	margin-right:30px;
}

#infos {
	margin-top:25px;
		font-size:130%;
		text-align:right;
		color:#2778aa;
}

/*
.lila {
color:#D04780;
}
*/

#feedback {
margin-top:60px;
}

#impressum2 {

	margin-left:0;
	text-align:right;

 

  }
  

.f80 {
	font-size:80%;
}

.f65 {
	font-size:80%;
	padding-right:30px;
}

.impressumAbstand {

}

.pfeil {
	margin-top:-20px !important;
	margin-right:20px;
}


/* ab hier anpassen*/

.logoBild {
	text-align:center;
	width:30%;
	height:auto;
}
.startBernd {

	width:40%;
	height:auto;
	margin-left:2%;
	margin-bottom:2%;
}

#startBild2 {
	position: relative;
	top:-5em;
	left:36.1445%;
	margin-bottom:-6em;
	
}


#contactBild {
	position: relative;
	top:-4em;
	left:52.1445%;
	margin-bottom:-12em;
	
}

.logoSchwarz {
float:right;
margin-right:2%;
width:25%;
height:auto;
}

.startTisch{
	width:17%;
	height:auto;
	/*margin-left:2%;*/
	left:15%;
	margin-bottom:15%;
	visibility:hidden;
}
.startHigh {
	text-decoration:underline;
	font-size:210%;

}
.startHigh2 {
	font-size:220%;
}

.startHigh3 {
	font-size:220%;
	padding-left:0.6%;
}



.durchgestrichen {
	text-decoration:line-through;
}

.tiefgestellt {
font-size:350%;
vertical-align: -.2em;	
line-height:70%;
}
.normal{
	font-size:150%;
	line-height:180%;
}
.normal2{
	font-size:150%;
}


.headline {
font-size:350%;
}

.weite {
	width:92%;
}

.weite2 {
	width:80%;
	line-height:210%;
}


#navi {
	width:50px;
}


a { color: #2778AA; text-decoration:underline;   }
a:visited { color:#2778AA; }
a:hover { color:#545454; text-decoration:underline; }
a:focus { outline: none; }

a.nav { color: #fff; text-decoration:none; margin-left:1%; margin-right:1%; font-size:140%; }
a.nav:visited { color: #fff; }
a.nav:hover { color: #ccc; text-decoration:underline; }
a.nav:focus { outline: none; }


a.rot { color: #D44D75; font-size:100%;  font-family: 'Fjalla One', sans-serif; }
a.rot:visited { color: #D44D75; }
a.rot:hover { color: #ccc;  }
a.rot:focus { outline: none; }

.rotVorLink { color: #D44D75; font-size:85%; font-weight:bold; }
.rotNur { color: #D44D75; font-weight:bold;  }

a.we { color: #fff; font-size:100%;  font-family: 'Fjalla One', sans-serif; }
a.we:visited { color: #fff; }
a.we:hover { color: #ccc;  }
a.we:focus { outline: none; }

.weVorLink { color: #fff; font-size:85%; font-weight:bold; }
.weNur { color: #fff; font-weight:bold;  }


a.nav2 { color: #000; text-decoration:none;  }
a.nav2:visited { color: #000; }
a.nav2:hover { color: #ccc; text-decoration:underline; }
a.nav2:focus { outline: none; }


#navi li { 
	list-style: none; 
	float: left; 
}

#navi ul li {
	margin-left:0.5%; margin-right:2.2%; margin-top:0px; font-size:100%;
}


a.navR { color: #FBE2E2; text-decoration:none; margin-left:1%; margin-right:1%; margin-top:0px; font-size:100%;  }
a.navR:visited { color: #FBE2E2; }
a.navR:hover { color: #ccc; text-decoration:underline; }
a.navR:focus { outline: none; }


/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


a.start { color: #000;font-size:350%; text-decoration:underline; line-height:90%; }
a.start:visited { color: #000; }
a.start:hover { color: #ccc; text-decoration:none; }

a.start2 { color: #000;  font-size:150%; text-decoration:underline; }
a.start2:visited { color: #000; }
a.start2:hover { color: #ccc; text-decoration:none; }


a.startWhite { color: #fff;  font-size:350%; text-decoration:underline; line-height:90%; }
a.startWhite:visited { color: #fff; }
a.startWhite:hover { color: #ccc; text-decoration:none; }

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

img, object, embed, video {
	max-width: 100%;
}


/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}



.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}







.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}

.logoSchwarz {
float:left;
margin-right:2%;
width:6.89935%;
height:auto;
}

.startTisch{
	margin-left:5%;
	margin-bottom:2.3%;
	width:17%;
}

#navi {
	width:100%;
}

a.nav { color: #000; text-decoration:none; margin-left:1%; margin-right:1%; font-size:120%; }
a.nav:visited { color: #000; }
a.nav:hover { color: #ccc; text-decoration:underline; }
a.nav:focus { outline: thin dotted; }

a.nav2 { color: #000; text-decoration:none; margin-left:1%; margin-right:1%; margin-top:0px; font-size:100%;  }
a.nav2:visited { color: #000; }
a.nav2:hover { color: #ccc; text-decoration:underline; }
a.nav2:focus { outline: thin dotted; }

#startBild2 {
	position: relative;
	top:-5em;
	left:36.1445%;
	margin-bottom:-6em;
	
}

.logoBild {
	text-align:center;
	width:20%;
	height:auto;
}
.startBernd {

	width:22.489%;
	height:auto;
	margin-left:2%;
	margin-bottom:2%;
}
.startHigh {
	text-decoration:underline;
	font-size:220%;

}

#abstand {
	margin-top:10%;
}


a:hover, a:active, a:focus { outline: none; }
a img
{
  border:0px;
}






/* IPAD */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.gridContainer {
	margin: 0px auto;
	width:100%;
	max-width: 90%;
	padding:2%;
}
}
/*ENDE IPAD*/
@media screen and (max-width: 480px) {
.gridContainer {
	margin: 0px auto;
	width:100%;
	max-width: 90%;
	padding:2%;
}
body { 

font-weight: normal; 
font-style: normal; 
font-size:.7em;
}
}


@media screen and (max-width: 500px) {
#ufos img {
max-width:80px !important;
}
#ufo1, #ufo2, #ufo3 {
	margin-right:10px;
}
#impressum2 {
	width:100%;
	margin-left:2%;
	text-align:right;

}
	#hefte {
		display:none;
	}

/*
#ufos {
	flex-direction:column;
-webkit-align-items: flex-center !important;
    -ms-flex-align: center !important;
    align-items: flex-center !important;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin-top:40px;
	 align-content: center;
	 left:0;
	 margin-left:0;
	 text-align:left;
	 display:none;
}
#ufo1, #ufo2, #ufo3, #ufo4 {
	margin-left:-150px !important;
	padding-left: 0 !important;
}
#ufo1, #ufo2, #ufo3, #ufo4 {
	text-align:left;
	max-width:100%;
	font-size:140%;
}
*/

}


/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-sans-3-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/source-sans-3-v19-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v19-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/source-sans-3-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/source-sans-3-v19-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-3-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/source-sans-3-v19-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}