body, html {
	background: white;
	margin: 0;
	padding: 0;
	font-size: 62,5%;
}

header nav#mobi ul {
	width: 100%;
	margin: 0;
	padding: 0;
	max-height: 0;
	transition: all 800ms;
	overflow: hidden;
	float: left;
}

header nav#mobi:hover > ul {
	max-height: 800px;
}

header nav#mobi ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	transition: all 800ms;
	float: left;
	list-style: none;
	position: relative;
}

header nav#mobi ul li a {
	float: left;
	display: inline-block;
	padding: 1em 5% 1rem 5%;
	min-width: 12rem;
	width: 90%;
	text-align: center;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 300;
	background: #eee;
	transition: all 800ms;
}

header nav#mobi ul li:hover > a {
	background: #aaa;
}


/* Der nächsten beiden definieren die Pfeile re und li */
	nav#mobi ul > li.submenu > a:after {
	  position: relative;
	  content: '\00A0\25BE';
		top: 0px;
		left: 0px;
		float: right;
	  margin-left: 10px;
/*		Folgendes nicht verwenden:
		margin-top: 5px;
		margin-right: -15px;
	  margin-top: -10px;
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-top: 5px solid #333;
	  border-bottom: 5px solid transparent;
*/
	}
	nav#mobi ul > li.submenu > a:before {
	  position: relative;
	  content: '\00A0\25BE';
		top: 0px;
		left: 0px;
		float: left;
	  margin-right: 10px;
}


header nav#mobi ul li ul {
	overflow:hidden;
	float: left;
	width: 100%;
	transition: all 800ms;
	max-height: 0;
}

header nav#mobi ul ul li {
	display: block;
	float: left;
	background: #eee;
	transition: all 800ms;
	padding-left: 20px;   /*Macht die Treppe nach innen */
}

header nav#mobi ul li ul li a {
	background: lightgray;
/*	padding-left: 20px;    Macht die Treppe nach innen */
}

header nav#mobi ul li:hover > ul {
	max-height: 600px;
}



/* Hauptmenue */
	*#norm {
	  margin: 0;
	  padding: 0;
	  font-family: 'Roboto', sans-serif;
	  box-sizing: border-box;
	}

	nav#norm {
	  float: left;
	  width: auto;
	  background: white;
	  font-size: 14px;
	}

	nav#norm ul {
	  margin: 0;
	  padding: 0;
	}

	nav#norm a {
	  display: block;
	  color: black;
	  text-decoration: none;
	}

	nav#norm ul li {
	  position: relative;
	  float: left;
	  list-style: none;
	  color: black;
	  transition: all 300ms;
		padding:5px 4px; 	/* Verschiebt die Höhe der Menütexte */
		margin: 0;
		padding: 0;
}

	nav#norm ul li a {
/*		padding: 15px 35px 15px 15px ; */
			padding: 15px;
/*		margin-top: 20px; */
	}

/* Die nächsten beiden definieren die Pfeile */
	nav#norm ul > li.submenu > a:after {
/*	  position: relative;*/
	  content: '';
/*		top: 5px;*/
/*		left: 10px;  25; das hat überhaupt keinen Effekt */
		float: right;
	  margin-left: 10px;
		/*
		margin-top: 5px;
		margin-right: -15px;
	  margin-top: -10px;
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-top: 5px solid #333;
	  border-bottom: 5px solid transparent;
		*/
	}

	nav#norm ul ul li.submenu > a:after {
	  margin-left: auto;
	  margin-right: -10px;
	  border-left: 5px solid #333;
	  border-right: 5px solid transparent;
	  border-top: 5px solid transparent;
	  border-bottom: 5px solid transparent;
		left: auto; /* Hält die Pfeile nach rechts im Textfeld*/
		top: 5px;	/* Zentriert die Pfeile vertikal*/
	}

	nav#norm ul li:hover {
		background: lightgray;
	}

	nav#norm ul ul {
	  position: absolute;
	  top: -9999px;
	  left: -9999px;
	  background: #eee;
		text-align: left;
