@font-face {
    font-family: 'arial_rounded_mt_boldregular';
    src: url('/fonts/arial_rounded_bold-webfont.eot');
    src: url('/fonts/arial_rounded_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/arial_rounded_bold-webfont.woff') format('woff'),
         url('/fonts/arial_rounded_bold-webfont.ttf') format('truetype'),
         url('/fonts/arial_rounded_bold-webfont.svg#arial_rounded_mt_boldregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'cac_shishoni_brushregular';
    src: url('/fonts/cacshishonibrush-webfont.eot');
    src: url('/fonts/cacshishonibrush-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cacshishonibrush-webfont.woff') format('woff'),
         url('/fonts/cacshishonibrush-webfont.ttf') format('truetype'),
         url('/fonts/cacshishonibrush-webfont.svg#cac_shishoni_brushregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}

@font-face {
    font-family: 'minion_probold_cond';
    src: url('/fonts/minionpro-boldcn-webfont.eot');
    src: url('/fonts/minionpro-boldcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/minionpro-boldcn-webfont.woff') format('woff'),
         url('/fonts/minionpro-boldcn-webfont.ttf') format('truetype'),
         url('/fonts/minionpro-boldcn-webfont.svg#minion_probold_cond') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'minion_probold_italic';
    src: url('/fonts/minionpro-boldit-webfont.eot');
    src: url('/fonts/minionpro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/minionpro-boldit-webfont.woff') format('woff'),
         url('/fonts/minionpro-boldit-webfont.ttf') format('truetype'),
         url('/fonts/minionpro-boldit-webfont.svg#minion_probold_italic') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'bickham_script_pro_regularBd';
    src: url('/fonts/bickhamscriptpro-bold-webfont.eot');
    src: url('/fonts/bickhamscriptpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bickhamscriptpro-bold-webfont.woff') format('woff'),
         url('/fonts/bickhamscriptpro-bold-webfont.ttf') format('truetype'),
         url('/fonts/bickhamscriptpro-bold-webfont.svg#bickham_script_pro_regularBd') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'chalkdusterregular';
    src: url('/fonts/chalkduster-webfont.eot');
    src: url('/fonts/chalkduster-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/chalkduster-webfont.woff') format('woff'),
         url('/fonts/chalkduster-webfont.ttf') format('truetype'),
         url('/fonts/chalkduster-webfont.svg#chalkdusterregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'constantiabold';
    src: url('/fonts/constantia_bold-webfont.eot');
    src: url('/fonts/constantia_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/constantia_bold-webfont.woff') format('woff'),
         url('/fonts/constantia_bold-webfont.ttf') format('truetype'),
         url('/fonts/constantia_bold-webfont.svg#constantiabold') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'franklin_gothic_bookregular';
    src: url('/fonts/franklin_gothic_book-webfont.eot');
    src: url('/fonts/franklin_gothic_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/franklin_gothic_book-webfont.woff') format('woff'),
         url('/fonts/franklin_gothic_book-webfont.ttf') format('truetype'),
         url('/fonts/franklin_gothic_book-webfont.svg#franklin_gothic_bookregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}

@font-face {
    font-family: 'bauhaus_93regular';
    src: url('/fonts/bauhs93-webfont.eot');
    src: url('/fonts/bauhs93-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bauhs93-webfont.woff') format('woff'),
         url('/fonts/bauhs93-webfont.ttf') format('truetype'),
         url('/fonts/bauhs93-webfont.svg#bauhaus_93regular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'birch_stdregular';
    src: url('/fonts/birchstd-webfont.eot');
    src: url('/fonts/birchstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/birchstd-webfont.woff') format('woff'),
         url('/fonts/birchstd-webfont.ttf') format('truetype'),
         url('/fonts/birchstd-webfont.svg#birch_stdregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'blairmditc_ttmedium';
    src: url('/fonts/blairmditc_tt_medium-webfont.eot');
    src: url('/fonts/blairmditc_tt_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/blairmditc_tt_medium-webfont.woff') format('woff'),
         url('/fonts/blairmditc_tt_medium-webfont.ttf') format('truetype'),
         url('/fonts/blairmditc_tt_medium-webfont.svg#blairmditc_ttmedium') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'butterunsalted';
    src: url('/fonts/butterunsalted-webfont.eot');
    src: url('/fonts/butterunsalted-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/butterunsalted-webfont.woff') format('woff'),
         url('/fonts/butterunsalted-webfont.ttf') format('truetype'),
         url('/fonts/butterunsalted-webfont.svg#butterunsalted') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'corbelregular';
    src: url('/fonts/corbel-webfont.eot');
    src: url('/fonts/corbel-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/corbel-webfont.woff') format('woff'),
         url('/fonts/corbel-webfont.ttf') format('truetype'),
         url('/fonts/corbel-webfont.svg#corbelregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'corbelbold';
    src: url('/fonts/corbelb-webfont.eot');
    src: url('/fonts/corbelb-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/corbelb-webfont.woff') format('woff'),
         url('/fonts/corbelb-webfont.ttf') format('truetype'),
         url('/fonts/corbelb-webfont.svg#corbelbold') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'corbelitalic';
    src: url('/fonts/corbeli-webfont.eot');
    src: url('/fonts/corbeli-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/corbeli-webfont.woff') format('woff'),
         url('/fonts/corbeli-webfont.ttf') format('truetype'),
         url('/fonts/corbeli-webfont.svg#corbelitalic') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'corbelbold_italic';
    src: url('/fonts/corbelz-webfont.eot');
    src: url('/fonts/corbelz-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/corbelz-webfont.woff') format('woff'),
         url('/fonts/corbelz-webfont.ttf') format('truetype'),
         url('/fonts/corbelz-webfont.svg#corbelbold_italic') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'eccentric_stdregular';
    src: url('/fonts/eccentricstd-webfont.eot');
    src: url('/fonts/eccentricstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/eccentricstd-webfont.woff') format('woff'),
         url('/fonts/eccentricstd-webfont.ttf') format('truetype'),
         url('/fonts/eccentricstd-webfont.svg#eccentric_stdregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'lucida_sansregular';
    src: url('/fonts/lsans-webfont.eot');
    src: url('/fonts/lsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lsans-webfont.woff') format('woff'),
         url('/fonts/lsans-webfont.ttf') format('truetype'),
         url('/fonts/lsans-webfont.svg#lucida_sansregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'lucida_sansdemibold_roman';
    src: url('/fonts/lsansd-webfont.eot');
    src: url('/fonts/lsansd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lsansd-webfont.woff') format('woff'),
         url('/fonts/lsansd-webfont.ttf') format('truetype'),
         url('/fonts/lsansd-webfont.svg#lucida_sansdemibold_roman') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'lucida_sansdemibold_italic';
    src: url('/fonts/lsansdi-webfont.eot');
    src: url('/fonts/lsansdi-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lsansdi-webfont.woff') format('woff'),
         url('/fonts/lsansdi-webfont.ttf') format('truetype'),
         url('/fonts/lsansdi-webfont.svg#lucida_sansdemibold_italic') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'lucida_sansitalic';
    src: url('/fonts/lsansi-webfont.eot');
    src: url('/fonts/lsansi-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lsansi-webfont.woff') format('woff'),
         url('/fonts/lsansi-webfont.ttf') format('truetype'),
         url('/fonts/lsansi-webfont.svg#lucida_sansitalic') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'varga_stdregular';
    src: url('/fonts/vargastd-webfont.eot');
    src: url('/fonts/vargastd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/vargastd-webfont.woff') format('woff'),
         url('/fonts/vargastd-webfont.ttf') format('truetype'),
         url('/fonts/vargastd-webfont.svg#varga_stdregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'verdanaregular';
    src: url('/fonts/verdana-webfont.eot');
    src: url('/fonts/verdana-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verdana-webfont.woff') format('woff'),
         url('/fonts/verdana-webfont.ttf') format('truetype'),
         url('/fonts/verdana-webfont.svg#verdanaregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'verdanabold';
    src: url('/fonts/verdanab-webfont.eot');
    src: url('/fonts/verdanab-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verdanab-webfont.woff') format('woff'),
         url('/fonts/verdanab-webfont.ttf') format('truetype'),
         url('/fonts/verdanab-webfont.svg#verdanabold') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'verdanaitalic';
    src: url('/fonts/verdanai-webfont.eot');
    src: url('/fonts/verdanai-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verdanai-webfont.woff') format('woff'),
         url('/fonts/verdanai-webfont.ttf') format('truetype'),
         url('/fonts/verdanai-webfont.svg#verdanaitalic') format('svg');
    font-weight: normal !important;
    font-style: normal;

}




@font-face {
    font-family: 'verdanabold_italic';
    src: url('/fonts/verdanaz-webfont.eot');
    src: url('/fonts/verdanaz-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/verdanaz-webfont.woff') format('woff'),
         url('/fonts/verdanaz-webfont.ttf') format('truetype'),
         url('/fonts/verdanaz-webfont.svg#verdanabold_italic') format('svg');
    font-weight: normal !important;
    font-style: normal;

}

* {
margin:0;
padding:0;
}

#Übersicht {
float:left;
width:30%;
height:30%;
margin-bottom:3.5%;
font-size:1.8em;
line-height:1.5em;
}

body {
margin-top:3%;
font-size:100%;
}

li {
color: #AB2D38;
margin-left:3%;
}

li span {
color: black;
}

a:link {
color:black
}

a:visited {
color:black;
}

div {

}

.werbe {
float:left;
font-family: arial_rounded_mt_boldregular;
}

#links {
width:20%;
margin-left:5%;
}

#mittelinks {
width:25%;
line-height:1.5em;
font-size: 1.8em;
}

#mitterechts {
width:25%;
line-height:1.5em;
font-size: 1.8em;
}

#rechts {
width:25%;
}

#Überschrift {
background:black;
position:relative;
margin-left:-25%;
margin-top:-6%;
}

 @media only screen and (max-width:1599px) {
 #Überschrift {
margin-left:-67%; 
 }
}

#bull {
color:#AB2D38;
font-size:0.8em;
margin-right:3%; 
}

 .imp {
margin-top:-3%;
float:left;
border:0;
}

#implinks {
width:25%;
margin-left:15%
}

#impmitte {
width:15%;
margin-top:1%;
margin-right:5%;
line-height:1.3em;
font-size:1.3em;
}

#imprechts {
width:25%;
margin-right:10%;
margin-left:5%; 
} 


.vordergrund {
z-index:10;
}

.fader {
    position: relative;
    display: inline-block;
    width:100%;
	z-index:2;
}

.fader img {
    vertical-align: top;
	height:300px; 
	max-width:300px;
}

.fader img.next {
    position: absolute;
    top: 0;
    left: 0;
}



#schrift {
font-family:arial_rounded_mt_boldregular; 
font-size:19pt;
}

 @media only screen and (max-width:1599px) {
	#schrift {
		font-size:16pt;
	}
}

 @media only screen and (max-width:1199px) {
	#schrift {
		font-size:14pt;
	}
}

/*  #pointsR {
margin-top:-25%;
} 

 @media only screen and (max-width:1599px) {
	#pointsR{
	margin-top:-20%;
	}
 }
 
 #pointsS {
 margin-top:-15%
 }
  @media only screen and (max-width:1599px) {
	#pointsS{
	margin-top:-10%;
	}
 } */
 
#square {
  display: inline-block;
}
#square p {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
#square .filling {
  opacity: 1;
  visibility: visible;
}
#square .filling2 {
  opacity: 1;
  visibility: visible;
}
#square:hover p {
  opacity: 1;
  visibility: visible;
}
#square:hover .filling {
  opacity: 0;
  visibility: hidden;
}
#square:hover .filling2 {
  opacity: 0;
  visibility: hidden;
}

/* STYLING */
#square {
  cursor: pointer;
  position: relative;
}
#square p {
  display: inline-block;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.8;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#square .filling {
  width: 100px;
  height:101px;
  margin-left:-85%;
  margin-top:-30%;
  background-image:url(rotpunkt.jpg);

}
#square .filling2 {
  width: 100px;
  height:100px;
  margin-left:78.5%;
  margin-top:3%;
  background-image:url(schwarzpunkt.jpg);
}
#square > * {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}