/*	  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); */
	  z-index: 1;
		width: 180px;
	}

	nav#norm ul ul li {
	  float: none;
	  width: 180px;
/*	  border-bottom: 1px solid #666; */
	}

	nav#norm ul ul li a {  padding: 10px 20px;	}

/*	nav#norm ul ul li:last-child {  border-bottom: none;	}*/

	nav#norm ul li:hover > ul {
	  top: 100%;
	  left: 0;
	}

	nav#norm ul ul li:hover > ul {
	  top: 0;
	  left: 180px; /* muß den gleichen Abstand haben wie width in 'ul ul li'plus irgendeinen Rand, sonst Naht */
	}


	nav#Dispat {
		overflow: hidden;
	}

	nav#Dispat ul li {
		float: left;
/*		background-color: #F2F2F2;
		text-decoration: none;*/
		list-style: none;
/*		display: inline-flex;*/
}

/* Rumpfklassen für Mobildarstellung Navigationsmenü - nicht verwendet */
nav#DispaMob ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	transition: all 800ms;
	float: left;
	list-style: none;
	position: relative;
}
nav#DispaMob ul {
	width: 100%;
	margin: 0;
	padding: 0;
	transition: all 800ms;
	float: left;
	list-style: none;
	position: relative;
}
header nav#DispaMob ul li a {
	float: left;
	display: inline-block;
	padding: 1em 5% 1rem 5%;
	min-width: 12rem;
	width: 90%;
	text-align: center;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 300;
	background: #eee;
	transition: all 800ms;
}
/* Ende Rumpfklassen */


.Dispa {
/*	background-color: #F2F2F2;*/
	width: 200px;
	height: 1.5em;
	padding-top: 0.3em;
	text-align: center;
	font-family: Calibri,Verdana,Arial,Helvetica;
	font-variant:small-caps;
	border-style: dotted;
	border-width: thin;
}


/*a:link { text-decoration: underline; color: darkblue; }*/
/*a:link { text-decoration: none; color: darkgray; }*/
a:link { text-decoration: none; color:inherit}
/*a:visited { text-decoration: underline; color: midnightblue; }*/
a:visited { text-decoration:inherit; color:inherit;}
/*a:hover { text-decoration: underline; background-color:oldlace; color: #000000; }*/
a:hover { text-decoration: underline;  }
/*a:active { text-decoration: none; color: lightslategray; }
a:focus { text-decoration: none; color: #000000; }*/
/*<!--FFFFCC FF9933-->*/

/* Neue Links in 'div'; auch stacked */
div#links {position: relative; width:auto; height:1.5em; font: 12px Verdana, sans-serif; z-index: 100;}
div#links a {display: block;
   padding: 10px 10px; margin: 0 0 1px; border-width: 0;
   text-decoration: none; color: black; background-color:moccasin;
   }
div#links a:hover {color: #411; background: peachpuff;}

/* Der Inhalt von 'span' wird nicht gezeigt, muß aber da sein, da sonst 'div' nicht angezeigt wird, wenn sonst kein Inhalt */
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: -20px; left: 0; width: 1px;
   color: #FFF; background: #FFF;
	 }

div#buys {position: relative; width:auto; height:1.5em; font: 12px Verdana, sans-serif; z-index: 100;}
div#buys a {display: block;
   padding: 10px 10px; margin: 0 0 1px; border-width: 0;
   text-decoration: none; color: black; background-color:palegreen;
   }
div#buys a:hover {color: #411; background-color:chartreuse;}

/* Der Inhalt von 'span' wird nicht gezeigt, muß aber da sein, da sonst 'div' nicht angezeigt wird, wenn sonst kein Inhalt */
div#buys a span {display: none;}
div#buys a:hover span {display: block;
   position: absolute; top: -20px; left: 0; width: 1px;
   color: #FFF; background: #FFF;
 }


h2
{
	line-height:1em;
}

H3 {
	FONT-SIZE: 16px;
	PADDING-TOP: 10px;
	PADDING-LEFT: 10px;
	COLOR: #444444;
}


.tblnormal
{
border:1px;
border-bottom:0px;
border-style:solid;
border-color:black;
}

/* Formatierung Tabellentitel, z. B. 'Support' */
.tbltitle
{
background-color:	oldlace;		/* gruen #D9FFC8;*/
text-align:center;
}

.tbltext
{
border-right:1px;
border-bottom:1px;
border-left:0px;
border-top:0px;
border-style:solid;
border-color:darkblue;
border-collapse:collapse;
}

.tbltextre
{
border-right:0px;
border-bottom:1px;
border-left:0px;
border-top:0px;
border-style:solid;
border-color:darkblue;
border-collapse:collapse;
}
/* Support Ende */


/* Bereich 'Responsive Design' */
/* Darf keine ID sein, da mehrfache Benutzung auf einer Site möglich */
.FlexCont {
  	display: -webkit-box;
  	display: -moz-box;
    display:-webkit-flex;
/* für IE10 */
    display:-ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
/* Zeilenweise Darstellung mit Umbruch */
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
/*    margin:0;*/
}



/* Generelle Einstellung für den jeweiligen body; fehlt das, flext nichts! */
      /* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */
section.FCont {
        -webkit-flex: 1 100%;
/* grow(num) shrink(num) length */
        flex: 1 100%;
        -ms-flex: 1 100%;
}

article.FCont , aside.FCont, figure.FCont  {
/*        border-radius: 0px 0.5em 0.5em;
        border: 1px solid;
*/
        padding: 10px;
        margin: 10px;
        -webkit-flex: 1 100%;
/* grow(num) shrink(num) length */
        flex: 1 100%;
        -ms-flex: 1 100%;
      }

@media screen and (min-width: 50em) {
	font-size: 100%;
}

/* Narrow screens, wie Smart Phones und Tablets mit mittlerer Auflösung */
/* Ab 50em Breite wird das Menü nicht mehr in einer vertikalen Spalte, sondern in einer horizontalen Reihe dargestellt */
/* Reihenfolgen: nav -> article -> news -> aside -> footer */
@media all and (max-width: 50em)  {
	header nav#norm {display: none;}
	header nav#mobi {display: block;}
	header img { margin-right: 30px; }

nav.Flx {
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex: 1 1 100%; /* IE 10 */
      }
nav.Flx ul {
        display: -webkit-flex;
        display: flex;
/* experimentell */
		display: -ms-flexbox;
        -webkit-flex-direction: column;
        flex-direction: column;
      }
nav.Flx li {
        margin: 0 10px;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%;
        -ms-flex: 1 1 0%; /* IE 10 */
      }
nav.Flx ul li ul {
        display: -webkit-flex;
        display: flex;
/* experimentell */
		display: -ms-flexbox;
        -webkit-flex-direction: column;
        flex-direction: column;
      }

#news {
        -webkit-flex: 1 auto;
        -webkit-order: 3;
        flex: 1 auto;
        -ms-flex: 1 auto; /* IE 10 */
        order: 3;
      }
aside {
      /* durch auto werden ggf. mehrere asides in eine Zeile gesetzt */
        -webkit-flex: 1 auto;
        flex: 1 auto;
        -ms-flex: 1 auto; /* IE 10 */
/*        -webikit-order: 4;
        order: 4;
*/
      }
}
/* Ende @media-Einstellung für narrow screens */


     /* Large screens */
@media all and (min-width: 50em) {
	header nav#mobi {display: none;}
	header nav#norm {display: block;}
	header img { margin-right: 50px;}
	nav#Dispat {display: block;}

nav.Flx {
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex: 1 1 100%; /* IE 10 */
      }

nav.Flx ul {
        display: -webkit-flex;
        -webkit-flex-direction: row;
        display: flex;
        flex-direction: row;
/* experimentell */
		display: -ms-flexbox;
      }

nav.Flx li {
        list-style-type:none;
/*        margin: 1.3em 0; */
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex: 1 1 100%; /* IE 10 */
      }
nav.Flx ul li ul {
        display: -webkit-flex;
        display: flex;
/* experimentell */
		display: -ms-flexbox;
        -webkit-flex-direction: column;
        flex-direction: column;
      }

aside {
        -webkit-flex: 2 1 0%;
        flex: 2 1 0%;
        -ms-flex: 2 1 0%; /* IE 10 */
/*        -webkit-order: 4;
        order: 4;
*/
      }

#news {
        -webkit-flex: 2 1 0%;
        -webkit-order: 2;
        -webkit-align-self: center;
        flex: 2 1 0%;
        order: 2;
        align-self: center;
        height: 120px;
      }
}
/* Ende @media-Einstellung für large screens */



/* Eigenschaften Hauptmenü-Leiste */
.menutop
{
/* Sicherung gegen Verschiebung in das Logo */
/*margin-left:200px;*/
margin-top:13px;
font-size: 12px;
/*line-height: 2em;*/
font-family: Calibri,Verdana,Arial,Helvetica;
font-variant:small-caps;
/*text-decoration:none; HAT KEINE WIRKUNG*/
}

.menulinks
{
font-size: 14px;
/*color: #404040;*/
/*line-height: 20px; */
font-family: Calibri,Verdana,Arial,Helvetica,'Sans Serif';
/*padding-left:5px;*/
}
/* Hauptmenü Ende */



/* Automatische Silbentrennung in Texten */
.trennung {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}





#FloLeft
{
	float:left;
}
#FloRight
{
	float:right;
}

.splash
{
	width:auto;
	background-color:white;
/*	margin-left:auto;
	margin-right:auto;
*/
}


/* Stellt den Pfeil nach unten in einem aufklappbaren Menü dar; wird aber nicht verwendet */
.pfeilu:after {
  content: '>';
/* Font-Einstellung muß so bleiben, da das gut aussieht */
  font: 17px "Consolas", monospace;
/*  color: #333;*/
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/

  /*top: 18px;*/
  vertical-align:middle;
  padding: 0 0 2px;
  /*border-bottom: 1px solid #999;*/
  /*left line */

  position: absolute;
  pointer-events: none;
}


/* Footer Anfang */
.fuss
{
	bottom:0;
	height:auto;
	width:100%;
	background-color:#F2F2F2;
	font-size: 12px;
	color: #333333;
	font-family: 'Calibri Light',Verdana,Arial,Helvetica;
	margin-top:0px;
	padding-top:0px;
}

.fussHeadline
{
/*	line-height:20px;*/
	background-color:gainsboro;
	width:auto;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	padding-left:20px;
}

.footcol
{
	width:190px;
	padding-left:20px;
	/* top right bottom left */
/*	margin: 10px;*/
	float:left;
}

.footFloorRow
{
/*	width:260px;*/
	width:auto;
	margin-bottom:0;
	margin-left:20px;
	margin-top:5px;
	float:left;
	font-size:11pt;
}

.footULHead
{
	font-size:medium;
}

.footUList
{
/* ul erzeugt so keine 'Bullets' und ist linksbündig mit der Überschrift */
	padding-left:0;
	list-style-type:none;
}

.footListItem
{
	padding-bottom:5px;
}
/* Footer Ende */



.footRefPos
{
	position:relative;
	top:20%;
	margin-left:10px;
}


.topbox
{
	padding: 5px, 4px, 5px, 4px;
/*	font-family: 'Calibri Light', "Lucida Sans",Corbel, "Segoe UI Light", Candara "Lucida Sans Unicode", Arial,Helvetica;*/
	font-family: "Calibri Light", Calibri, "Segoe UI Light", Corbel, "Lucida Sans", "Lucida Sans Unicode", Arial,Verdana,Helvetica;

	line-height:1.2em;
/*	background-color:lavender;
	opacity:0.3;
	background-image:url('images/MainSessionFormula.png');
	background: rgba(44%, 86%, 58%,0.5);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center,center; */
	width: 100%;
}

/* Wird nur bei einer Mindest-Breite von 670px (650 Breite + 20 Rand) ausgegeben */
@media (min-width: 670px) {
	.dreieckSpRe
	{
		width: 0px;
		height: 0px;
		-webkit-transform:rotate(360deg);
		border-style: solid;
		border-width: 250px 650px 0 0;
		/* nur das obere Dreieck erhalt die Farbe; die anderen 3 sind unsichtbar (oben, rechts, unten, links)!*/
		border-color: palegoldenrod transparent transparent transparent;
		/* #236bc2, 0D7BEC  */
	}
}


div.dreieck {
  width: 0;
  height: 0;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
  border-bottom: 200px solid #00ff00;
}

.top2box
{
	width:100%;
/* Pixelanzahl der Grafik in x-Richtung */
	max-width:1200px;
/*	height:260px;*/
/*	margin-top:50px;
	border: 5px red; */
	background-position:top,right;
	box-sizing:border-box;
	clear:both;
}


.cropImg
{
	position:relative;
	top:0px;
	right:0px;
	height:170px;
	overflow:hidden;
}



/*Definieren der Runder-Button-Eigenschaften*/
.robutt {
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
		-webkit-border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    box-shadow: 0 0 3px gray;
		-moz-box-shadow: 0 0 3px gray;
    -webkit-box-shadow: 0 0 3px gray;
    -o-box-shadow: 0 0 3px gray;
}
.robutt:hover {
    background: #262626;
}

.robuli {
	background: #464646;
	font-size:20px;
	font-weight:bold;
}

.robulang {
	background: #d6e5fc;
	color: black;
	text-decoration: none;
}
.robulang:hover {
    background: #0D7BEC;
}

.LangSwi {
	background-color: #d6e5fc;
	width: 50px;
	font-variant:normal;
}

.FlexWin
{
	display:flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	display: -moz-box;
	flex: 1 100%;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;

	flex-direction: row;
	-webkit-flex-wrap: wrap;
	/* Safari 6.1+ */
	flex-wrap: wrap;
}

.FlexBox
{
/* Hält beide Boxen zentriert und definiert beide Randbreiten auf den gleichen Wert */
	margin-left:5%;
	margin-right:5%;
	font-family: "Calibri Light","Lucida Sans", Geneva, Verdana, Arial,Helvetica;
    -webkit-flex: 1 100%;
    flex: 1 100%;
}

.rowBox
{
/* Hält beide Boxen zentriert und definiert beide Randbreiten auf den gleichen Wert */
	margin-left:1%;
	margin-right:1%;
/* stellt die Mindestbreite beider Boxen ein; verhindert, dass der Text beim Browserquetschen nach unten herausläuft */
/*	min-width:600px; */
/*	font-family: "Calibri Light","Lucida Sans", Geneva, Verdana, Arial,Helvetica; */
	font-family: "Calibri Light", Corbel, "Segoe UI Light", Candara, 'Lucida Sans Unicode', Arial, Helvetica;
}

.2ColBox
{
margin-left:10%;
margin-right:10%;
padding: 1em;
-moz-column-count: 2;
-moz-column-gap: 1em;
-webkit-column-count: 2;
-webkit-column-gap: 1em;
column-count:2;
column-gap: 1em;
break-inside:avoid;
break-after:left;
-webkit-column-break-inside: avoid;
-page-break-inside: avoid;
}

.BoxBigger
{
	width:100%;
	height:35px;
}

.BoxBig
{
	width:60%;
	height:35px;
}

.BoxSmall
{
	width:35%;
	height:35px;
}

/* 2 gleich-breite Boxen nebeneinander */
.BoxMiddle
{
	width:47.5%;
	height:35px;
/*	background-color:darkblue;*/
/*	background-color:#0D7BEC;*/
}


/* Fliesstext in 1-zeiligen Produktseiten */
.Cont2Text
{
/*	font-family: "Calibri Light",Verdana,Arial,Helvetica; */
	font-family: "Calibri Light", Corbel, "Segoe UI Light", Candara, 'Lucida Sans Unicode', Arial, Helvetica;
	font-size:13pt;
	font-weight:normal;
	line-height:1em;
	margin:1em 2% 1em 2%;
	padding:1em;
/*	background-color:white; */
}

.ChapHead
{
	height:170px;
/*	top:0px;*/
/*	font-family: "Calibri Light",Verdana,Arial,Helvetica; */
	font-family: "Calibri Light", Corbel, "Segoe UI Light", Candara, 'Lucida Sans Unicode', Arial, Helvetica;
}

.ChapBox
{
	position:relative;
/* macht einen angenehmen Zeilenabstand bei kleinem Viewport */
	line-height:1em;
	padding-left:40px;
	padding-top:30px;
	font-size:24pt;
	font-weight:normal;
	font-variant:small-caps;
/* lässt Platz für den rechten Teil */
	max-width:100%;
}

.ChapBox2
{
	position:relative;
/* macht einen angenehmen Zeilenabstand bei kleinem Viewport */
	line-height:1em;
	padding-left:40px;
	padding-top:1em;
	font-size:18pt;
	font-weight:normal;
	font-variant:normal;
	max-width:100%;
}

.ChapSmall
{
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.BoxHead
{
	padding-left:15px;
	height:35px;
	line-height:15px;
	font-size:13pt;
	font-weight:bold;
	font-variant:small-caps;
	position:relative;
	top:-8px;
}

.BoxBody
{
	padding:0px 6px 6px 8px;
}

/* Normaler Text */
.NormText12 {
	font-size:12pt;
}

.NormText13 {
	font-size:13pt;
}
/* Flexende (Text-)Box mit variabler Länge bei mindestens zwei Boxen nebeneinander */
.boxFlexText {
	float:left;
	text-align:left;
	margin:0;
	padding-bottom:10px;
}

/* Flexende Section mit Headline und Text-Box bei mindestens zwei Sections nebeneinander */
.boxFlexSection {
	flex:1 1 auto;
	width:40%;
	min-width:300px;
/*	Definiert den vertikalen Abstand von der Themenzeile und den Seitenrand */
	padding:0.5em 2em;
}

.boxFonts {
	font-family: "Calibri Light",Corbel, "Segoe UI Light", Candara, 'Lucida Sans Unicode', Arial,Helvetica;
}

/* Test des Fragezeichens im Bild */
aside.imageWrapper:before {
  content: "?";
  position:inherit;
  top:90%;
  bottom: 1em;
  left: 1em;
  background: black;
  color: white;
  opacity: 0.9;
  width: 1.5em;
  height: 1.5em;
  border-radius: 1em;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.5em;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

aside.imageWrapper:hover:before {
  opacity: 0;
}
/* Test-Ende */


.imageWrapper {
/*    Definiert die Höhe des Images*/
    width: 300px;
    height: 300px;
/* Abstand zum oberen Element, besonders wg. vertikal zentrierter Grafik als Nachbarn. */
    margin-top:5%;
}
.imageWrapper img {
    display: block;
}
/* Einblendebalken eines Background-image */
.imageWrapper .cornerLink {
    opacity: 0;
    position: relative;
    top:80%;
/*    bottom: 0px;*/
    left: 0px;
    right: 0px;
    padding: 2px 0px;
    color: #ffffff;
    background: darkblue;
    text-decoration: none;
    text-align: center;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;

}
.imageWrapper:hover .cornerLink {
    opacity: 0.8;
}