@charset "UTF-8";
/* moved by compressor */
@import "../../typo3conf/ext/lf_base/Resources/Frontend/assets/fonts/cabin/stylesheet.css";@import "../../typo3conf/ext/lf_base/Resources/Frontend/libs/slick/slick/slick.css";
/* moved by compressor */
/*
Theme Name: VDI ZRE
Description: new TYPO3 relaunch theme for VDI ZRE
Author: Marit AG / swo
Author URI: marit.ag

[Table Of Contents]

    0- Reset
    1- Global
    2- Links
    3- Headings
    4- Header
    5- Content
    6- Navigation
    7- Aside (HTML5 Sidebar)
    8- Footer
    9- Forms
   10- TYPO3

[Color codes]

Background-Color:     #dceefa (baby blue)
Text-Color:           #595959 (grey)
Wrapper-Border:       #ccc 
Service-Nav:          #838383 (grey)
Service-Nav-Hover:    #838383 (grey)
Service-Nav-Border:   #bababa (grey)

Teaser-Color:         #6c6c6c (grey)

a (standard):         #0099CC (blue)
a (visited):          #0099CC (blue)
a (hover):            #000000 (black)
a (active):           #000000 (black)

*/

/* =0 Reset */
/* http://meyerweb.com/eric/tools/css/reset/ */ 
/* v1.0 | 20080212 */
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1}
div#mainnavi ol, div#mainnavi ul,
div#subnavi ol, div#subnavi ul  {list-style: none}
div.content ol, div.content ul,
div#top ol, div#top ul { margin-left: 20px; }
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0}
*/


/* =1 Global */

/*
html,body {height:100%}
body {font: 100.01%/1.4 Arial, Helvetica, "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
*/



.right {float: right}
.left {float: left}
.align-left {text-align: left}
.align-right {text-align: right}
.align-center {text-align: center}
.align-justify {text-align: justify}
.hide {display: none}
.clear {clear: both}
.bold {font-weight: 700}
.italic {font-style: italic}
.underline {border-bottom: 1px solid}
.highlight {background: #ffc}
img {vertical-align:bottom;}
img.centered {display:block;margin: 0 auto}
img.alignleft {float:left;margin:4px 10px 4px 0}
img.alignright {float:right;margin:4px 0 4px 10px}
.last {border:none}
.nomail {display:none}

.csc-default:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.csc-default {display: block}

.colored-line {background: white url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/bgNavSprite.png') repeat-x 0 -221px; height:16px; margin: 10px 0; clear:both}
.colored-line hr {display: none}
.corner {background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/corner.png') no-repeat 100% 100%; display:block}
.highlight-text {color: #0090d4; font-weight: 700}


/* =2 Links */
a { text-decoration: none; }

a:link, a:visited {color: #0090d4}
a:hover { text-decoration: underline; }
a:active { }
p.link {}
#link-recommend,
#link-totop,
#link-print,
#link-back {padding:0 5px; text-decoration: none}

#link-recommend:hover,
#link-totop:hover,
#link-print:hover,
#link-back:hover {text-decoration: underline}

#link-recommend {border-right: 1px solid #bababa}

#link-totop,
#link-back {background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/corners-blue.png') no-repeat 64px -60px; padding: 0 14px 0 0}

#link-back {background-position: 0 4px; padding:0 0 0 14px;margin:0 125px 0 0;}



.csc-linkToTop {
	padding-bottom: 7px;
}
.csc-linkToTop a {
	float: right;
	background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat 0 -400px;
	text-indent: -20000em;
	width: 9px;
	height: 5px;
}



/* =3 Headings */
.news-latest-item h4 a{
	color: #09C !important;
	}
	
#contentwrapper_1col_foerderatlas .content h1 {
	color: #8cc80e;
	}
	



/* =5 Content */
.index #content{margin: 0 0 0 190px}
.sub #content{margin: 0 180px; padding:0 10px;}
.contentOnly #content{margin: 0}
#contentfooter {clear:both; color: #838383; padding: 25px 0 0}

.teaser-full h1, .teaser-full p {color: white}

.teaser-half {background-color: #dceefa; color: #6c6c6c; margin: 10px 0 0;padding: 10px; width: 335px}
.contentOnly .teaser-half {width: 430px}
.c1 {margin: 10px 10px 0 0; clear: left}
.teaser-full .csc-text {height:190px; padding: 65px 54px 15px 360px}
.teaser-half h2 {font-size: 13px; font-weight: 700; padding: 0}
.block {background-color:#ececec;color: #595959; margin:0 0 10px; padding:10px 10px 1px;}
.block h1, 
.block h2, 
.block h3 {padding: 0 0 .5em;}
.block p {}
.video {text-align: center; padding: 20px}
.video h1,
.video h2,
.video h3,
.video h4,
.video h5,
.video h6 {text-align: left}


/* Teaserspalte Links */
#borderleft > div {
	border: 1px solid #B4D0E2;
	padding: 10px;
	margin-bottom: 10px;
}
#borderleft {
	margin-right: 16px;
	clear: both;
}


#contentwrapper,
#contentwrapper_chome,
#contentwrapper_1col,
#contentwrapper_2col,
#contentwrapper_1col_foerderatlas,
#contentwrapper_2col_foerderatlas {
	float: left;
	}
#contentwrapper_2col,
#contentwrapper_2col_foerderatlas {
	width: 510px;
}

#contentwrapper_1col div.content,
#contentwrapper_1col_foerderatlas div.content {
	width: 690px;
	}
	
#contentwrapper_2col div.content {width: 510px; float: left; margin-right: 10px;}	
#contentwrapper_2col div.contentlast {width: 150px; float: left;}	
	
#contentwrapper_chome div.contentbox {
	width: 328px;
	height: auto;
	padding: 5px;
	}
div#wrapper div.contentbox p {
	padding: 3px 8px;
	}
div#wrapper div.contentbox hr {
	margin: 0 8px;
}	
	
/*
div#wrapper div.contentbox div.news-latest-container p {
	padding: 0;
	}
div.news-latest-container {
	padding-top: 5px;
}	
*/


#contentteaser {
	width: 600px;
	height: 200px;
	}

div#servicenavi {margin: 15px 0 5px;	float: right; clear: both;}
form#searchbox {float: left}
form#searchbox  input {font-size: 0.85em; width: 130px;}


	

/* Glossar */	
/*
#contentwrapper_1col.glossar div.content {
	width: 515px;
	}
#contentwrapper_1col.glossar div.content .csc-default {
	border-bottom: 1px solid #C4C2C2;
    padding-bottom: 10px;
	margin-bottom: 5px;
	}
#contentwrapper_1col.glossar div.content .csc-default h2 {
	font-size: 1em;
	font-weight: bold;
}
*/
/* Glossarnavigation */
/*
div#glossarheaderimg {	margin-bottom: 10px;	}
ul#glossarnavigation {	margin-bottom: 10px;	}
ul#glossarnavigation li a {
	color: #0090d4;
	text-decoration: none;
}
ul#glossarnavigation li.act a {
	color: #8cc80e;
}
ul#glossarnavigation li {
	font-weight: bold;
	text-decoration: none;
	display: inline;
	padding: 0 8px;
	border-left: 1px solid #0090d4;
	color: lightblue;
}
ul#glossarnavigation li:first-child {
	border: none;
	padding-left: 0;
}
*/


/* =7 Aside */
#aside {float:left;width:180px;margin: 0 0 0 -910px;}
#aside .block ul {list-style-type: disc}
#aside .block li {margin: 0 0 0 15px}
#aside .block {background-color:#dceefa;color: #6c6c6c; margin: 0 0 5px; padding: 0;}
#aside .block p,
#aside .block ul {padding: 10px 10px 1em}
#aside .block hr {border: solid #d2d2d2; border-width: 1px 0 0}

#aside h3,
#aside h4 {background: #007da6 url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/nav-bg.png') repeat-x 0 -100px; color: white; padding: 0; text-transform: uppercase}
#aside h4 a {color: white; text-decoration: none}
#aside .corner {padding:10px;}

#context {float:left;width:180px; margin: 0 0 0 -180px}
#context .block ul {list-style-type: disc}
#context .block li {margin: 0 0 0 15px}
#context .block {background-color:#dceefa;color: #6c6c6c; margin: 0 0 5px; padding: 0;}
#context .block p,
#context .block ul {padding: 10px 10px 1em}
#context .block hr {border: solid #d2d2d2; border-width: 1px 0 0}
#context h3,
#context h4 {background: #007da6 url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/nav-bg.png') repeat-x 0 -100px; color: white; padding: 0; text-transform: uppercase}
#context .corner {padding:10px;}
#context .block h1 .corner {padding: 10px 10px 15px}
#context .block h2 .corner {padding: 10px 10px 15px}
#context .block h3 .corner {padding: 10px 10px 15px}
#context .block h1, 
#context .block h2, 
#context .block h3 {padding: 0}


/* =8 Footer */


/* =9 Forms */
#searchform {padding: 10px}
#searchform li {margin: 0 0 10px}
#searchform li.last {margin: 0}
#searchform legend {display: none}
#searchform .input-text,
#searchform .selectbox {border: 1px solid #9c9c9c; color: #6c6c6c; font-size: 11px; padding: 2px; width: 154px}
#searchform .selectbox {width: 160px;}
#searchform .submit-button {background: #007da6 url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/nav-bg.png') repeat-x 0 -20px; border:none; color: white; font-weight: 700; padding:2px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#link-advanced-search {color: #0090d4; font-size: 10px;}

/* =10 TYPO3 */
/* default styles for extension "tx_cssstyledcontent" */
div.csc-textpic-caption-c .csc-textpic-caption {text-align: center}div.csc-textpic-caption-r .csc-textpic-caption {text-align: right}div.csc-textpic-caption-l .csc-textpic-caption {text-align: left}div.csc-textpic div.csc-textpic-imagecolumn {float: left; display: inline}div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {border: 0px solid black;padding: 0px 0px}div.csc-textpic-imagewrap {padding: 0}div.csc-textpic img {border: none}div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {float: left}div.csc-textpic div.csc-textpic-imagewrap ul {list-style: none; margin: 0; padding: 0}div.csc-textpic div.csc-textpic-imagewrap ul li {float: left; margin: 0; padding: 0}div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {float: left}div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {float: none}div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {float: none}div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {border: none}dl.csc-textpic-image {margin: 0}dl.csc-textpic-image dt {margin: 0; display: inline}dl.csc-textpic-image dd {margin: 0}div.csc-textpic-clear {clear: both}div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {display: inline; margin-right: 10px}div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {display: inline; margin-left: 10px}div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {display: inline; margin-left: 10px}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin: 0}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {margin: 0}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 5px}div.csc-textpic-equalheight div.csc-textpic-imagerow {margin-bottom: 5px; display: block}div.csc-textpic div.csc-textpic-imagerow {clear: both}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left: 0px !important}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right: 0px !important}div.csc-textpic-intext-left div.csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {margin-right: 10px !important}div.csc-textpic-intext-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {margin-left: 10px !important}div.csc-textpic-above div.csc-textpic-text {clear: both}div.csc-textpic-center {text-align: center}div.csc-textpic-center div.csc-textpic-imagewrap {margin: 0 auto}div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {text-align: left}div.csc-textpic-center div.csc-textpic-text {text-align: left}div.csc-textpic-right div.csc-textpic-imagewrap {float: right}div.csc-textpic-right div.csc-textpic-text {clear: right}div.csc-textpic-left div.csc-textpic-imagewrap {float: left}div.csc-textpic-left div.csc-textpic-text {clear: left}div.csc-textpic-intext-left div.csc-textpic-imagewrap {float: left}div.csc-textpic-intext-right div.csc-textpic-imagewrap {float: right}div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {float: right; clear: both}div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {float: left; clear: both}div.csc-textpic div.csc-textpic-imagerow-last {margin-bottom: 0}.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%}

/* edits */
.csc-textpic-caption {
	color: #999;
	font-size: 11px;
	line-height: 14px;
	display: block;
	padding: 5px 0 0;
}
#aside .csc-textpic,
#context .csc-textpic {margin: 10px 0 0}
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 20px;margin: 0 0 20px !important;
}
#context .block .csc-textpic-clear {margin: 0 0 14px}

.csc-menu-7 {list-style-type:none !important; margin:0 !important;}
.csc-menu-7 li a {background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/corners-blue.png') no-repeat scroll 0 -93px;padding: 0 0 0 14px;}
.csc-menu-7 li ul  {margin: 0 0 14px 28px !important}
.csc-menu-7 li ul li a {background: none; padding: 0;}

.csc-default table td {padding: 2px 5px 2px 0; border-bottom: 1px dotted #ccc}
.news-filter table td { border: none; }
.csc-uploads {border-collapse: separate; width: 100%;}

.contenttable {
	border: 1px solid #eaeaea;
	width: 100%;
	margin-top: -1px;
}
.contenttable thead tr th, 
.contenttable tbody tr td {
	border-right: 1px solid #eaeaea;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
table.contenttable td {
	border-bottom: 1px solid #eaeaea;
}

.contenttable .openedDropdown tr th:first-child p {
	background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite/iconArrowDownGrey.gif') no-repeat 0 2px;
}


/* RTE */
#content ul {list-style-type: disc; margin: 0 0 14px 14px}
#content ol {list-style-type: decimal; margin: 0 0 20px 20px}
#content .indent {margin: 0 0 0 30px}
#content .list {list-style-type: none; margin: 0 !important; padding: 0}
.list li {background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/corners-blue.png') no-repeat 0 -92px; padding: 0 0 0 20px;}
.farbeSchwarz,
p.farbeSchwarz,
h1.farbeSchwarz {color: #000}




@media print {
/* print style */
/* default styles for extension "tx_cssstyledcontent" */
* {
  background-color: white !important;
  background-image: none !important;
}
html,body {height:100%}
body {font: 11pt/1.2 Arial, Geneva, Helvetica, sans-serif}
.right {float: right}
.left {float: left}
.align-left {text-align: left}
.align-right {text-align: right}
.align-center {text-align: center}
.align-justify {text-align: justify}
.hide {display: none}
.clear {clear: both}
.bold {font-weight: 700}
.italic {font-style: italic}
.underline {border-bottom: 1px solid}
.highlight {background: #ffc}
img {vertical-align:bottom;}
img.centered {display:block;margin: 0 auto}
img.alignleft {float:left;margin:4px 10px 4px 0}
img.alignright {float:right;margin:4px 0 4px 10px}
.even {}
.odd {}
.one {}
.two {}
.three {}
.first {}
.last {border:none}
.alt {}
.nomail {display:none}
.clearfix:after,
.csc-default:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.clearfix,
.csc-default {display: block}
a img {border: 0}
a:link, a:visited {
	color: #000;
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	}

div.csc-textpic-caption-c .csc-textpic-caption {text-align: center}div.csc-textpic-caption-r .csc-textpic-caption {text-align: right}div.csc-textpic-caption-l .csc-textpic-caption {text-align: left}div.csc-textpic div.csc-textpic-imagecolumn {float: left; display: inline}div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {border: 0px solid black;padding: 0px 0px}div.csc-textpic-imagewrap {padding: 0}div.csc-textpic img {border: none}div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {float: left}div.csc-textpic div.csc-textpic-imagewrap ul {list-style: none; margin: 0; padding: 0}div.csc-textpic div.csc-textpic-imagewrap ul li {float: left; margin: 0; padding: 0}div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {float: left}div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {float: none}div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {float: none}div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {border: none}dl.csc-textpic-image {margin: 0}dl.csc-textpic-image dt {margin: 0; display: inline}dl.csc-textpic-image dd {margin: 0}div.csc-textpic-clear {clear: both}div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {display: inline; margin-right: 10px}div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {display: inline; margin-left: 10px}div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {display: inline; margin-left: 10px}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin: 0}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {margin: 0}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 5px}div.csc-textpic-equalheight div.csc-textpic-imagerow {margin-bottom: 5px; display: block}div.csc-textpic div.csc-textpic-imagerow {clear: both}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left: 0px !important}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right: 0px !important}div.csc-textpic-intext-left div.csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {margin-right: 10px !important}div.csc-textpic-intext-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {margin-left: 10px !important}div.csc-textpic-above div.csc-textpic-text {clear: both}div.csc-textpic-center {text-align: center}div.csc-textpic-center div.csc-textpic-imagewrap {margin: 0 auto}div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {text-align: left}div.csc-textpic-center div.csc-textpic-text {text-align: left}div.csc-textpic-right div.csc-textpic-imagewrap {float: right}div.csc-textpic-right div.csc-textpic-text {clear: right}div.csc-textpic-left div.csc-textpic-imagewrap {float: left}div.csc-textpic-left div.csc-textpic-text {clear: left}div.csc-textpic-intext-left div.csc-textpic-imagewrap {float: left}div.csc-textpic-intext-right div.csc-textpic-imagewrap {float: right}div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {float: right; clear: both}div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {float: left; clear: both}div.csc-textpic div.csc-textpic-imagerow-last {margin-bottom: 0}.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%}

#headernav,
#nav,
#footernav,
#rootline,
#subnav,
#aside h4,
#contentfooter,
#partner-logos {display: none}


.teaser-full div {height: auto}
#wrapper {padding: 12pt}
#partner-logos {}
/*@print end*/
}

/* =11 Relaunch */
div#borderleftwrapper {
	float: left;
	width: 220px;
	min-height: 100px;
  }
div#borderleft {
 }
div#teaser {
	width: 908px;
	height: 205px;
	margin-bottom: 5px;
	position: relative;
	}
div#teaser div#teaserimg div.csc-textpic-imagewrap {
	margin-left: 0px!important;
	}
div#contentteaser {
	width: 689px;
	height: 165px;
	margin-bottom: 5px;
	position: relative;
	}
div#teaserimg {
	width: 610px;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 1px solid #C4C2C2;
	height: 161px;
	}
div#contentteaser div#teaserimg {
	width: 390px;
	}

div#jumpnavi {
	width: 275px;
	height: 22px;
	padding: 10px;
	background: #E4F1F6;
	position: absolute;
	top: 0;
	right: 0;
	}
div#jumpnavi strong {	
	float: left;
	margin: 0 8px 0 0;
	font-size: 0.9em;
	color: black;
	}
div#jumpnavi select {		
	width: 160px;
	}



div#teaserbox {
	width: 275px;
	height: 110px;
	padding: 10px;	
	background-color: #E4F1F6;
	position: absolute;
	top: 45px;
	right: 0;
	border-bottom: 1px solid #C4C2C2;
	}
div.contentbox {
	width: 282px;
	height: 350px;
	padding: 8px 6px;
	float: left;
	margin: 0 10px 20px 0;
	border: 1px solid #D3D2D2;
	-moz-box-shadow: 0 0 2px #ccc, 0 0 15px #eee inset;	
	-webkit-box-shadow: 0 0 2px #ccc, 0 0 15px #eee inset;
	box-shadow: 0 0 2px #ccc, 0 0 15px #eee inset;
	overflow: hidden;
	}
div.lastcontentbox {
	margin-right: 0!important;
	}
div.contentbox h3 {
	color: white;
	height: 22px;	
	padding: 6px 9px 0 9px;
	margin-bottom: 7px;
	text-transform: uppercase;
	background: #dceefa  url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/bgNavSprite.png') repeat-x 0px -192px;
	}
div.lastcontentbox h3 {
	background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/bgNavSprite.png') repeat-x 0px -163px;
	}
div#contentwrapper_chome div.lastcontentbox h3 {
	background: #dceefa  url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/bgNavSprite.png') repeat-x 0px -192px;
	}



	
div#content_41, 
div#content_42, 
div#content_43, 
div#content_44 {
	width: 260px;
	height: 280px;
	padding: 15px 20px;
	float: left;
	margin: 0 10px 20px;
	background: #F1FAFE;
	}



.toggle_box div.csc-textpic, .toggle_box div.csc-textpic-text {
	background: #eaeaea;
	margin-left: 20px;
	padding: 12px;
}
.toggle_box { 	margin-bottom: 20px; }

table.contenttable thead {
	cursor: pointer;
	}
table.contenttable {
	height: auto;
	}
	

/* Startseite Unterseiten Teaser */
div#contentteaser div#teaserimg { color: white!important; }	
div#contentteaser div#teaserimg { position: relative; }
div#contentteaser div#teaserimg div.csc-textpic-text {
	position: absolute;
	padding: 0 25px 10px 10px;
	top: 60px;
	height: 90px;
	left: 15px;
	width: 323px;
	color: white!important;
	background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/bgClaimEinstiegsseite.png') no-repeat;
}
div#contentteaser div#teaserimg div.csc-textpic-text p {
	padding: 0;
	}
div#contentteaser div#teaserimg div.csc-textpic-text p.blauerPfeilRechts a {
	color: white;
	text-decoration: none;
	background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat scroll 0 -448px;
	padding: 2px 0 4px 8px;
	}
div#contentteaser div#teaserimg div.csc-textpic-text p.blauerPfeilRechts a:hover {
	text-decoration: underline;
	}
span.blaueBox {
	background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/bgNavSprite.png') repeat-x 0 0;
	color: white;
	padding: 3px 6px 2px;
}
span.blaueBox a {
	background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat scroll 0 -452px;
	padding-left: 12px;
	color: white;
}
span.blaueBox a:hover {	text-decoration: underline;}
span.gruen { color: #82BE03; }

.news-latest-container .more-link a {
	float: right;
}	
div#contentteaser div#teaserbox { height: 96px; }

/* Startseite Teaser */
div#teaser div#teaserimg { position: relative; height: 193px;}
div#teaser div#teaserimg div.csc-textpic-text {
	position: absolute;
	padding: 10px 5px 10px 15px;
	top: 90px;
	height: 80px;
	left: 15px;
	width: 400px;
	color: white!important;
	background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/bgClaim.png') no-repeat;
}
div#teaser div#teaserimg div.csc-textpic-text p {
	padding: 0;
	}
div#teaser div#teaserbox { height: 127px; }

	
/* RTE Styles */
p.blauerPfeil, p.blauerPfeilRechts, span.blauerPfeil {
	background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat scroll 0 -52px;
	color: #0099CC;
	padding: 2px 0 4px 8px !important;
	text-decoration: none;
}
p.blauerPfeilRechts {
	float: right;
}




div.content ul, div#top ul, div.contentbox ul { list-style-type: none;	margin-left: 0px; padding-bottom: 10px; }
div.contentbox ul { margin-left: 10px; }
div.content ul li, div#top ul li, div.contentbox ul li { background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat 0 -541px; padding: 0 0 0 12px; }
div.zs-result div#zs-result-container ul li { background: none; }

div.content ul.pfleilunten, div#top ul.pfeilunten,
div.content ul.pfleilUnten, div#top ul.pfeilUnten {	list-style-type: none;	margin-left: 0px; padding-bottom: 10px; }
div.content ul.pfleilunten li, div#top ul.pfleilunten li,
div.content ul.pfleilUnten li, div#top ul.pfleilUnten li { background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat 0 5px; padding: 0 0 0 12px; }

div.content ul.quadratGruen, div#top ul.quadratGruen, div.contentbox ul.quadratGruen { list-style-type: none;	margin-left: 0px; padding-bottom: 10px; }
div.content ul.quadratGruen li, div#top ul.quadratGruen li, div.contentbox ul.quadratGruen li { background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat 0 -541px; padding: 0 0 0 12px; }
div.content ul.quadratGruen li p, div#top ul.quadratGruen li p, div.contentbox ul.quadratGruen li p { font-size: 1em; }

ul.blauerPfeil { list-style-type: none;	margin: 0;	padding: 0; }
ul.blauerPfeil li { background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat scroll 0 -54px !important; padding: 0 0 0 12px; }
#borderright ul.blauerPfeil li a { font-size: 0.85em; }

.blau { color: #01A1C1!important; }

/* Trennlinie mit To-Top-Link */
div.divider hr { display: none; }
div.divider { border-bottom: 1px solid #D9D8D8; margin-bottom: 20px;}

.csc-textpic-text hr, .csc-default hr {
    border-top: 1px solid #c1e4f5 !important;
    color: white;
	clear: both;
	}
/* Linkstile */

/*
a.pdf {
	padding: 2px 0 2px 20px;
	background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconPDF.png') no-repeat scroll 0 50%;
}

a.download {
	padding: 2px 0 2px 20px;
	background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconDownload.png') no-repeat scroll 0 50%;
}
*/

/* RTE Bild */
.csc-textpic-imagewrap { position: relative!important; }
.csc-textpic-image { position: relative!important; }
dd.csc-textpic-caption { padding-top: 4px; }
/* Lupen-Icon */
dd.csc-textpic-caption img{ position: absolute; top: 0; left: 0; }
div.csc-textpic-right dd.csc-textpic-caption img,
div.csc-textpic-center dd.csc-textpic-caption img { position: absolute; top: 0; left: 10px; }
/* Bildrahmen */
.csc-textpic-border dt img { padding: 4px!important; border: 1px solid #D9D8D8!important; }
.csc-textpic-border dl.csc-textpic-image { width: auto!important; }


#borderright {
	float: right;
	width: 155px;
    margin-top: 10px;
	overflow: hidden;
	}
#borderright h4 {
	color: #82BE03;
	margin-bottom: 10px;
	font-size: 0.9em;
	}
#borderright p {	
	font-size: 0.85em;
	}
#borderright .divider {
    border-bottom: 1px solid #82BE03;
	margin: 10px 0;
	}

/*
div#contentwrapper_sitemap li {
	background: none!important;
}

div#contentwrapper_sitemap ul li {
	font-size: 12px;
}

div#contentwrapper_sitemap ul.level1 {
	float: left;
	margin-right: 20px;
	width: 190px;
}
div#contentwrapper_sitemap ul.level1 ul {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #D9D9D9;
	}
div#contentwrapper_sitemap li.level2 ul { padding-top: 0; margin-top: 0; border: none;	}
	
div#contentwrapper_sitemap ul.level1 a {
	color: #0099CC;
	font-weight: bold;
	font-size: 1em;
	background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/corners-blue.png') no-repeat 0 -94px; padding: 0 0 0 15px;
	}
div#contentwrapper_sitemap li.level2 a {
	background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat 0 -496px;
	padding: 0 0 0 10px; margin: 0 0 0 10px;
	color: #9C9A9A;
	font-weight: normal;
	}
div#contentwrapper_sitemap li.level3 a {
	background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat 0 -496px;
	padding: 0 0 0 10px; margin: 0 0 0 20px;
	color: #9C9A9A;
	font-weight: normal;
	}
div#contentwrapper_sitemap h2 {
	clear: both;
	text-transform: uppercase;
	color: #9C9A9A;
	font-weight: bold;
	font-size: 0.97em;
	margin-bottom: 8px;
	}
div#contentwrapper_sitemap a:hover {
	text-decoration: underline;
	}
div.sitemap {
	margin-bottom: 50px;
	}
*/

/* Kontaktformular	*/
/*
div.csc-mailform-field label {
	width: 110px;
	color: #595959;
	display: block;
	float: left;
	}
div.csc-mailform-field input {
	background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/input_bg.png') repeat-x;
	border: 1px solid #BBBBBB;
	margin-right: 10px;
	padding: 1px 2px;
	color: #595959;	
	}
div.csc-mailform-field span.csc-mailform-radio  input {
	float: left;
	}
 div.csc-mailform-field  span.csc-mailform-radio  label	{
 	float: left;
	width: auto;
	margin-right: 10px;
	}
div.csc-mailform-field {
	margin-bottom: 10px;
	float: left;
	}
div.csc-mailform-field  input#mailformformtype_mail {
	margin-left: 110px;
	}
div.csc-mailform-field textarea {
	font: 1em Arial, Helvetica, "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: #595959;	
}

*/

/* Formulare Allgemein*/
/*
form .csc-mailform-field {
	position: relative;
}

form .csc-mailform-field label,
form .csc-mailform-field .csc-mailform-label {
	color: #0090d4;
}

form .csc-mailform-radio label,
form .csc-mailform-radio label  {
	width: auto;
	display: inline;
	margin-left: 5px;
	color: #555;
}

form .csc-mailform-field input,
form .csc-mailform-field textarea,
form .csc-mailform-field select {
	border: 1px solid #ccc;
	line-height: 180%;
	background: #fff;
	color: #555;
	-webkit-box-shadow: inset 0 2px 5px 1px #ddd;
	box-shadow: inset 0 2px 5px 1px #ddd;
	font: 400 16px/22px "cabinregular", Arial;
	width: 100%;
}

form .csc-mailform-radio input,
form .csc-mailform-check,
form .checkbox input {
	-webkit-box-shadow: none;
	box-shadow: none;
	width: auto;
}

form .csc-mailform-radio label,
form .checkbox label {
	color: #555;
}

form .csc-mailform-field input:focus,
form .csc-mailform-field select:focus,
form .csc-mailform-field textarea:focus,
form .csc-mailform-field input:hover,
form .csc-mailform-field select:hover,
form .csc-mailform-field textarea:hover,
form .csc-mailform-field input:active,
form .csc-mailform-field select:active,
form .csc-mailform-field textarea:active {
	border: 1px solid #0090d4;
	background: #fff;
}

form .csc-mailform-field select {
	width: auto;
}

form .csc-mailform-field select option {
	width: auto;
}

form .csc-mailform-field .csc-mailform-submit {
	width: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0 ;
	border-radius: 5px 5px 5px 5px;
	background: #0090d4;
	color: #fff;
	padding: 10px 20px;
	text-shadow: none;
	margin-top: 20px;
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

form input[type="button"]:hover,
form input[type="reset"]:hover,
form input[type="submit"]:hover,
form .csc-mailform-field .csc-mailform-submit:hover {
	background: #18aaef;
	text-shadow: 0 1px 0 #0090d4;
	border: 0 ;
	-webkit-box-shadow: inset 0 1px 5px 1px #0090d4;
	box-shadow: inset 0 1px 5px 1px #0090d4;
}
*/

/* Kontaktformular	*/
/*
#mailform {
	padding: 20px 30px;
	background: #f1fafe;
}

#mailformstrasse {
	width: 80%;
}

#mailformhausnr {
	width: 18%;
	position: absolute;
	top: -40px;
	right: 0;
}

#mailformPLZ {
	width: 18%;
}

#mailformort {
	width: 80%;
	position: absolute;
	top: -40px;
	right: 0;
}
*/

/* Newsletterformular	*/
/*
div.csc-mailform-field.checkbox {
	margin-left: 108px;
	clear: both;
	}
div.csc-mailform-field.checkbox  label {
	font-size: 0.85em;
	width: 80%;
	}
div.csc-mailform-field.checkbox  input {
	float: left;
	}	
div.csc-mailform-field.checkbox + div{
	margin-left: 108px;
	clear: both;
	}
div.csc-mailform-field.checkbox + div label {
	font-size: 0.85em;
	width: 80%;
	float: right;
	}
div.csc-mailform-field input#mailformhausnr {
	margin-right: 0;
	width: 60px;
	}
*/



/* DAM LIST */
table.tx_maritdam-borderLayout div.asseticon{
	margin: 0 10px 0 0;
}
table.tx_maritdam-borderLayout td {
	border-bottom: 0;
}
div.asseticon {
	float: left;
	margin: 10px 20px 10px 0;
	}
div.assettext {
	float: left;
	width: 385px;
	}
table.tx_maritdam-compactLayout tbody tr td {
	border-bottom: 1px solid #c1e4f5;
	border-top: 1px solid #c1e4f5;
	padding: 20px 0;
	}
table.tx_maritdam-compactLayout h3 {
	font: 400 16px/22px "cabinbold";
	padding: 0 0 10px !important;
	}
table.tx_maritdam-compactLayout span.keywords, 
table.tx_maritdam-compactLayout span.category {
	font: 400 14px/20px "cabinregular";
	padding: 0 0 10px;
	color: #555;
	}
table.tx_maritdam-compactLayout p.description {
	font: 400 14px/20px "cabinregular";
	padding: 0 0 10px;
	}
	
@media screen and (max-width: 480px ){
	
	
table.tx_maritdam-compactLayout tbody tr td {
	padding: 10px 0;	
}

div.asseticon {
	margin: 0 10px 0 0;
}

div.assettext {
	overflow: hidden;
	width: auto;
	float: none;
}

table.tx_maritdam-compactLayout h3 {
	font: 400 18px/22px "cabinmedium" !important;
	padding: 0 !important;
	}

table.tx_maritdam-compactLayout span.keywords, 
table.tx_maritdam-compactLayout span.category,
table.tx_maritdam-compactLayout p.description {
	display: none;
}

}


	
	
div.ansprechpartner p {
	padding-bottom: 3px; }
div.ansprechpartner {
	margin-bottom: 5px;
	}
div#jumpnavi select {
	color: #838383;
	}
div.iRadarItem ul {
	margin-left: 20px!important;
	}
div.iRadarItem ul p {
	padding-left: 0px!important;
	}
form#recommend {
	width: 530px;
	}






b, strong {
	font-family: "cabinbold";
	font-weight: 400 !important;
	}

/*
.subnavigation h4 {
	display: none;
	}
	
.subnavigation ul {
	margin: 0 !important;
	}

.subnavigation li {
	background: transparent !important;
	}

.subnavigation li a {
	padding-right: 10px !important;
	}

.subnavigation li.active {
    background-color: #f1fafe !important;
    }
    
.subnavigation li.active > a {
    font-family: "cabinbold";
    }
*/

.csc-linkToTop {
	padding: 0 10px;
	font: 400 14px/20px "cabinregular";
}

.csc-linkToTop a {
	height: auto;
	width: auto;
	float: right;
	text-indent: 0;
	background: url("/fileadmin/templates/vdi-2014/assets/img/icons/icon-top.png") right 3px no-repeat;
    padding-right: 20px;
	}
.csc-linkToTop a:hover {
	background-position: right -97px;
	}

.csc-default {
	margin: 0 10px 20px;
	}
    
.csc-textpic {
	margin: 0 10px 20px;
	}
	
.csc-default .csc-default,
.csc-default .csc-textpic,
.csc-default .accordeon {
    margin: 0;
    }

div.divider {
	margin: 0 0 20px;
	border-bottom: 1px solid #c1e4f5 !important;
	}

.csc-default h1, 
.csc-default h2, 
.csc-default h3, 
.csc-default h4, 
.csc-default h5, 
.csc-default h6, 
.csc-default .text {
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 10px;
	}

.csc-textpic-text hr, 
.csc-default hr {
	border: 0 !important;
	border-bottom: 1px solid #c1e4f5 !important;
	margin: 0 0 20px;
	}

p.blauerPfeil,
p.blauerPfeilRechts,
span.blauerPfeil {
	padding: 0 !important;
	background: transparent;
	color: #555555;
}

p.blauerPfeil a,
p.blauerPfeilRechts a,
span.blauerPfeil a,
a span.blauerPfeil {
	display: inline-block;
	background: url("/fileadmin/templates/vdi-2014/assets/img/icons/icon-link.png") left 4px no-repeat;
	padding: 0 0 0 20px !important;
	color: #0090d4;
	}
	
p.blauerPfeil a:hover,
p.blauerPfeilRechts a:hover,
span.blauerPfeil a:hover,
a span.blauerPfeil:hover {
	background-position: left -96px;
	color: #555555;
	}

#content .indent {
	margin: 0;
	}



.external-link-new-window {
	
	}


/*
	Teaser
*/
.bloc-260 .csc-default {
	background: #F1FAFE;
    padding: 15px 20px;
	}

.bloc-260 .csc-default .csc-default {
    padding: 0;
	}

.bloc-260 .csc-default h1,
.bloc-260 .csc-default h2,
.bloc-260 .csc-default h3,
.bloc-260 .csc-default h4,
.bloc-260 .csc-default h5,
.bloc-260 .csc-default h6 {
	font: 400 16px/22px "cabinbold";
    margin: 0;
	}
	
.bloc-260 .csc-default p,
.bloc-260 .csc-default ul {
	font: 400 14px/20px "cabinregular";
	padding: 0 0 10px;
	}
.bloc-260 .csc-default li {
	font: 400 14px/20px "cabinregular";
	}
	
.bloc-260 tbody tr {
	background: transparent !important;
	}

.bloc-260 div.divider {
	margin: 0;
	}


.bloc-700 p {
	line-height: 24px;
	letter-spacing: 0.015em
	}

.bloc-700 ul {
	
	}
/*
.bloc-700 .csc-default h1 {
	padding-bottom: 30px;
	font: 400 32px/36px "cabinregular";
	}
*/
.bloc-700 .csc-default h1,
.bloc-700 .csc-default h2 {
	font: 400 22px/30px "cabinmedium";
	padding-bottom: 30px;
}

.bloc-700 .csc-default h3 {
	font: 400 16px/22px "cabinbold";
	padding-bottom: 20px;
}

.bloc-700 .csc-default h4 {
	font: 400 16px/22px "cabinbold";
	padding: 0;
}

.bloc-700 div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	max-width: 620px;
	height: auto;
}




.bloc-700 table.contenttable {
	width: 620px;
	margin-bottom: 40px;
	border: 0 !important;
	border: 1px solid #c1e4f5 !important;
	}

.bloc-700 table.contenttable h2 {
	font: 400 16px/22px "cabinbold";
	padding: 0 0 10px;
	}

.bloc-700 table.contenttable td,
.bloc-700 table.contenttable th {
	font: 400 14px/20px "cabinregular";
	}

.bloc-700 table.contenttable p {
	font: 400 14px/20px "cabinregular";
	padding: 0 0 10px;
	}

.bloc-700 table.contenttable td {
	width: 50%;
	border-bottom: 1px solid #c1e4f5 !important;
	}
	
.bloc-700 table.contenttable thead tr th, 
.bloc-700 table.contenttable tbody tr td {
	border-right: 0 !important;
	border-right: 1px solid #c1e4f5 !important;
}

.bloc-700 table.contenttable thead tr th p,
.bloc-700 table.contenttable thead tr th p span.blau
.bloc-700 table.contenttable thead tr th,
.bloc-700 table.contenttable thead tr th span.blau  {
	color: white !important;
	padding: 0;
}


@media screen and (max-width: 480px ){

.bloc-700 table.contenttable {
	border-right: 0 !important;
	border-bottom: 0 !important;
}

.bloc-700 table.contenttable tr {
	display: block;
}

.bloc-700 table.contenttable thead tr th, 
.bloc-700 table.contenttable tbody tr td {
	display: block;
	box-sizing: border-box;
	width: 100%;
}

}



ul.blauerPfeil,
ul.blauerPfeil li {
	list-style: none !important;
	margin: 0 !important;
}

ul.pfleilUnten {
	list-style: none !important;
	margin: 0 0 30px !important;
	padding: 20px 20px 15px;
	box-shadow: 0 0 6px 0 #ccc;
}

ul.pfleilUnten li { 
	margin: 0 !important;
}

ul.pfleilUnten li a { 
	background: url("/fileadmin/templates/vdi-2014/assets/img/icons/icon-download.png") left 2px no-repeat;
    padding: 0 0 5px 20px;
	font: 400 14px/20px "cabinregular";
	display: block;
}

.bloc-700 #content ul {
	margin: 0 0 20px !important;
}

div.content ul li, 
div#top ul li, 
div.contentbox ul li {
	margin: 0 !important;
	list-style: none !important;
}




/*
.subnavigation li ul li a {
	font: 400 13px/18px "cabinregular";
}

.subnavigation li ul li ul li a {
	padding-left: 50px !important;
}

*/





/*
.news-single-item h2 { 
	font: 400 22px/30px "cabinbold";
	}

.news-list-item {
	margin: 0 !important;
	padding: 20px 0 !important;
}



.news-list-container .shadow {
	border-bottom: 1px solid #c1e4f5 !important;
}

.news-list-container h2 {
	font: 400 22px/28px "cabinmedium" !important;
	padding: 0 0 10px !important;
}

.news-list-container p { 
	font: 400 14px/20px "cabinregular";
	padding: 0;
	float: none;
}
	
.news-list-container p.blauerPfeilRechts a {
	background-position: left 3px;
}

.news-list-container p.blauerPfeilRechts a:hover {
	background-position: left -97px;
}
	
.news-list-container p.news-latest-date {
	margin: -6px 0 0;
	font: 400 12px/16px "cabinregular";
	color: #aaa;
	padding: 0 0 10px;
	float: none;
	
	
	margin: 0;
	font: 400 12px/16px "cabinregular" !important;
	color: #555;
	padding: 0 0 20px;
	
}

.news-list-container p.newskategorie {
	font: 400 12px/16px "cabinregular";
	color: #aaa;
	padding: 0 0 2px;
	
	font: 400 12px/16px "cabinregular" !important;
	color: #555;
	padding: 0 0 5px;
}



.page-navigation {
	background: #f1fbfd;
	text-align: right;
	border-bottom: 1px solid #c1e4f5
}

.page-navigation:last-child {
	border-bottom: 0px solid #c1e4f5
}

.page-navigation .browseLinksWrap {
	margin: 0;
	height: 38px;
}

.page-navigation .browseLinksWrap a,
.page-navigation .browseLinksWrap span {
	border: 0;
	padding: 10px 5px;
	min-width: 18px;
	display: inline-block;
	text-align: center;
	width: auto;
	font: 400 12px/18px "cabinbold";
	color: #0090d4;
	margin: 0 0 0 1px;
}

.page-navigation span,
.page-navigation .browseLinksWrap span {
	background: #d2ecf8;
}

.page-navigation .browseLinksWrap a:hover {
	color: #555;
}



.news-single-backlink {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 30px !important;
	}

.news-single-item h1 {
	padding: 0 0 5px !important;
	}
	
.news-single-item p.newskategorie{
	font: 400 12px/16px "cabinregular";
	color: #aaa;
	padding: 0 0 30px;
	}





.filter, .news-filter {
	margin: 0 0 30px !important;
	padding: 20px;
	box-shadow: 0 0 6px 0 #ccc;
	}
.filter table, 
.news-filter table {
	margin: 0;
	width: auto;
	}
.filter table td,
.news-filter table td {
	width: auto;
	}
	
.filter p {
	float: left;
	padding: 7px 20px 0 0;
	color: #0090D4;
	font: 400 16px/22px "cabinbold";
	}
	
.filter select, 
.news-filter select {
	width: 150px;
	color: #777;
	}

.news-filter .item:first-child {
	margin: 0;
}

.news-filter .item p {
	padding-right: 20px;
}


.news-single-backlink a {
	font: 400 14px/20px "cabinregular";
	color: #0090d4 !important;
	padding: 0 0 0 20px;
	background: url("/fileadmin/templates/vdi-2014/assets/img/back.png") left 2px no-repeat;
	display: inline-block;
	}
	
.news-single-backlink a:hover {
	color: #555 !important;
	background-position: left -98px;
	}
*/
	

.zs-form-wrapper {
	margin: 5px 0 30px !important;
	padding: 20px !important;
	box-shadow: 0 0 6px 0 #ccc;
	background: white !important;
}
.zs-fulltextsearch {
	border: 0 !important;
	padding:  0 !important;
	background: white !important;
}
.zs-fulltextsearch label {
	color: #0090d4;
    font: 400 16px/22px "cabinbold" !important;
    padding: 4px 0 0;
}
.zs-fulltextsearch .zs-text {
	background: #fff !important;
    margin: 0;
    text-align: left;
    float: left;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #ccc inset !important;
    color: #0090d4;
    font: 400 18px/18px "cabinregular";
    height: 56px;
    padding: 12px 20px 10px !important;
    }
.zs-fulltextsearch .zs-submit {
	display: inline-block;
    white-space: nowrap;
    background-color: #0090d4;
    zoom: 1;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    font: 400 1em/2em "cabinregular", Arial;
    padding: 5px 10px;
    overflow: visible;
    text-decoration: none;
    text-shadow: 0 1px 0 #0090d4;
    
	margin: 0 !important;
	float: right !important;
	width: 20%;
	}
.zs-checkbox-list label {
	display: inline;
}

#zs-result-container .contentbox {
	width: 580px !important;
	padding: 20px !important;
	box-shadow: 0 0 6px 0 #ccc;
	background: white !important;
	border: 0 !important;
	height: auto !important;
	margin: 0 5px 30px !important;
	min-height: 10px !important;
	}

#zs-result-container .zs-result-list h3 {
    border-radius: 4px 4px 0 0;
	padding: 15px 20px !important;
	margin: -20px -20px 0 !important;
	background: #0090d4 !important;
}

#zs-result-container .zs-result-list ul {
	margin: 0 !important;
}

#zs-error-noinput, #zs-error-nocheckbox {
	margin-left: 10% !important;
	padding-bottom: 0 !important;
}

.zs-result-list .error, #zs-result .error {
	margin: 30px 15px 0 !important;
	padding-bottom: 10px !important;
}

div.zs-result div#zs-result-container ul li {
	padding: 20px 0 10px !important;
	border-bottom: 1px solid #c1e4f5 !important;
}

div.zs-result div#zs-result-container ul li:last-of-type {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.zs-result-list h4 {
	background: transparent !important;
	padding: 0 0 10px !important;
	font: 400 16px/22px "cabinmedium" !important;
}

.zs-knownledgelist .teaser {
	padding: 0 0 10px !important;
	font: 400 14px/20px "cabinregular";
}
.zs-result-list p.category,
.zs-knownledgelist .technology,
.zs-result-list .category {
	padding: 0 0 10px !important;
	font: 400 13px/18px "cabinregular";
	color: #aaa;
}

.zs-result-list .category strong {
	width: auto !important;
	float: none !important;
}
.zs-result-list .category span {
	display: inline !important;
	margin: 0 !important;
}

.zs-result-list span.blaueBox {
	right: 20px !important;
	bottom: auto !important;
	top: 13px;
	background: none;
}

.zs-result-list span.blaueBox a {
	font-size: 14px;
}

.zs-addresslist p {
	margin: 0 !important;
	padding: 0 !important;
	font: 400 14px/20px "cabinregular";
	background: transparent !important;
}

.zs-addresslist p.category {
	padding: 10px 0 10px !important;
	}

.zs-videolist .teaser {
	padding: 0 0 5px !important;
	font: 400 14px/20px "cabinregular";
}

.zs-websitelist .teaser {
	padding: 0 0 10px !important;
	font: 400 14px/20px "cabinregular";
}


.zs-result-list em, 
#zs-result em {
	font-weight: 400 !important;
	background: #f1fafe !important;
	padding: 0 4px !important;
}



#zs-result {
	width: 580px !important;
	padding: 20px !important;
	box-shadow: 0 0 6px 0 #ccc;
	background: white !important;
	border: 0 !important;
	height: auto !important;
	margin: 0 0 30px !important;
	min-height: 10px !important;
}

#zs-result h3:first-child {
	display: none;
}

#search-result-overview {
	margin-bottom: 0;
}

#search-result-overview ul {
	margin: 0 0 0 -2px;
}

#search-result-overview ul li {
	float: left;
	margin: 0 0 0 1px;
	height: 40px;
	overflow: hidden;
	border: 0;
    padding: 0;
}
.search-result-overview ul li a {
	display: block;
	height: 40px;
	font: 400 16px/40px "cabinbold";
	text-align: center;
	color: #0090d4;
	padding: 0 20px;
	letter-spacing: 0.025em;
	background: #f9f9f9 url('/typo3conf/ext/lf_base/Resources/Frontend/assets/img/tab-bg.png') left 3px repeat-x;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border: 1px solid #dfe0e1;
	border-bottom: 0;
}

#search-result-overview ul li.active {
    background: #fff;
}
#search-result-overview ul li.active a {
    border-bottom: 0;
    height: 41px;
    background: #fff;
}

#search-result-overview .zs-overview-label {
	padding-bottom: 20px;
}


#zs-result .zs-result-single {
	margin: 0;
}
#zs-result .zs-result-single li {
	margin: 0 0 20px!important;
	padding: 0 0 10px !important;
	border-bottom: 1px solid #c1e4f5 !important;
}

#zs-result .zs-result-single li:last-of-type {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}
#zs-result .zs-result-single li p{
	font: 400 14px/20px "cabinregular";
	color: #555555;
	padding-bottom: 10px;
}


@media screen and (max-width: 640px ){
	
	#zs-result-container {
		margin: 0 !important;
	}
	
	#zs-result-container .contentbox {
		width: 100% !important;
		box-sizing: border-box;
		margin: 0 0 30px !important;
	}
	
	.zs-first-label {
		width: auto !important;
		float: none !important;
		display: block !important;
	}
	
	.zs-search-inputs {
		margin-left: 0 !important;
	}
	
	.zs-checkbox-list {
		padding-left: 0 !important;
	}
}


@media screen and (max-width: 480px ){
	
	.column-left {
 	   float: none !important;
 	   width: auto !important;
	}
	
	.column-right {
		margin-left: 0 !important;
	}

}


/*
.prozessketten-wrapper {
	margin: 0 !important;
	}
	
.prozesskette li.kette {
	font-family: Arial !important;
	font-size: 12px !important;
	margin: 0 !important;
	}

.prozesskette ul {
	margin: 0 !important;
	font-family: Arial !important;
	font-size: 12px !important;
	}
*/


.ui-widget .ui-widget {
	font-family: Arial !important;
	font-size: 12px !important;
}

.ui-widget .ui-widget.tabs {
	width: auto !important;
}

.ui-dialog .ui-dialog-title {
	font: 400 22px/30px "cabinmedium";
}
.ui-accordion .ui-accordion-header a {
	font: 400 12px/14px "cabinbold";
}

.accordion-filter ul li span, .prozessdaten ul, .prozessdaten ol, .prozessdaten li, .prozessdaten p {
	font-family: Arial !important;
	font-size: 12px !important;
	line-height: 18px !important;
}
.prozessdaten p {
	padding: 0 0 20px !important;
}



/*
div#glossarheaderimg img {
	margin: 0 10px;
	width: 620px;
	height: auto;
}
ul#glossarnavigation {
	margin: 0 10px 30px !important;
}
ul#glossarnavigation li {
	margin: 0 !important;
	padding: 0 7px 0 6px !important;
	border-left: 1px solid #c1e4f5 !important;
	font: 400 15px/22px "cabinbold" !important;
	}
ul#glossarnavigation li:last-child {
	border-right: 1px solid #c1e4f5 !important;
}



#contentwrapper_1col.glossar div.content .csc-default {
	border-bottom: 1px solid #c1e4f5;
    margin-bottom: 20px;
    padding-bottom: 0;
    width: 620px;
}

#contentwrapper_1col.glossar div.content .csc-default h2 {
	font: 400 22px/30px "cabinmedium";
	padding-bottom: 10px !important;
}

#contentwrapper_1col.glossar div.content .csc-default p {
	padding-bottom: 20px !important;
	font: 400 14px/20px "cabinregular";
}

#contentwrapper_1col.glossar div.content .csc-default li {
	font: 400 14px/20px "cabinregular";
}
*/

#efficiency_atlas_map {
	margin-bottom: 30px;
}

.efficiency-atlas-filter-wrapper {
	float: none !important;
	width: auto !important;
	padding: 0 30px;
	background: #f1fafe;
	overflow: hidden;
	margin-bottom: 30px;
	
}

.ea-filter-settings {
	border: 0 !important;
	margin: 20px 0 !important;
	float: left;
	width: 50%;
}

.ea-filter-settings.bundesland {
	
}

#content ul.selfcheck-statusbar li, 
.content ul.selfcheck-statusbar li,
#content ul.selfcheck-statusbar li a, 
.content ul.selfcheck-statusbar li a {
	font: 400 16px/36px "cabinbold" !important;
}

.sc-question .sc-question-nb {
	font: 400 15px/22px "cabinregular" !important;
}

.sc-question .sc-question-text,
.sc-question .sc-question-help a {
	font: 400 16px/22px "cabinbold" !important;
}
#content ol.list-radio li {
	margin: 0 !important;
	padding: 5px 0 !important;
}
#content ol.list-radio li label {
	font: 400 15px/15px "cabinregular" !important;
}

.sc-input-row label {
	font: 400 15px/22px "cabinregular" !important;
}

.ui-dialog {
	z-index: 7000 !important;
}


/*

#logo-en {
	background:	url("/fileadmin/templates/vdi-2014/assets/img/vdi-zre-EN-Logo.png") no-repeat scroll -10px -10px rgba(0, 0, 0, 0);
	display: block;
	width: 282px;
	height: 107px;
	position: absolute;
	left: 20px;
	top: 15px;
	text-indent: -10000em;
}
*/






hr {
	margin: 0 10px 40px !important;
}


div.csc-textpic-intext-left div.csc-textpic-imagewrap, 
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right: 20px !important;
}

/* Spezial for: http://testing.ressource-deutschland.de/index.php?id=641 */
.csc-default p.align-center img[width="252"] {
	max-width: 252px !important;
}

.clickThumb2 .csc-default p img[width="150"] {
	max-width: 150px !important;
}

sup {
    top: -2px !important;
}


@media screen and (max-width: 640px ){

	div.csc-textpic div.csc-textpic-imagewrap {
		width: 40% !important;
	}
	
	div.csc-textpic-center div.csc-textpic-imagewrap {
		width: 100% !important;
	}
	
	#content div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-caption img {
		width: auto !important;
	}
	
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol,
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
		width: 100% !important;
	}
	
	
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol[style="width:100px;"],
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol[style="width:100px;"],
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol[style="width:106px;"],
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol[style="width:106px;"] {
		width: 100px !important;
	}
	
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol[style="width:130px;"],
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol[style="width:130px;"] {
		width: 130px !important;
	}
	
	div.csc-textpic-intext-left div.csc-textpic-imagewrap {
		float: left;
		width: auto !important;
		margin-right: 20px !important;
	}
	
	div.csc-textpic-intext-right div.csc-textpic-imagewrap {
		float: right;
		width: auto !important;
		margin-left: 20px !important;
	}
	
	.csc-default p img,
	div.csc-textpic div.csc-textpic-imagewrap img,
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol img,
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol img {
		width: 100% !important;
		height: auto;
	}

	.csc-default p img[height="16"] {
		width: auto !important;
	}
	
	/*
	.news-list-item {
		padding: 10px 0 !important;
	}
	
	.news-list-container h2 {
		font: 400 18px/22px "cabinmedium" !important;
		padding: 0 !important;
	}
	
	.news-list-container p {
		display: none;
	}
	
	.news-list-container p.newskategorie {
		display: block;
		padding: 0  0 2px;
	}
	*/
	
	
}


@media screen and (max-width: 480px ){


	div.csc-textpic div.csc-textpic-imagewrap {
		margin-bottom: 20px !important;
	}
	
	div.csc-textpic div.csc-textpic-imagewrap {
		width: 100% !important;
	}
	
	div.csc-textpic-intext-left div.csc-textpic-imagewrap {
		float: left;
		width: auto !important;
		margin-right: 10px !important;
	}
	
	div.csc-textpic-intext-right div.csc-textpic-imagewrap {
		float: none;
		width: auto !important;
		margin-left: 10px !important;
	}
	
	div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-firstcol,
	div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-lastcol {
		width: 100% !important;
		max-width: 100px !important;
	}
	
	.csc-default p img[width="180"], 
	div.csc-textpic div.csc-textpic-imagewrap img[width="180"], 
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol img[width="180"], 
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol img[width="180"] {
		max-width: 130px;
	}
	
	.csc-default h1, .csc-default h2, .csc-default h3, .csc-default h4, .csc-default h5, .csc-default h6, .csc-default .text {
		padding-bottom: 5px;
	}
	
	body, p, li {
		font-size: 14px !important;
		line-height: 20px !important;
	}
	
	sub, sup { font-size: 10px; }
	/* sup { top: -6px; } */
	
	.csc-default h1 {
		font-size: 26px;
	}
	
	.csc-default .news-single-backlink {
		margin: 0 0 0 !important;
	}
	
	.csc-default p {
		padding: 0 0 20px 0;
	}
	
	.csc-default p:last-child {
		padding: 0;
	}
	
	.bloc-700 .csc-default h1 {
    	font: 400 22px/28px "cabinmedium";
		padding-bottom: 20px;
	}
	
	.bloc-700 .csc-default h2 {
    	font: 400 18px/24px "cabinmedium";
		padding-bottom: 20px;
	}	

	.csc-default .csc-textpic-text {
		clear: both;
	}

	.csc-default p img[height="16"] {
		width: auto !important;
	}
	
}
/* news */
.news-latest-container {padding: 10px 10px 0}
.news-latest-container a:hover {text-decoration: underline !important}
.news-latest-more-link a { color: #09c; font-size: 0.87em; font-weight: 700; padding:0 0 0 14px; text-decoration: none; float: right;}

.news-latest-item {margin: 0 0 10px; border-bottom: 1px solid #CECECE;    padding: 0 0 18px;}
.news-latest-item h4 {font-weight: 600; color: #0099CC; font-size: 1em}
.news-latest-item h4 a {background: none; color: #6c6c6c;padding: 0; text-transform: none; text-decoration: none}
.news-latest-item p { padding-bottom: 3px;}
.news-latest-item  h4.news-latest-more-link { float: right; background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconArrowBlue.gif') no-repeat 0 60%; padding-left: 10px; }
.news-latest-item  h4.news-latest-more-link a { margin-left: 7px; }
.news-list-container .news-list-morelink { display: none; }

.news-more-link {display: block; }
.news-list-link {padding: 0 10px 10px 0 !important;} 
.news-list-image {margin: 0 20px 0 0}
.news-list-item {clear: both; margin: 0 0 25px; padding: 0 0 0px;}
.news-list-item h3 {font-size: 1.1em; padding: 0; }
.news-list-item h3 a {color: #595959; text-decoration: none}
.news-list-morelink a {display: inline-block; background: white url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/corners-blue.png') no-repeat 0 -92px; color: #09c; font-size: 0.9em; font-weight: 700; padding:0 0 0 14px; text-decoration: none; text-transform: uppercase}
.news-list-date,
.news-single-date,
.news-single-imgcaption {color: #838383; padding: 0}
.news-single-imgcaption {font-size: 0.85em}
.news-single-img {margin: 5px 0 0}
.news-single-backlink { color: #595959; font-size: 0.85em;margin: 0 0 10px;padding: 5px 5px 2px 10px; border: 1px solid #D9D8D8; clear: both; }
.news-single-backlink a { color: #595959;}
.browseLinksWrap { margin: 0 0 10px;}
.browseLinksWrap a  {  padding: 2px 5px; border: 1px solid #DBDADA; color: #838383;}
.browseLinksWrap span {  padding: 2px 5px; border: 1px solid #DBDADA; color: #838383;}

.browseLinksWrap a.activeLinkWrap { color: #0099CC!important; }

.news-list-container .shadow {margin: 0 0 15px; border-bottom: 1px solid #D9D8D8; }
.news-single-item p { color: #595959; }

/* Template 4 Columns */
div#contentwrapper_4col div.news-latest-item h4 a { color: #0099CC; font-size: 0.9em}
div#contentwrapper_4col div.news-latest-container { padding: 0px!important; }
div#contentwrapper_4col h3 + div.news-latest-container {	margin-top: 8px; }
div#contentwrapper_4col h3 { padding: 1em 0 0.5em; }
div#contentwrapper_4col h1 { padding:  0 0 5px; }
div#contentwrapper_4col div.news-latest-item { border-bottom: none!important; }
div#contentwrapper_4col h3 { font-size: 1.14em; }
div#contentwrapper_4col span.blauerPfeil {
	position: absolute;
	bottom: 0;
	right: 7px;
}

div#content_42 h4.news-latest-more-link, div#content_43 h4.news-latest-more-link, div#content_44 h4.news-latest-more-link { display: none; }
div#content_42, div#content_43 , div#content_44 { position: relative; }

div#content_42 p.more-link, div#content_43 p.more-link, div#content_44 p.more-link {
	position: absolute;
	bottom: 0;
	right: 0;
}
div#content_43 p.more-link { right: 10px; }
div#content_44 p.more-link:first-child {	bottom: 15px;	}	
	
h4.blauerPfeil {
	background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconSprite.gif') no-repeat scroll 0 -52px;
	padding: 2px 0 4px 8px;
}
	
	
/* powermail allgemein */
.tx-powermail-pi1 form {margin: 0 0 20px}
.tx-powermail-pi1 legend {padding: 10px 0; font-weight: 700}
.tx-powermail-pi1 label {display:block;}
.tx-powermail-pi1 input[type="text"],
.tx-powermail-pi1 select,
.tx-powermail-pi1 textarea {border: 1px solid #838383; padding: 2px}
.tx-powermail-pi1 input[type="text"] {width: 243px;}
.tx-powermail-pi1 select {width: 249px}
.tx-powermail-pi1 textarea {width: 524px}
.tx-powermail-pi1 input:focus,
.tx-powermail-pi1 select:focus,
.tx-powermail-pi1 textarea:focus {border: 1px solid #595959;}
.tx-powermail-pi1 textarea {font: 1em/1.2 Arial, Geneva, Helvetica, sans-serif; min-height:80px;}
.tx-powermail-pi1 input.validation-failed,
.tx-powermail-pi1 select.validation-failed {border-color: red}
.tx-powermail-pi1 .validation-advice {color: red}
.tx-powermail-pi1 input.powermail_captcha {width: 100px;}
.tx-powermail-pi1 input[type="button"], 
.tx-powermail-pi1 input[type="submit"] {
background: #007da6 url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/nav-bg.png') repeat-x 0 -20px; border:none; color: white; font-weight: 700; padding:2px 5px;cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tx_powermail_pi1_fieldwrap_html_submit {text-align: right}
.tx_powermail_pi1_fieldwrap_html_label {font-size: 0.85em; margin:10px 0;} 
.tx-powermail-pi1 .recommend-url {color: #09c}

.tx-powermail-pi1_mandatory strong {font: normal 1.4em/1.4 Arial, Geneva, Helvetica, sans-serif; padding: .75em 0 .5em}
.powermail_mandatory_list {color: red; font-size: 0.7em}



/* powermail seite empfehlen */
#recommend .tx-powermail-pi1_fieldset_ihreangaben,
#recommend .tx-powermail-pi1_fieldset_emfnger {float: left; width: 47%; margin: 0 3% 0 0}
#recommend .tx-powermail-pi1_fieldset_emfnger {margin: 0 0 0 3%}
#recommend .tx-powermail-pi1_fieldset_ihreangaben legend,
#recommend .tx-powermail-pi1_fieldset_emfnger legend,
#recommend .tx-powermail-pi1_fieldset_nachricht legend {text-indent: -9999px; padding:0}
#recommend .tx-powermail-pi1_fieldset_nachricht {clear:both}
#recommend .tx-powermail-pi1_fieldset_seiteempfehlen legend {font: normal 1.4em Arial, Geneva, Helvetica, sans-serif; padding: .75em 0 .5em}


/* ext plugin styles */
.form-block {background-color: #dceefb;margin:0 0 4px;padding:10px;}
.form-block .block-active {background-color: #eef7fd;padding:10px 10px 15px;}
.form-block input[type="text"],
.form-block select {border: 1px solid #595959; font-size:0.85em; padding: 2px;}
#content ol.list-radio, #content ol.list-result {list-style-type: none;}
#content ol.list-result {margin:0;}
#content ol.list-radio li, #content ol.list-result li {margin-bottom: 3px;}
#content ol.list-radio li input {vertical-align: sub; margin-right: 5px; float: left;}
#content ol.list-radio li label {margin-left: 25px; display: block;}
a.open-container,
a.close-container {float: right; background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/corners-blue.png') no-repeat 100% -90px; padding: 0 14px 0 0; text-decoration: none}
a.close-container {background-position: 100% -60px}
a.open-container:hover,
a.close-container:hover {color: #09c; text-decoration: underline}
a.button-link {float: right;
background: #007da6 url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/nav-bg.png') repeat-x 0 -20px; border:none !important; color: #fff; font-size:0.85em;font-weight: 700; padding:2px 5px;cursor: pointer;width: auto !important;text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
a.link-more-information {font-size: 0.9em; background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/arrow-blue.gif') 0 5px no-repeat; padding-left: 17px;}
.small-text {font-size: 0.9em;}

/* database search */
#content .resource-search ol {margin: 0; list-style-type: none}
#searchFormStart ol li {float: left; margin: 0 10px 0 0}
#searchFormStart ol li.last {margin: 0; width: 144px}
#searchFormStart legend {display: none}
#searchFormStart input[type="text"],
#searchFormStart select {border: 1px solid #595959; font-size:0.85em; padding: 2px;}
#searchFormStart select#radius {width: 100px}
#searchFormStart select#category {width: 270px}
#searchFormStart input#plz {width: 120px}
#searchFormStart input[type="text"] {padding: 3px 2px}
.submit-button, a.submit-button:visited {
background: #007da6 url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/nav-bg.png') repeat-x 0 -20px; border:none !important; color: white; font-weight: 700; padding:2px 5px;cursor: pointer;width: auto !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
a.submit-button {text-decoration: none;color: #fff;}
#searchFormStart .submit-button {margin: 20px 0 0; padding:3px 5px;}
.resource-search input[type="submit"] {font: 700 0.85em/1.4 Arial, Geneva, Helvetica, sans-serif}
.resource-search .block {background-color: #dceefb;margin:0 0 4px;padding:10px;}
.resource-search .block .block {background-color: white;margin:0 0 4px;padding:10px;}
.resource-search .block .block-active {background-color: #eef7fd;padding:10px 10px 15px;}

.resource-search .info {background-color: #ececec; padding:10px 10px 15px;}
.resource-search .info .page-navigation {background-color: #dceefb; margin:0; padding:5px 8px 10px;}
.resource-search .result-list{background-color: white;}
.resource-search .highlight-text {padding: 0 0 4px}
.resource-search .change-link {float: right;
background: #007da6 url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/nav-bg.png') repeat-x 0 -20px; border:none !important; color: white; font-size:0.85em;font-weight: 700; padding:2px 5px;cursor: pointer;width: auto !important;text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.register-list li a {background-color: #09c; color: white; float:left; padding: 5px 10px; border-right: 5px solid #ececec; font-weight: bold; text-decoration: none}
.register-list li a.current {background-color: white; color: #09c}
.register-list li a:hover {background-color: white; color: #09c}
.register-list li a.current:hover {background-color: #09c; color: white}

.result-list li {margin:0 10px;padding:10px 0;}
.result-list .more-link {display: block; margin: 20px 0 0}

#search-refinement-block .block {background-color: white;margin:0 0 4px;padding:10px 10px 15px;}
#search-refinement-block .change {background-color: #eef7fd}
#search-refinement-block p {padding: 0}
#search-refinement-block .submit-button {float:right; margin: 0;clear:both}

#open-search-refinement,
#close-search-refinement {float: right; background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/corners-blue.png') no-repeat 100% -90px; padding: 0 14px 0 0; text-decoration: none}
#close-search-refinement {background-position: 100% -60px}

#open-search-refinement:hover,
#close-search-refinement:hover {color: #09c; text-decoration: underline}

.result-block .block {background-color: white; margin: 0 !important}
.result-block .pagination {margin: 10px; background-color: #dceefb;}

.resource-search .column-one {width: 348px}
.resource-search .column-two {margin: 32px 0 0 32px; width: 300px}

.organisation-details {background-color: white;}
.result-detail .block {margin: 0 !important}
.organisation-details {padding: 10px}

#tags-refine ol.tags {float:left;}
#tags-refine ol li {float:none; width: 215px; clear:left}
#tags-refine ol li.col1 {margin: 0;}
#tags-refine ol li.col2 {margin: 0 0 0 210px}
#tags-refine ol li.col3 {margin: 0 0 0 420px}
#tags-refine ol li.col4 {margin: 0 0 0 630px}
#tags-refine ol li.col5 {margin: 0 0 0 840px}
#tags-refine ol li.col6 {margin: 0 0 0 950px}
#tags-refine ol li.coltopper {margin-top: -190px}

#tags-refine ol li input[type="checkbox"] {vertical-align: sub; float:left;}

/* self-check */
.sc-block, .sc-result-detail {margin-bottom: 15px;}
.sc-block .input-error {margin: 0 0 15px 14%;}
.sc-block .sc-personal-questions .input-error {margin: 0;}

.sc-question .sc-question-nb {display: block; float: left; width: 13%;}
.sc-question .sc-question-text {font-weight: bold; color: #0099CC; display: block; float: left; width: 72%;}
.sc-question .sc-question-help {float: left; width: 15%; text-align: right;}
.sc-question .sc-question-help a {font-weight: bold; text-decoration: none;}
.sc-question .sc-question-help a:hover {text-decoration: underline;}
.sc-question .sc-question-help-text {display: none;}

.sc-question-help-icon {background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/icon-help.gif') 0 0 no-repeat; padding:0 0 0 20px;}
a.sc-question-help-icon, strong.sc-question-help-icon { padding:2px 0 2px 20px}
 
.sc-question-help-text {margin:15px 0 10px 0;}

#content .sc-block ol.sc-answers {padding: 0; margin: 0 0 10px 13.5%;}

.sc-personal-questions {margin-bottom: 10px;}
.sc-input-row {margin-bottom: 10px;}

.sc-result-teaser, .sc-result-signal {float: left; width: 150px; display: block;}
.sc-result-teaser {width: 140px;}
.sc-result-text-detail, .sc-result-text {margin-left: 150px; display: block; }
.sc-result-text-detail {min-height: 230px;}
.sc-result-text {margin-left: 140px;}
.sc-result-signal img {margin-left: 20px;}
.sc-result-text {color: #0099CC; }
.sc-result-detail .sc-result-signal {width: 90px}

.sc-answers-lights ol {padding-left: 90px; background-position: 20px 0; background-repeat: no-repeat; min-height: 120px;}
.sc-answers-lights ol.red {background-image: url(/typo3conf/ext/selfcheck_material_efficiency/Resources/Public/img/ampel_rot_klein.jpg);}
.sc-answers-lights ol.yellow {background-image: url(/typo3conf/ext/selfcheck_material_efficiency/Resources/Public/img/ampel_gelb_klein.jpg);}
.sc-answers-lights ol.green {background-image: url(/typo3conf/ext/selfcheck_material_efficiency/Resources/Public/img/ampel_gruen_klein.jpg);}
.sc-answers-lights ol.black {background-image: url(/typo3conf/ext/selfcheck_material_efficiency/Resources/Public/img/ampel_schwarz_klein.jpg);}

.sc-result-detail-text {border-top: 1px solid #09c; padding: 1em 0 0.5em 20px; font-weight: bold; color: #0099CC;}
.sc-result-detail-details {margin: 0 0 10px 0;}

.sc-result-detail-information {padding-left: 20px;}
.sc-result-detail-information-text {display: none; margin: 0 0 0 17px;}
.sc-result-detail-information-text > p,
.sc-result-detail-information-text > ol,
.sc-result-detail-information-text > ul {padding: 1em 0;}
.sc-result-detail-information-text > p.button-wrapper {padding-top: 0;}
#content .sc-result-detail-information-text > ol,
#content .sc-result-detail-information-text > ul {margin: 0 0 0 20px; padding-bottom: 0;}

.sc-buttons .lFloat {float: left;}

/* Temporary search styles */

.page-navigation span {width: 100px; color: #09c}
.page-navigation span.right {text-align: right;}


.page-navigation ol {float: left; width: 460px; text-align: center;}
.page-navigation ol li {border-left: 1px solid #838383; display: inline; padding:0 2px 0 7px;}
.page-navigation ol li.first {border-left: none;}
.page-navigation ol li.current {color: #595959;}


/* helper */
.hideMe {display: none;}
.lFloat {float: left;}
.rFloat {float: right;}

/* marker if validation error */
.input-error-message {color: red; font-weight: 700;}
.input-error {color: red; font-weight: 700;}


/* RTE frontend */

.more-link a {
	background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/iconArrowBlue.gif') no-repeat scroll 0 50%;
	color: #0099CC;
	padding: 0 0 0 8px;
	text-decoration: none;
	font-weight: bold;
}
.more-link a:hover {
	color: #0099CC;
	text-decoration: underline;
	}

.info-block {
	color: #595959;
	margin: 0 0 10px;
	padding: 10px;
	background: #ececec url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/shadow.png') repeat-x  0 100%;
}

#content .list {list-style-type: none; margin: 0 !important; padding: 0}
.list {list-style-type: none; margin: 0 !important; padding: 0}
.list li {background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/corners-blue.png') no-repeat 0 -92px; padding: 0 0 0 20px;}

#content .checklist, .checklist {list-style-type: none; margin: 0 !important; padding: 0}
.checklist li {background:url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/checklist-icon.png') no-repeat scroll 0 4px transparent; margin-bottom:0.5em;	padding:0 0 0 20px;}

/* nyroModal */

#nyroModalFull {
	font-size: 12px;
	color: #777;
}
#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/ajaxLoader.gif') no-repeat;
	background-position: center;
}
#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/close.gif') no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}

#nyroModalContent {
	overflow: auto;
}

#nyroModalContent p {
	/*
	font-size: 11.7px;
	line-height: 14.0333px;
	*/
	/*
	font-size: 0.975em;
	*/
	font-size: 13px;
	line-height: 17px;
}
.wrapper #nyroModalContent {
	padding: 5px 15px 15px;
}
.wrapperImg #nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.wrapperImg img {
	vertical-align: baseline;
}
.wrapperImg #nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.wrapperImg #nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
.wrapperSwf a.nyroModalPrev, .wrapperSwf a.nyroModalNext, .wrapper a.nyroModalPrev, .wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/prev.gif');
}
a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
a.nyroModalNext:hover {
	background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/next.gif');
}


/* changes for recommend  */
#nyroModalContent #rootline,
#nyroModalContent #contentfooter {display:none}
h1#nyroModalTitle {display: none}
a#closeBut {height: 11px; right:20px; top: 15px; width: 72px; background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/nyro-close.png') no-repeat;}
#nyroModalContent h1 {padding: 25px 0 10px; color: #09C}

.recommend-wrapper {padding: 40px 20px 20px;}
.recommend-wrapper .nyroModalContent {overflow: hidden;}
.recommend-wrapper #recommend .tx-powermail-pi1_fieldset_seiteempfehlen legend {font-weight: 700;padding: 0;}
.recommend-wrapper #nyroModalContent {background-color: #dceefb;}
.recommend-wrapper #recommend  { padding: 3%;}
.recommend-wrapper #recommend input[type="text"] {width: 237px;}
.recommend-wrapper #recommend select {width: 243px}
.recommend-wrapper #recommend textarea {width: 511px}

/* iRadar */
.iRadarItem {border-bottom: 1px solid #09c; margin: 10px 0}
.iRadarItem h2 {background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/icon-iradar.png') no-repeat; font-size: 1.1em; font-weight: 700; padding: 0 0 0.3em 20px}
.iRadarItem p {padding: 0 0 1em 20px}
.iRadarItem h3 {font-size: 1em; font-weight: 400; padding: 0 0 0.3em 20px}
.toggleLink, .linkOpen {background:url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/corners-blue.png') no-repeat 100% -85px; display: block; padding: 5px 14px 5px 0; margin: -16px 0 0}
.linkOpen {background-position: 100% -55px}
.iRadarItem a[rel="external"] {background:url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/link-external.png') no-repeat 100% 50%; padding: 0 16px 0 0}

.iRadarItemSmall {float: left; width: 335px; margin: 10px 10px 10px 0; border-bottom: 1px solid #09c; border-right: 1px solid #09c; padding: 0 10px 0 0;
/*temp*/
height: 200px; overflow: hidden
}
.iRadarItemSmall h2 {font-size: 1em; font-weight: 700; background: url('../../typo3conf/ext/lf_base/Resources/Frontend/old/img/icon-iradar.png') no-repeat 0 2px; padding: 0 0 0.3em 1.8em}
.iRadarItemSmall p {padding: 0 0 1em 1.8em}

/* tt_adress */
div.beirat {
	border: 1px solid #D9D8D8;
	padding: 3px;
	float: left;
	width: 330px;
	height: 146px;
	margin-right: 7px;
	margin-bottom: 8px;
	overflow: hidden;
}
div.profilimg  img {
	margin-right: 20px!important;
	float: left;
	}
div.beirat h3.name {
	color: #0099CC;
	padding: 0;
	margin: 3px 5px;
	font-size: 1em;
}
div.beirat h4.title {
	font-size: 0.95em;
	margin-bottom: 5px;
}
div.beirat p.addr {
	font-size: 1em;
}



/* Botschafter */
div.botschafter {
	padding: 20px;
	width: 580px;
	min-height: 146px;
	margin: 0 10px 40px;
	background: #F1FAFE;
}

div.botschafter h3.name {
	color: #0099CC;
}
div.botschafter h4.title {
	color: #0099CC;
}
div.botschafter p.addr {
}
div.botschafter p.quote {
	font-style: italic;
	margin-left: 149px;
}


.csc-default table {
	margin: 0 0 40px !important;
	width: 100% !important;
}

/* Tableizr Code */
table.tableizer-table {
    border: 1px solid #ccc !important; 
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.tableizer-table td {
    padding: 4px !important;
    margin: 3px;
    border: 1px solid #ccc !important;
}

.tableizer-table th {
    /*
	background-color: #104E8B !important;
    color: #FFF !important;
    */
    padding: 4px !important;
    font: 400 14px/20px cabinbold,Arial !important;
}

@media screen and (max-width: 480px ){

	#content ul.selfcheck-statusbar, .content ul.selfcheck-statusbar {
		min-height: 45px;
	}

	.sc-personal-questions .sc-input-row label {
	    width: 50%;
	}
}

/* MATOMO */

.matomo > div {
	border: 0px none;
	width: 100%;
	max-width: 865px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0;
	box-sizing: border-box;
}
.matomo-opt-out__form {
	position: relative;
}

.matomo-opt-out__form input {
    background: #fff!important;
	position: absolute;
	top: 7px;
	left: 0;
	width: auto;
	z-index: 10;
}

.matomo-opt-out__label {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 6px 0 6px 36px;
	position: relative;
	z-index: 1;	
}

.matomo-opt-out__tracking-info--active,
.matomo-opt-out__tracking-info--inactive {
	display: none;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */


.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/libs/fancybox-2.1.5/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/libs/fancybox-2.1.5/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/libs/fancybox-2.1.5/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/libs/fancybox-2.1.5/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
   
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/fancybox_sprite@2x.png');
		background-size: 44px 152px;
	}
	
	#fancybox-loading div {
		background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/fancybox_loading@2x.gif');
		background-size: 24px 24px;
	}
}
*/
#fancybox-buttons {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 8050;
}
#fancybox-buttons.top {
  top: 10px;
}
#fancybox-buttons.bottom {
  bottom: 10px;
}
#fancybox-buttons ul {
  display: block;
  width: 166px;
  height: 30px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  border: 1px solid #111;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  background: #323232;
  background: -moz-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #343434), color-stop(50%, #292929), color-stop(100%, #333333));
  background: -webkit-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  background: -o-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  background: -ms-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  background: linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
}
#fancybox-buttons ul li {
  float: left;
  margin: 0;
  padding: 0;
}
#fancybox-buttons a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/fancybox_buttons.png');
  background-repeat: no-repeat;
  outline: none;
  opacity: 0.8;
}
#fancybox-buttons a:hover {
  opacity: 1;
}
#fancybox-buttons a.btnPrev {
  background-position: 5px 0;
}
#fancybox-buttons a.btnNext {
  background-position: -33px 0;
  border-right: 1px solid #3e3e3e;
}
#fancybox-buttons a.btnPlay {
  background-position: 0 -30px;
}
#fancybox-buttons a.btnPlayOn {
  background-position: -30px -30px;
}
#fancybox-buttons a.btnToggle {
  background-position: 3px -60px;
  border-left: 1px solid #111;
  border-right: 1px solid #3e3e3e;
  width: 35px;
}
#fancybox-buttons a.btnToggleOn {
  background-position: -27px -60px;
}
#fancybox-buttons a.btnClose {
  border-left: 1px solid #111;
  width: 35px;
  background-position: -56px 0px;
}
#fancybox-buttons a.btnDisabled {
  opacity: 0.4;
  cursor: default;
}
/*
Version: 3.5.0 Timestamp: Mon Jun 16 19:29:44 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}
html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}
html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') right top no-repeat;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat 0 1px;
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat 100% -22px;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat -37px -22px;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2-spinner.gif') no-repeat 100%;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}
.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}
.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}
.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}
.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}
.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}
.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2-spinner.gif') no-repeat 100%;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}
html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/*
cabinbold
cabinbolditalic
cabinitalic
cabinmedium
cabinmediumitalic
cabinregular
*/
@media all {
  /* HO: Nicht besser alle Tags aufzählen hier wie bei meyer? */
  * {
    margin: 0;
    padding: 0;
  }
  option {
    padding-left: 0.4em;
  }
  select {
    padding: 1px;
  }
  /* HO: What for?
  html * {
    font-size: 100%;
  }
  */
  /* HO: What for?
  * html body * {
    overflow: visible;
  }
  */
  body {
    background: #fff;
    font-family: "cabinregular", Arial;
    font-size: 16px;
    color: #555555;
    text-align: left;
    overflow-y: scroll;
  }
  html {
    height: 100%;
  }
  body {
    height: 100%;
    overflow-y: auto;
  }
  div:target,
  h1:target,
  h2:target,
  h3:target,
  h4:target,
  h5:target,
  h6:target {
    outline: 0 none;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  main,
  nav,
  section,
  summary {
    display: block;
  }
  audio,
  canvas,
  video {
    display: inline-block;
  }
  audio:not([controls]) {
    display: none;
  }
  [hidden] {
    display: none;
  }
  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  input[type="radio"] {
    margin-left: 1px;
  }
  input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  svg:not(:root) {
    overflow: hidden;
  }
  img,
  figure {
    margin: 0;
  }
  fieldset,
  img {
    border: 0 solid;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "cabinmedium", Arial;
    font-size: 32px;
    color: #0090d4;
    line-height: 100%;
    font-weight: 400;
    padding: 0 0 30px 0;
  }
  p {
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 30px 0;
  }
  big {
    font-size: 18px;
    line-height: 22px;
  }
  small {
    font-size: 14px;
    line-height: 22px;
  }
  strong,
  b,
  kbd,
  samp,
  var,
  tt {
    font-weight: bold;
  }
  em,
  i,
  var,
  dfn {
    font-style: italic;
  }
  /* Schriftart von monospaced Elementen  */
  textarea,
  pre,
  code,
  kbd,
  samp,
  var,
  tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }
  /* Schrift-Größe von monospaced Elementen  */
  pre,
  code,
  kbd,
  tt,
  samp,
  var {
    font-size: 16px;
  }
  pre {
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 30px 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  acronym,
  abbr {
    border-bottom: 1px solid #c1e4f5;
    font-variant: small-caps;
    letter-spacing: 0.07em;
    cursor: help;
  }
  sub,
  sup {
    font-size: 14px;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -8px;
  }
  sub {
    bottom: -4px;
  }
  mark {
    background: yellow;
    color: black;
  }
  hr {
    color: transparent;
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #c1e4f5;
  }
  blockquote {
    background: transparent;
    color: #555555;
    padding: 30px 0 30px 0;
  }
  q {
    quotes: none;
  }
  blockquote,
  cite,
  q {
    font-style: italic;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none;
  }
  a {
    color: #0090d4;
    background: transparent;
    text-decoration: none;
  }
  a:active,
  a:focus,
  a:hover {
    outline: none;
  }
  a:hover,
  a:focus {
    color: #131313;
    text-decoration: none;
  }
  ul,
  ol {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 30px 13px;
  }
  ul {
    list-style-type: disc;
  }
  ol {
    list-style-type: decimal;
  }
  ul ul {
    margin-top: 0;
  }
  ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
  }
  ol ul {
    list-style-type: circle;
    margin-top: 0;
  }
  li {
    font-size: 16px;
    line-height: 22px;
    margin-left: 10px;
  }
  dl {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 30px 3px;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin: 0 0 30px 20px;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0 0 30px 0;
    border: 0;
    color: #555555;
  }
  table thead th {
    background: #0090d4;
    color: #FFF;
    border-right: 0;
    border-bottom: 0;
  }
  table tbody th[scope="row"] {
    background: #0090d4;
  }
  table tbody th {
    border-right: 0;
  }
  table tbody td {
    border-right: 0;
  }
  caption {
    font-variant: small-caps;
  }
  th,
  td {
    line-height: 22px;
    vertical-align: top;
    padding: 0 0 5px;
  }
  th *:first-child,
  td *:first-child {
    margin-top: 0;
  }
  thead th {
    text-align: left;
  }
  tbody th {
    text-align: left;
    border-top: 0;
  }
  tbody td {
    text-align: left;
    border-top: 0;
  }
  tbody tr {
    background: #FFF;
  }
}
@media print {
  body {
    font-size: 16pt;
    padding: 0 5px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
  }
}
@media all {
  .grid {
    display: table;
    table-layout: fixed;
    width: 100%;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  /* muss hinter .grid stehen, dann können beide Klassen zusammen in einer Div verwendet werden. */
  .wrap {
    width: 960px;
    margin: 0 auto;
    position: relative;
  }
  .wrapWide {
    width: 1110px;
    margin: 0 auto;
    position: relative;
  }
  .bloc-1,
  .bloc-2,
  .bloc-3,
  .bloc-4,
  .bloc-5,
  .bloc-6,
  .bloc-7,
  .bloc-8,
  .bloc-9,
  .bloc-10,
  .bloc-11,
  .bloc-12,
  .bloc-13,
  .bloc-14,
  .bloc-15,
  .bloc-16 {
    float: left;
    margin: 0;
  }
  .bloc-1 {
    width: 960px;
  }
  .bloc-2 {
    width: 480px;
  }
  .bloc-3 {
    width: 320px;
  }
  .bloc-4 {
    width: 240px;
  }
  .bloc-5 {
    width: 192px;
  }
  .bloc-6 {
    width: 160px;
  }
  .bloc-7 {
    width: 137.14285714px;
  }
  .bloc-8 {
    width: 120px;
  }
  .bloc-9 {
    width: 106.66666667px;
  }
  .bloc-10 {
    width: 96px;
  }
  .bloc-11 {
    width: 87.27272727px;
  }
  .bloc-12 {
    width: 80px;
  }
  .bloc-13 {
    width: 73.84615385px;
  }
  .bloc-14 {
    width: 68.57142857px;
  }
  .bloc-15 {
    width: 64px;
  }
  .bloc-16 {
    width: 60px;
  }
  .box {
    padding: 0;
    margin: 0;
  }
}
@media print {
  /* Floats in Grids einschließen. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden */
  .grid > .bloc-1,
  .grid > .bloc-2,
  .grid > .bloc-3,
  .grid > .bloc-4,
  .grid > .bloc-5,
  .grid > .bloc-6,
  .grid > .bloc-7,
  .grid > .bloc-8,
  .grid > .bloc-9,
  .grid > .bloc-10,
  .grid > .bloc-11,
  .grid > .bloc-12,
  .grid > .bloc-13,
  .grid > .bloc-14,
  .grid > .bloc-15,
  .grid > .bloc-16 {
    overflow: visible;
    display: table;
    table-layout: fixed;
  }
}
@media all {
  label,
  .label {
    position: relative;
    line-height: 22px;
    display: block;
  }
  .radio label,
  .checkbox label {
    display: inline;
  }
  input,
  textarea {
    cursor: text;
  }
  .radio input,
  .checkbox input,
  input[type="image"],
  input[type="radio"],
  input[type="checkbox"],
  select,
  label {
    cursor: pointer;
  }
  textarea {
    overflow: auto;
  }
  input.hidden,
  input[type=hidden] {
    display: none !important;
  }
  .radio input:focus,
  .radio input:hover,
  .radio input:active,
  .checkbox input:focus,
  .checkbox input:hover,
  .checkbox input:active,
  input[type="radio"]:focus,
  input[type="radio"]:hover,
  input[type="radio"]:active,
  input[type="checkbox"]:focus,
  input[type="checkbox"]:hover,
  input[type="checkbox"]:active {
    border: 0;
  }
  input,
  textarea,
  select {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .radio input,
  .checkbox input,
  input[type="radio"],
  input[type="checkbox"] {
    display: inline;
    margin-left: 0;
    margin-right: 0.5ex;
    width: auto;
    height: auto;
  }
  input[type="image"] {
    border: 0;
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
  }
  label,
  .label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form .submit input {
    display: inline;
    overflow: visible;
    width: auto;
  }
}
@media screen {
  .form {
    margin: 0 0 30px 0;
  }
  fieldset {
    position: relative;
    background: transparent;
  }
  legend {
    background: transparent;
    line-height: 22px;
    font-weight: normal;
  }
  label,
  .label {
    color: #555555;
    line-height: 22px;
  }
  .form .item {
    padding: 0;
    margin: 0 0 15px 0;
  }
  .form .item:last-child {
    margin-bottom: 0;
  }
  .form .checkbox:focus + label {
    color: #000;
  }
  input,
  textarea,
  select {
    border: 1px solid #c1e4f5;
    line-height: 22px;
    background: #FFF;
    color: #555555;
  }
  input,
  textarea {
    padding: 8px;
  }
  select {
    padding: 7px 7px 7px 7px;
  }
  input:focus,
  select:focus,
  textarea:focus,
  input:hover,
  select:hover,
  textarea:hover,
  input:active,
  select:active,
  textarea:active {
    border: 1px solid #c1e4f5;
    background: #FFF;
  }
  optgroup {
    font-style: normal;
    font-weight: bold;
  }
  .checkbox input,
  input[type="image"],
  input[type="radio"],
  input[type="checkbox"] {
    border: 0 none !important;
    background: #FFF !important;
  }
  input:valid,
  textarea:valid {
    background: #FFF;
  }
  .required,
  input:invalid,
  textarea:invalid {
    background-color: #FFF;
  }
}
@media all {
  .button,
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    display: inline-block;
    white-space: nowrap;
    background-color: #0090d4;
    zoom: 1;
    border: 0;
    color: #FFF;
    cursor: pointer;
    font: 400 1em/2em "cabinregular", Arial;
    margin: 0 0.75em 0 0;
    padding: 5px 10px;
    overflow: visible;
    /* removes extra side spacing in IE */
    text-decoration: none;
    text-shadow: 0 1px 0 #0090d4;
  }
  .button:hover,
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    background-color: #131313;
    zoom: 1;
    text-shadow: 0 1px 0 #131313;
  }
  .button:active,
  button:active,
  input[type="button"]:active,
  input[type="reset"]:active,
  input[type="submit"]:active {
    background-color: #131313;
    zoom: 1;
    /*
		position: relative;
		top: 1px;
		*/
  }
  .button:focus,
  button:focus,
  input[type="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus {
    outline: 0;
    background: #131313;
  }
  /* removes extra inner spacing in Firefox */
  button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  /* If line-height can't be modified, then fix Firefox spacing with padding */
  input[type=button]::-moz-focus-inner,
  input[type=reset]::-moz-focus-inner,
  input[type=submit]::-moz-focus-inner {
    padding: 0.4em;
  }
  /* The disabled styles */
  button[disabled],
  button[disabled]:hover,
  input[type=button][disabled],
  input[type=button][disabled]:hover,
  input[type=reset][disabled],
  input[type=reset][disabled]:hover,
  input[type=submit][disabled],
  input[type=submit][disabled]:hover,
  .button-disabled,
  .button-disabled:hover {
    background: #eee;
    color: #aaa;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media all {
  /* Clearfix */
  .clearfix:before {
    content: "";
    display: table;
  }
  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  /* Visuell versteckt */
  .invisbible {
    position: absolute;
    top: -32768px;
    left: -32768px;
  }
  .invisbible:focus,
  .invisbible:active {
    position: static;
    top: 0;
    left: 0;
  }
}
body {
  font: 400 16px/20px "cabinregular", Arial;
  background: #fff;
  margin: 0;
  min-width: 960px;
  overflow-x: hidden;
  overflow-y: scroll;
}
iframe {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.box {
  margin: 0 10px;
  display: block;
  position: relative;
}
.csc-default .box {
  margin-left: 0;
  margin-right: 0;
}
.bloc-260 {
  width: 260px;
  float: left;
  min-height: 20px;
}
.bloc-320 {
  width: 320px;
  float: left;
}
.bloc-480 {
  width: 480px;
  float: left;
}
.bloc-640 {
  width: 640px;
  float: left;
}
.bloc-700 {
  width: 640px;
  float: left;
  margin-left: 60px;
  float: right;
}
h1,
h2,
h3,
h4,
h5,
h6,
.text {
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 980px) {
  body {
    min-width: 640px;
  }
  .bloc-700 {
    margin-left: 0;
  }
  .bloc-260,
  .bloc-320,
  .bloc-480,
  .bloc-640,
  .bloc-700 {
    width: 100%;
    float: none;
    overflow: hidden;
  }
  .bloc-320 {
    margin-bottom: 40px;
  }
  .wrap {
    width: 640px;
    padding: 0 0px;
  }
  #partner,
  #search,
  #meta {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  body {
    min-width: 480px;
  }
  .wrap {
    width: 92%;
    padding: 0 4%;
  }
  .bloc-320,
  .bloc-480,
  .bloc-640,
  .bloc-700 {
    width: 100%;
    float: none;
  }
  .bloc-700 {
    margin-bottom: 20px;
  }
  .box {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  body {
    min-width: 320px;
  }
  .wrap {
    width: 100%;
    padding: 0;
  }
}
#header .wrap {
  height: 155px;
  position: relative;
  z-index: 7000;
  background: #fff;
}
#logo {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/logo.png') left top no-repeat;
  display: block;
  width: 282px;
  height: 107px;
  position: absolute;
  left: 20px;
  top: 15px;
  text-indent: -1000em;
}
#logo-en {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/vdi-zre-EN-Logo.png') -10px -10px no-repeat;
  display: block;
  width: 282px;
  height: 107px;
  position: absolute;
  left: 20px;
  top: 15px;
  text-indent: -1000em;
}
@media screen and (max-width: 980px) {
  #header:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0090d4 url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/navigation-bg.png') left top repeat-x;
    background-size: 1px 30px;
    height: 30px;
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5);
  }
  #header #partner {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  #header .wrap {
    height: 135px;
  }
  #logo,
  #logo-en {
    width: 260px;
    height: 98px;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 480px) {
  #header .wrap {
    height: 115px;
    height: 100px;
  }
  #logo,
  #logo-en {
    width: 190px;
    height: 72px;
    background-size: 100% auto;
    left: 10px;
    top: 10px;
  }
}
#meta {
  position: absolute;
  right: 15px;
  top: 13px;
}
#meta ul {
  list-style: none;
  margin: 0;
}
#meta li {
  list-style: none;
  margin: 0;
  float: left;
}
#meta li a,
#meta li span,
#meta li strong {
  display: block;
  color: #0090d4;
  padding: 0 5px;
  font: 400 12px/30px "cabinregular";
}
#meta li span,
#meta li strong {
  color: #131313;
}
#meta li a:hover,
#meta li a.active {
  color: #131313;
}
#search {
  position: absolute;
  right: 10px;
  top: 43px;
}
#search input {
  width: 220px;
  height: 46px;
  padding: 2px 30px 0 14px;
  color: #0090d4 !important;
  font: 400 18px/48px "cabinregular";
  border: 0 !important;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 0 4px 0 #ccc;
  box-shadow: inset 0 0 4px 0 #ccc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#search *::-webkit-input-placeholder {
  color: #0090d4;
}
#search *:-moz-placeholder {
  color: #0090d4;
}
#search *::-moz-placeholder {
  color: #0090d4;
}
#search *:-ms-input-placeholder {
  color: #0090d4;
}
#search button {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 9px;
  top: 9px;
  text-indent: -9999em;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/search.png') 0px 4px no-repeat;
}
#search button:hover {
  background-position: 0px -36px;
}
#partner {
  position: absolute;
  left: 341px;
  width: 228px;
  top: -2px;
  display: none;
}
#partner a {
  position: relative;
  text-indent: -9999em;
}
#partner #bmub {
  background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/logo-bmu-2021.svg') left top no-repeat;
  background-size: 100%;
  width: 100%;
  padding-top: 50%;
  display: block;
}
#header #partner {
  display: block;
}
@media screen and (max-width: 980px) {
  #partner {
    position: relative;
    left: auto;
    display: block;
    height: 80px;
    margin: 0 auto;
    text-align: center;
  }
  #header #partner {
    display: none;
  }
}
#stickybar {
  height: 44px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 8888;
}
#stickybar .wrap {
  margin: 0 auto;
  width: 940px;
  background: #0090d4;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}
#stickybar #socialWidget {
  float: left;
}
#stickybar #socialWidget h3 {
  display: none;
}
#stickybar #socialWidget ul {
  margin: 0;
  padding: 0;
}
#stickybar #socialWidget ul li {
  list-style: none;
  margin: 0;
  border-right: 1px solid #006173;
  float: left;
  font: 400 14px/44px "cabinregular", Arial !important;
  color: white;
}
#stickybar #socialWidget ul li a {
  padding: 0 15px;
  color: white;
  display: block;
  position: relative;
}
#stickybar #socialWidget ul li a:hover {
  background-color: #18aaef !important;
}
#stickybar #socialWidget ul li .gplus {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/gplus.svg') center center no-repeat;
  background-size: auto 18px;
  width: 25px;
  text-indent: -10000em;
}
#stickybar #socialWidget ul li .facebook {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/facebook.svg') center center no-repeat;
  background-size: auto 18px;
  width: 25px;
  text-indent: -10000em;
}
#stickybar #socialWidget ul li .twitter {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/twitter.svg') center center no-repeat;
  background-size: auto 18px;
  width: 25px;
  text-indent: -10000em;
}
#stickybar #socialWidget ul li .youtube {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/youtube.svg') center center no-repeat;
  background-size: auto 26px;
  width: 25px;
  text-indent: -10000em;
}
#stickybar #socialWidget ul li .xing {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/xing.svg') center center no-repeat;
  background-size: auto 18px;
  width: 25px;
  text-indent: -10000em;
}
#stickybar #socialWidget ul li .newsletter {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/mail.svg') right 15px top 15px no-repeat;
  background-size: auto 12px;
  padding: 0 40px 0 15px;
}
#stickybar #contactWidget {
  float: right;
  padding: 0 15px;
}
#stickybar #contactWidget h3,
#stickybar #contactWidget p {
  color: white;
  font: 400 14px/44px "cabinregular", Arial !important;
  float: left;
  padding: 0;
}
#stickybar #contactWidget h3 {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/phone.svg') left 14px no-repeat;
  background-size: auto 17px;
  padding: 0 0 0 20px;
  font: 400 14px/44px "cabinbold", Arial;
}
@media screen and (max-width: 940px) {
  #stickybar .wrap {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  #footer {
    margin-top: 0 !important;
    border: 0 !important;
  }
  #stickybar {
    height: auto;
    position: relative;
    bottom: auto;
    margin: 40px 0 0;
  }
  #stickybar #socialWidget {
    float: none;
  }
  #stickybar #socialWidget ul li:last-of-type {
    border: 0;
  }
  #stickybar #contactWidget {
    float: none;
    border-top: 1px solid #006173;
  }
  #stickybar #contactWidget h3 {
    margin-left: 0;
  }
}
.navigation {
  display: none;
}
@media screen and (min-width: 980px) {
  .open-nav,
  .close-nav,
  .open-search,
  .mobile-search {
    display: none !important;
  }
  #nav {
    background: #0090D4 url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/navigation-bg.png') left top repeat-x;
    min-height: 60px;
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5);
    /*
		subnavigation
		 */
    /*
		.mainnavigation > li.active > .subnavigation {
			display: block;
		}
		*/
  }
  #nav .open-nav,
  #nav .open-sub,
  #nav .close-sub,
  #nav .root {
    display: none !important;
  }
  #nav .navigation-service {
    display: none !important;
  }
  #nav .wrap {
    height: 60px;
    position: static;
  }
  #nav ul {
    list-style: none;
  }
  #nav .mainnavigation {
    margin: 0;
    padding: 0 9px 0 9px;
    float: left;
    width: 942px;
    background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/navigation-bg.png') left top repeat-x;
    display: table;
  }
  #nav .mainnavigation > li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-right: 1px solid #007e93;
    display: table-cell;
  }
  #nav .mainnavigation > li:first-of-type {
    border-left: 1px solid #007e93;
  }
  #nav .mainnavigation > li > a {
    display: block;
    text-decoration: none;
    width: auto;
    font-size: 18px;
    font: 400 18px/60px "cabinregular";
    text-transform: uppercase;
    color: #fff;
    padding: 0 30px;
    position: relative;
    text-align: center;
  }
  #nav .mainnavigation > li.active > a {
    background: #0090d4;
  }
  #nav .mainnavigation > li > a:focus,
  #nav .mainnavigation > li > a:hover,
  #nav .mainnavigation > li > a:active,
  #nav .mainnavigation > li.active:hover > a,
  #nav .mainnavigation > li:hover > a {
    color: #0ca4ec !important;
    background: #eceeef url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/navigation-hover-bg.png') left -1px repeat-x !important;
    z-index: 3 !important;
  }
  #nav .subnavigation {
    position: absolute;
    top: 60px;
    background: #fff;
    left: 0;
    right: 0;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 2;
  }
  #nav .subnavigation .subnavigation-wrap {
    padding: 30px;
    box-sizing: border-box;
    max-width: 940px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
  #nav .subnavigation .subnavigation-teasers {
    width: 50%;
    float: left;
    padding-right: 50px;
    box-sizing: border-box;
  }
  #nav .subnavigation .subnavigation-teaser {
    float: left;
    width: 100%;
  }
  #nav .subnavigation .subnavigation-teaser .image {
    width: 100px;
    height: auto;
    float: left;
    margin-right: 15px;
    margin-bottom: 25px;
    margin-top: 1px;
  }
  #nav .subnavigation .subnavigation-teaser .image img {
    width: 100px;
    height: auto;
    display: block;
  }
  #nav .subnavigation .subnavigation-teaser .image p.credits {
    font: 400 11px/14px "cabinregular";
    color: #888;
    padding: 5px 0 0;
  }
  #nav .subnavigation .subnavigation-teaser .hl4 {
    padding: 0;
    font: 400 18px/22px "cabinmedium";
    display: block;
  }
  #nav .subnavigation .subnavigation-teaser .hl3 {
    padding: 0 0 20px;
    font: 400 14px/20px "cabinregular", Arial;
    color: #555;
    display: block;
    overflow: hidden;
  }
  #nav .subnavigation ul {
    overflow: hidden;
    float: left;
    width: 50%;
    margin: 0;
  }
  #nav .subnavigation ul .left-container {
    display: block;
    width: 50%;
    float: left;
  }
  #nav .subnavigation ul .right-container {
    display: block;
    width: 50%;
    float: right;
  }
  #nav .subnavigation ul ul {
    display: none;
  }
  #nav .subnavigation ul li {
    margin-left: 0;
    display: block;
    float: none;
  }
  #nav .subnavigation ul li a,
  #nav .subnavigation ul li span,
  #nav .subnavigation ul li strong {
    font: 400 15px/20px "cabinbold", Arial;
    padding: 4px 4px 4px 0;
    display: inline-block;
  }
  #nav .subnavigation ul li.active > a {
    color: #000;
  }
  #nav .mainnavigation > li:hover > .subnavigation {
    display: block;
  }
}
@media screen and (max-width: 979px) {
  .open-nav,
  .open-sub,
  .close-nav,
  .close-sub {
    position: absolute;
    right: 10px;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/navigation/icon_close.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 40%;
    text-indent: -9999em;
    overflow: hidden;
  }
  .open-nav:hover,
  .open-sub:hover,
  .close-nav:hover,
  .close-sub:hover {
    background-color: transparent;
  }
  .open-nav {
    background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/navigation/icon_hauptmenue.svg');
    background-color: #61cafb;
    background-size: auto 50%;
    top: 15px;
    right: 15px;
  }
  .open-nav:hover {
    background-color: #0090D4;
  }
  .open-sub {
    background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/navigation/icon_untermenue.svg');
    background-color: #3999d4;
    height: 40px;
    width: 40px;
    top: 0px;
    right: 1px;
  }
  .open-sub:hover {
    background-color: #3999d4;
  }
  .close-nav,
  .close-sub {
    top: 5px;
    z-index: 2;
    background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/navigation/icon_close.svg');
  }
  .root {
    color: #fff;
    font: 400 20px/50px "cabinregular", Arial;
    position: absolute;
    top: 0;
    left: 30px;
    display: block;
    right: 0px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
  }
  .root:before {
    content: '';
    position: absolute;
    background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/navigation/icon_zurueck.svg');
    background-repeat: no-repeat;
    background-position: top 15px center;
    background-size: auto 30%;
    width: 30px;
    height: 50px;
    left: -30px;
    top: 0;
  }
  #nav {
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    bottom: 0;
    z-index: 9999;
    background-color: #1386cc;
    transition: right 0.5s ease-out;
    -webkit-transition: right 0.5s ease-out;
  }
  #nav .navigation-service {
    display: block !important;
  }
  #nav .wrap {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #nav a {
    color: #fff;
    font: 400 18px/20px "cabinregular", Arial;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #3999d4;
    padding-right: 50px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #nav ul {
    list-style: none;
    margin: 0;
    padding: 90px 0px 20px 30px;
    box-sizing: border-box;
    background: #1386CC;
    z-index: 1;
    position: fixed;
    bottom: 0;
    top: 0;
    right: -320px;
    width: 320px;
  }
  #nav li {
    margin: 0;
    padding: 0;
    display: block;
    float: none;
    position: relative;
  }
  #nav li.active .open-sub {
    border: 1px solid #1386CC;
    height: 41px;
    width: 42px;
    right: 0;
    border-top: 0;
  }
  #nav li.active > a {
    background-color: #61cafb;
    border-top: 1px solid #61CAFB;
  }
  #nav li.active > a:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 0px;
    width: 30px;
    height: 40px;
    background-color: #61cafb;
    border-top: 1px solid #61CAFB;
    border-bottom: 1px solid #3999d4;
  }
  #nav .mainnavigation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #nav .subnavigation-teasers {
    display: none;
  }
  #nav .subnavigation {
    position: fixed;
    bottom: 0;
    top: 0;
    right: -320px;
    width: 320px;
    background: #1386CC;
    z-index: 2;
  }
  #nav .subnavigation.opened {
    right: 0;
  }
  #nav .subnavigation .subnavigation-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #nav .subnavigation .subnavigation-wrap > ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #nav .subnavigation ul ul {
    position: fixed;
    bottom: 0;
    top: 0;
    right: -320px;
    width: 320px;
    z-index: 3;
  }
  #nav .subnavigation ul ul.opened {
    right: 0;
  }
  #nav .mainnavigation,
  #nav .subnavigation,
  #nav .subnavigation ul {
    overflow-x: hidden;
    overflow-y: auto;
  }
  html.nav-opened {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
  }
  html.nav-opened body {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
  }
  html.nav-opened #nav {
    right: 0;
  }
}
/*
mobile-search
 */
@media screen and (max-width: 979px) {
  .open-search,
  .open-search,
  .close-search,
  .close-search {
    position: absolute;
    right: 10px;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/navigation/icon_close.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 40%;
    text-indent: -9999em;
    overflow: hidden;
  }
  .open-search:hover,
  .open-search:hover,
  .close-search:hover,
  .close-search:hover {
    background-color: transparent;
  }
  .open-search {
    background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/icon-search.svg');
    background-color: #61cafb;
    background-size: auto 50%;
    top: 15px;
    right: 65px;
  }
  .open-search:hover {
    background-color: #0090D4;
  }
  .mobile-search {
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    bottom: 0;
    z-index: 9999;
    background-color: #1386cc;
    transition: right 0.5s ease-out;
    -webkit-transition: right 0.5s ease-out;
  }
  .mobile-search .close-search {
    top: 5px;
  }
  .mobile-search #search {
    display: block;
    top: 90px;
    right: 20px;
    left: 30px;
  }
  html.search-opened {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
  }
  html.search-opened body {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
  }
  html.search-opened .mobile-search {
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  .open-nav {
    top: 10px;
    right: 10px;
  }
  .open-search {
    top: 10px;
    right: 60px;
  }
}
.sidenavigation h4 {
  display: none;
}
.sidenavigation ul {
  margin: 0 !important;
}
.sidenavigation li {
  background: transparent !important;
}
.sidenavigation li a {
  padding-right: 10px !important;
}
.sidenavigation li.active {
  background-color: #f1fafe !important;
}
.sidenavigation li.active > a {
  font-family: "cabinbold";
}
.sidenavigation li ul li a {
  font: 400 13px/18px "cabinregular";
}
.sidenavigation li ul li ul li a {
  padding-left: 50px !important;
}
.sidenavigation {
  list-style-type: none;
  background: transparent;
  border: 0 none;
  margin-bottom: 20px;
}
.sidenavigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #d2ecf8;
}
.sidenavigation ul ul {
  border: 0 none;
}
.sidenavigation li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  line-height: 1em;
}
.sidenavigation a,
.sidenavigation strong,
.sidenavigation span {
  display: block;
  padding: 11px 0px 9px 20px;
  text-decoration: none;
  border-bottom: 1px solid #d2ecf8;
  font: 400 15px/20px "cabinregular", Arial;
}
.sidenavigation a,
.sidenavigation a:visited {
  color: #0090d4;
}
.sidenavigation li span {
  display: block;
  border-bottom: 1px solid #d2ecf8;
}
.sidenavigation li.active {
  color: #0090d4;
  background-color: #f1fafe;
}
.sidenavigation li.active span,
.sidenavigation li.active strong {
  font-weight: normal;
  font: 400 15px/20px "cabinbold", Arial;
}
.sidenavigation li a:focus,
.sidenavigation li a:hover,
.sidenavigation li a:active {
  color: #131313;
  outline: 0 none;
}
.sidenavigation li a {
  width: auto;
  padding-left: 20px;
}
.sidenavigation li ul li a {
  width: auto;
  padding-left: 30px;
}
.sidenavigation li ul li ul li a {
  width: auto;
  padding-left: 40px;
}
.sidenavigation li ul li ul li ul li a {
  width: auto;
  padding-left: 50px;
}
nav.sidenavigation.box.logos p.partner {
  padding-bottom: 10px;
}
nav.sidenavigation.box.logos li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  line-height: 1em;
  border-bottom: 1px solid #d2ecf8;
  height: 98px;
  position: relative;
}
nav.sidenavigation.box.logos a {
  border-bottom: none;
  padding-left: 10px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 980px) {
  .sidenavigation {
    display: none !important;
  }
}
#breadcrumb {
  background: #0090d4;
  background: #0090d4 url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/bg-breadcrumb.png') center bottom repeat-x;
  position: relative;
  z-index: 1;
  height: 110px;
}
#breadcrumb h6 {
  font: 400 34px/100px "cabinregular";
  color: #fff;
  float: right;
  padding: 0;
  letter-spacing: 0.04em;
  text-transform: none;
  margin-right: 10px;
}
#breadcrumb ul {
  list-style: none;
  margin: 0 10px;
  position: absolute;
  bottom: 10px;
  left: 0;
}
#breadcrumb ul li {
  list-style: none;
  margin: 0;
  float: left;
}
#breadcrumb ul li a,
#breadcrumb ul li span {
  display: block;
  color: #fff;
  font: 400 13px/14px "cabinregular";
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/breadcrumb-arrow.png') left 1px no-repeat;
  padding: 0 10px 0 12px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#breadcrumb ul li:first-child a,
#breadcrumb ul li:first-child span {
  background: transparent;
  padding-left: 0;
}
#breadcrumb ul li a:hover,
#breadcrumb ul li a.active {
  color: #8bdaff;
}
@media screen and (max-width: 980px) {
  #breadcrumb {
    height: auto;
    min-height: 80px;
  }
  #breadcrumb ul {
    display: none;
  }
  #breadcrumb h6 {
    font: 400 24px/30px "cabinregular";
    padding: 20px 0 30px;
    text-align: right;
  }
}
#content {
  padding: 40px 0 0;
}
.image .credits {
  font: 400 11px/14px "cabinregular";
  color: #888;
  padding-top: 5px;
  padding-left: 10px;
}
html body h3 {
  font-size: 21px;
}
#footer {
  margin: 100px 0;
  border-top: 1px solid #c1e4f5;
  border-bottom: 1px solid #c1e4f5;
}
#footer.hasbg {
  background: #0090d4;
  border: 0;
}
#footer.hasbg h1,
#footer.hasbg h2,
#footer.hasbg h3,
#footer.hasbg h4,
#footer.hasbg h5,
#footer.hasbg h6,
#footer.hasbg p,
#footer.hasbg span,
#footer.hasbg strong,
#footer.hasbg a {
  color: #fff;
}
#footer.hasbg #legal a {
  color: #0090d4;
}
#footer .vcard {
  padding: 25px 10px 20px 10px;
  width: 340px;
  float: left;
}
#footer .vcard h2 {
  font: 400 18px/24px "cabinbold";
  padding-bottom: 40px;
}
#footer .linklist {
  float: left;
  padding: 25px 10px 40px 10px;
  width: 580px;
  overflow: hidden;
}
#footer .linklist h2 {
  font: 400 18px/24px "cabinbold";
  padding-bottom: 25px;
}
#footer .linklist ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}
#footer .linklist ul li {
  width: 270px;
  margin: 0 0 0 10px;
  padding: 5px 0;
  float: none;
  overflow: hidden;
}
#footer .linklist ul li img {
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 10px;
}
#footer .linklist ul li span {
  float: left;
  font: 400 13px/40px "cabinregular";
  height: 40px;
}
#footer .linklist ul li span:hover {
  color: black;
}
#footer #legal {
  float: none;
  font: 400 12px/22px "cabinregular";
  margin: 20px 10px 0;
  position: absolute;
}
#sitemap {
  display: block;
  width: 940px;
  margin: 0 10px;
}
#sitemap ul {
  list-style: none;
  margin: 40px 0 40px;
  display: table;
  width: 100%;
}
#sitemap li {
  list-style: none;
  margin: 0;
  display: table-cell;
}
#sitemap li a {
  display: block;
  font: 400 15px/22px "cabinbold";
  color: #0090d4;
  padding: 0 20px 0 0;
}
#sitemap li a:hover {
  color: #131313;
}
#sitemap li ul {
  display: block;
  width: auto;
  margin: 20px 20px 0 0;
}
#sitemap li ul li {
  display: block;
  width: 100%;
}
#sitemap li ul li a {
  display: block;
  margin: 0;
  padding: 0;
  font: 400 13px/22px "cabinregular";
}
@media screen and (max-width: 980px) {
  #sitemap {
    display: none;
  }
  #footer {
    margin: 40px 0 100px;
  }
}
@media screen and (max-width: 640px) {
  #footer {
    margin: 0 0 100px;
  }
}
/*
#partner {
	position: relative;
	width: 100%;
	height: 0;
	float: none;

	
	a {
		position: absolute;
		top: 25px;
		right: 7px;
		text-indent: -9999em;
	}
	
	#bmub {
		background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/@{path}/logo-bmub.png') left top no-repeat;
		width: 130px;
		height: 73px;
		right: 168px;
	}
	
	#nki {
		background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/@{path}/logo-nki.png') left top no-repeat;
		width: 135px;
		height: 66px;
		top: 23px;
	}
}
	*/
.accordeon {
  margin: 0 10px 40px;
}
.accordeon .item {
  -webkit-box-shadow: 0 0 6px 0 #ccc;
  box-shadow: 0 0 6px 0 #ccc;
  margin-bottom: 20px;
}
.accordeon .item h3 {
  display: block;
  cursor: pointer;
  margin: 0;
  font: 400 20px/26px "cabinregular", Arial;
  padding: 15px 20px;
}
.accordeon .item h3 span {
  display: block;
  padding-right: 30px;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/accordeon.png') right 6px no-repeat;
}
.accordeon .item h3:hover {
  color: #555;
}
.accordeon .item h3:hover span {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/accordeon.png') right -94px no-repeat;
}
.accordeon .item .inner {
  display: none;
  padding: 5px 20px 0;
}
.accordeon .item .inner h1,
.accordeon .item .inner h2,
.accordeon .item .inner h3,
.accordeon .item .inner h4,
.accordeon .item .inner h5,
.accordeon .item .inner h6,
.accordeon .item .inner .text {
  margin: 0;
}
.accordeon .item .inner p,
.accordeon .item .inner li {
  font: 400 15px/24px "cabinregular", Arial;
  padding-bottom: 20px;
}
.accordeon .item .inner.open {
  display: block;
}
.accordeon .item h3.active span {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/accordeon.png') right -194px no-repeat;
}
.accordeon .item h3.active:hover span {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/accordeon.png') right -294px no-repeat;
}
@media screen and (max-width: 640px) {
  .accordeon .item h3 {
    font: 400 18px/22px "cabinregular", Arial;
    padding: 15px 15px;
  }
  .accordeon .item h3 span {
    padding-right: 30px;
  }
  .accordeon .item .inner {
    padding: 5px 15px 0;
  }
}
.prozessketten-wrapper {
  width: 100%;
}
.prozesskette-mobile-image {
  display: none;
}
@media screen and (max-width: 980px) {
  .prozesskette-mobile-image {
    width: 100%;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .prozesskette-mobile-image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .prozesskette {
    display: none !important;
  }
  /*

	.prozesskette,
	.prozesskette ol {
		height: auto !important;
		width: auto !important;
		background: none !important;
	}

	.prozesskette li.kette {
		position: relative !important;
		left:  auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		width:  auto !important;
	}

	*/
}
.border-accordeon,
.prozesskette-accordeon {
  max-width: 910px;
  padding-top: 40px;
}
.border-accordeon .item,
.prozesskette-accordeon .item {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  margin-bottom: 2px;
}
.border-accordeon .item h3,
.prozesskette-accordeon .item h3 {
  background: #aeaeae;
  color: white;
  padding: 10px 15px;
  font-size: 18px;
}
.border-accordeon .item h3 span,
.prozesskette-accordeon .item h3 span {
  display: block;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/accordeon.png') right -394px no-repeat;
}
.border-accordeon .item h3:hover,
.prozesskette-accordeon .item h3:hover {
  color: white;
}
.border-accordeon .item h3:hover span,
.prozesskette-accordeon .item h3:hover span {
  background-position: right -494px;
}
.border-accordeon .item h3.active span,
.prozesskette-accordeon .item h3.active span {
  background-position: right -494px;
}
.border-accordeon .item h3.active:hover span,
.prozesskette-accordeon .item h3.active:hover span {
  background-position: right -394px;
}
.border-accordeon .item.grey h3,
.prozesskette-accordeon .item.grey h3 {
  background: #afafaf;
  background-image: -webkit-linear-gradient(top, #a2a2a2, #929292);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #a2a2a2, #929292);
  /* Chrome 26, Firefox 16+, IE 10+, Opera */
}
.border-accordeon .item.grey.light > h3,
.prozesskette-accordeon .item.grey.light > h3 {
  background: #d6d6d6;
  background-image: -webkit-linear-gradient(top, #d2d2d2, #c2c2c2);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #d2d2d2, #c2c2c2);
  /* Chrome 26, Firefox 16+, IE 10+, Opera */
  color: #9c9a9a;
  color: white;
}
.border-accordeon .item ul,
.prozesskette-accordeon .item ul,
.border-accordeon .item ol,
.prozesskette-accordeon .item ol,
.border-accordeon .item ul li,
.prozesskette-accordeon .item ul li {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.border-accordeon .item ul,
.prozesskette-accordeon .item ul,
.border-accordeon .item ol,
.prozesskette-accordeon .item ol {
  padding-bottom: 20px !important;
}
.border-accordeon .item ul,
.prozesskette-accordeon .item ul {
  margin-left: 0 !important;
}
.border-accordeon .item .video,
.prozesskette-accordeon .item .video {
  padding: 0 0 10px;
  margin: 0 auto;
  text-align: center;
}
.border-accordeon .item .video iframe,
.prozesskette-accordeon .item .video iframe {
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
  display: block;
}
.border-accordeon .item a.projektdetails,
.prozesskette-accordeon .item a.projektdetails {
  text-align: right;
  float: right;
  padding: 0 20px 0 0;
  background: url("/fileadmin/templates/vdi-2014/assets/img/icons/icon-link.png") right -4px top 3px no-repeat;
  margin-bottom: 20px;
}
.border-accordeon .item a.projektdetails:hover,
.prozesskette-accordeon .item a.projektdetails:hover {
  background-position: right -4px top -97px;
  color: #555555;
}
.border-accordeon .item .inner,
.prozesskette-accordeon .item .inner {
  padding: 15px 30px 0;
  background: #f3f3f3;
  border-top: 2px solid white;
}
.border-accordeon .item .item,
.prozesskette-accordeon .item .item {
  margin: 0px -30px;
  width: auto;
}
.border-accordeon .item .item:first-of-type,
.prozesskette-accordeon .item .item:first-of-type {
  margin-top: -17px;
}
.border-accordeon .item .item h3,
.prozesskette-accordeon .item .item h3 {
  color: #555;
  border-top: 2px solid white;
  background: #e2e2e2;
  font-size: 18px;
  line-height: 26px;
}
.border-accordeon .item .item h3 span,
.prozesskette-accordeon .item .item h3 span {
  padding-right: 30px;
  background-position: right -594px;
}
.border-accordeon .item .item h3:hover span,
.prozesskette-accordeon .item .item h3:hover span {
  background-position: right -694px;
}
.border-accordeon .item .item h3.active span,
.prozesskette-accordeon .item .item h3.active span {
  background-position: right -694px;
}
.border-accordeon .item .item h3.active:hover span,
.prozesskette-accordeon .item .item h3.active:hover span {
  background-position: right -594px;
}
.border-accordeon .item .item .item h3,
.prozesskette-accordeon .item .item .item h3 {
  color: #555;
  background: #f3f3f3;
  font-family: "cabinregular", Arial;
  font-size: 16px;
  line-height: 22px;
  padding: 10px 15px 10px 30px;
}
.border-accordeon .item .item .item h3 span,
.prozesskette-accordeon .item .item .item h3 span {
  background-position: right -594px !important;
}
.border-accordeon .item .item .item h3:hover span,
.prozesskette-accordeon .item .item .item h3:hover span {
  background-position: right -694px !important;
}
.border-accordeon .item .item .item h3.active span,
.prozesskette-accordeon .item .item .item h3.active span {
  background-position: right -694px !important;
}
.border-accordeon .item .item .item h3.active:hover span,
.prozesskette-accordeon .item .item .item h3.active:hover span {
  background-position: right -594px !important;
}
.border-accordeon .item .item .item .inner,
.prozesskette-accordeon .item .item .item .inner {
  padding-top: 5px;
  border: 0;
}
.border-accordeon .item.blue h3,
.prozesskette-accordeon .item.blue h3 {
  background: #0090d4;
  background-image: -webkit-linear-gradient(top, #00ace4, #00a5db);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #00ace4, #00a5db);
  /* Chrome 26, Firefox 16+, IE 10+, Opera */
  color: white;
}
.border-accordeon .item.blue.dark h3,
.prozesskette-accordeon .item.blue.dark h3 {
  background: #0795c5;
  background-image: -webkit-linear-gradient(top, #0795c5, #007da6);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #0795c5, #007da6);
  /* Chrome 26, Firefox 16+, IE 10+, Opera */
}
.border-accordeon .item.blue.light h3,
.prozesskette-accordeon .item.blue.light h3 {
  background: #3bc4f1;
  background-image: -webkit-linear-gradient(top, #55cdf5, #3bc4f1);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #55cdf5, #3bc4f1);
  /* Chrome 26, Firefox 16+, IE 10+, Opera */
}
.border-accordeon .item.blue.ice h3,
.prozesskette-accordeon .item.blue.ice h3 {
  background: #d6e5ec;
  background-image: -webkit-linear-gradient(top, #eef3f6, #d6e5ec);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #eef3f6, #d6e5ec);
  /* Chrome 26, Firefox 16+, IE 10+, Opera */
  color: #9c9a9a;
}
.border-accordeon .item.blue .item h3,
.prozesskette-accordeon .item.blue .item h3 {
  color: #0090d4;
  background: #dceefb;
}
.border-accordeon .item.blue .item h3 span,
.prozesskette-accordeon .item.blue .item h3 span {
  background-position: right -794px;
}
.border-accordeon .item.blue .item h3:hover span,
.prozesskette-accordeon .item.blue .item h3:hover span {
  background-position: right -894px;
}
.border-accordeon .item.blue .item h3.active span,
.prozesskette-accordeon .item.blue .item h3.active span {
  background-position: right -894px;
}
.border-accordeon .item.blue .item h3.active:hover span,
.prozesskette-accordeon .item.blue .item h3.active:hover span {
  background-position: right -794px;
}
.border-accordeon .item.blue .item .item h3,
.prozesskette-accordeon .item.blue .item .item h3 {
  color: #555;
  background: #f1fafe;
}
.border-accordeon .item.blue .inner,
.prozesskette-accordeon .item.blue .inner {
  background: #f1fafe;
}
.border-accordeon .item.green h3,
.prozesskette-accordeon .item.green h3 {
  background: #9cbc41;
  background-image: -webkit-linear-gradient(top, #c9e802, #b0ca07);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #c9e802, #b0ca07);
  /* Chrome 26, Firefox 16+, IE 10+, Opera */
  color: white;
}
.border-accordeon .item.green .item h3,
.prozesskette-accordeon .item.green .item h3 {
  color: #9cbc41;
  background: #e4f0ce;
}
.border-accordeon .item.green .item h3 span,
.prozesskette-accordeon .item.green .item h3 span {
  background-position: right -994px;
}
.border-accordeon .item.green .item h3:hover span,
.prozesskette-accordeon .item.green .item h3:hover span {
  background-position: right -1094px;
}
.border-accordeon .item.green .item h3.active span,
.prozesskette-accordeon .item.green .item h3.active span {
  background-position: right -1094px;
}
.border-accordeon .item.green .item h3.active:hover span,
.prozesskette-accordeon .item.green .item h3.active:hover span {
  background-position: right -994px;
}
.border-accordeon .item.green .item .item h3,
.prozesskette-accordeon .item.green .item .item h3 {
  color: #555;
  background: #f2f8e8;
}
.border-accordeon .item.green .inner,
.prozesskette-accordeon .item.green .inner {
  background: #f2f8e8;
}
.border-accordeon .item.green.dark h3,
.prozesskette-accordeon .item.green.dark h3 {
  background: #2a7600 !important;
  background-image: -webkit-linear-gradient(top, #389e00, #2a7600) !important;
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #389e00, #2a7600) !important;
  /* Chrome 26, Firefox 16+, IE 10+, Opera */
}
.border-accordeon .item.green.dark .item h3,
.prozesskette-accordeon .item.green.dark .item h3 {
  /* color: #9cbc41; */
  color: #2a7600 !important;
  background: #c7d8b5 !important;
}
.border-accordeon .item.green.dark .item h3 span,
.prozesskette-accordeon .item.green.dark .item h3 span {
  background-position: right -1394px !important;
}
.border-accordeon .item.green.dark .item h3:hover span,
.prozesskette-accordeon .item.green.dark .item h3:hover span {
  background-position: right -1494px !important;
}
.border-accordeon .item.green.dark .item h3.active span,
.prozesskette-accordeon .item.green.dark .item h3.active span {
  background-position: right -594px !important;
}
.border-accordeon .item.green.dark .item h3.active:hover span,
.prozesskette-accordeon .item.green.dark .item h3.active:hover span {
  background-position: right -694px !important;
}
.border-accordeon .item.green.dark .item .item h3,
.prozesskette-accordeon .item.green.dark .item .item h3 {
  color: #555 !important;
  background: #e9efe1 !important;
}
.border-accordeon .item.green.dark .inner,
.prozesskette-accordeon .item.green.dark .inner {
  background: #e9efe1;
}
.border-accordeon .item.orange h3,
.prozesskette-accordeon .item.orange h3 {
  background: #ffa32a;
  background-image: -webkit-linear-gradient(top, #ffc476, #ffa124);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #ffc476, #ffa124);
  /* Chrome 26, Firefox 16+, IE 10+, Opera */
  color: white;
}
.border-accordeon .item.orange .item h3,
.prozesskette-accordeon .item.orange .item h3 {
  color: #ffa32a;
  background: #ffe5c3;
}
.border-accordeon .item.orange .item h3 span,
.prozesskette-accordeon .item.orange .item h3 span {
  background-position: right -1194px;
}
.border-accordeon .item.orange .item h3:hover span,
.prozesskette-accordeon .item.orange .item h3:hover span {
  background-position: right -1294px;
}
.border-accordeon .item.orange .item h3.active span,
.prozesskette-accordeon .item.orange .item h3.active span {
  background-position: right -1294px;
}
.border-accordeon .item.orange .item h3.active:hover span,
.prozesskette-accordeon .item.orange .item h3.active:hover span {
  background-position: right -1194px;
}
.border-accordeon .item.orange .item .item h3,
.prozesskette-accordeon .item.orange .item .item h3 {
  color: #555;
  background: #fff4e5;
}
.border-accordeon .item.orange .inner,
.prozesskette-accordeon .item.orange .inner {
  background: #fff4e5;
}
@media screen and (max-width: 640px) {
  .border-accordeon .item h3,
  .prozesskette-accordeon .item h3 {
    font-size: 18px;
    line-height: 26px;
    padding: 10px 15px;
  }
  .border-accordeon .item .inner,
  .prozesskette-accordeon .item .inner {
    padding: 15px 15px 0;
  }
  .border-accordeon .item .inner p,
  .prozesskette-accordeon .item .inner p,
  .border-accordeon .item .inner strong,
  .prozesskette-accordeon .item .inner strong,
  .border-accordeon .item .inner li,
  .prozesskette-accordeon .item .inner li,
  .border-accordeon .item .inner a,
  .prozesskette-accordeon .item .inner a {
    font-size: 14px;
    line-height: 20px;
  }
  .border-accordeon .item .inner .item,
  .prozesskette-accordeon .item .inner .item {
    margin-left: -15px;
    margin-right: -15px;
  }
  .border-accordeon .item .item h3,
  .prozesskette-accordeon .item .item h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .border-accordeon .item .item .item h3,
  .prozesskette-accordeon .item .item .item h3 {
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 480px) {
  .border-accordeon,
  .prozesskette-accordeon {
    /*
		margin-left: -10px !important;
		margin-right: -10px !important;
		*/
  }
  .border-accordeon .item .video,
  .prozesskette-accordeon .item .video {
    position: relative;
  }
}
/* ressorcenchecks */
@media screen and (max-width: 640px) {
  #content .selfcheck-statusbar-wrapper,
  .content .selfcheck-statusbar-wrapper {
    margin: 0 -10px;
  }
  #selfcheckform {
    margin: -20px -10px 20px;
  }
  .sc-question .sc-question-nb {
    width: auto;
    float: none;
  }
  .sc-question .sc-question-text {
    width: 85%;
  }
  #content .sc-block ol.sc-answers {
    margin-left: 5px;
    margin-right: 5px;
  }
  .sc-input-row {
    padding-left: 0 !important;
  }
  .sc-input-row label {
    width: auto;
    display: block;
  }
  .sc-question {
    position: relative;
  }
  .sc-question .sc-question-help {
    float: none;
    width: auto;
    text-align: right;
    position: absolute;
    top: 10px;
  }
  .sc-question .sc-question-help a.sc-question-help-icon {
    padding: 3px 0 3px 22px;
    font: 400 14px/18px "cabinregular" !important;
  }
  .sc-question .sc-question-nb,
  #content ol.list-radio li label,
  .sc-input-row label {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  #content ol.list-radio li input {
    margin-top: 3px;
  }
}
.border-accordeon {
  padding-top: 0;
  margin: 0 10px 10px;
  max-width: none;
}
.border-accordeon .item {
  border-top: 1px solid #bbb;
  box-shadow: none;
  margin-bottom: 0;
}
.border-accordeon .item:last-of-type {
  border-bottom: 1px solid #bbb;
}
.border-accordeon .item h1,
.border-accordeon .item h2,
.border-accordeon .item h3,
.border-accordeon .item h4,
.border-accordeon .item h5,
.border-accordeon .item h6 {
  background: transparent !important;
  border: 0 !important;
  color: #0090d4;
  padding: 15px 15px 15px 0;
  font-size: 21px !important;
}
.border-accordeon .item h1 span,
.border-accordeon .item h2 span,
.border-accordeon .item h3 span,
.border-accordeon .item h4 span,
.border-accordeon .item h5 span,
.border-accordeon .item h6 span {
  background-position: right -794px;
}
.border-accordeon .item h1.active span,
.border-accordeon .item h2.active span,
.border-accordeon .item h3.active span,
.border-accordeon .item h4.active span,
.border-accordeon .item h5.active span,
.border-accordeon .item h6.active span,
.border-accordeon .item h1:hover span,
.border-accordeon .item h2:hover span,
.border-accordeon .item h3:hover span,
.border-accordeon .item h4:hover span,
.border-accordeon .item h5:hover span,
.border-accordeon .item h6:hover span,
.border-accordeon .item h1:active span,
.border-accordeon .item h2:active span,
.border-accordeon .item h3:active span,
.border-accordeon .item h4:active span,
.border-accordeon .item h5:active span,
.border-accordeon .item h6:active span,
.border-accordeon .item h1:focus span,
.border-accordeon .item h2:focus span,
.border-accordeon .item h3:focus span,
.border-accordeon .item h4:focus span,
.border-accordeon .item h5:focus span,
.border-accordeon .item h6:focus span {
  background-position: right -894px;
}
.border-accordeon .item h1:hover,
.border-accordeon .item h2:hover,
.border-accordeon .item h3:hover,
.border-accordeon .item h4:hover,
.border-accordeon .item h5:hover,
.border-accordeon .item h6:hover,
.border-accordeon .item h1:active,
.border-accordeon .item h2:active,
.border-accordeon .item h3:active,
.border-accordeon .item h4:active,
.border-accordeon .item h5:active,
.border-accordeon .item h6:active,
.border-accordeon .item h1:focus,
.border-accordeon .item h2:focus,
.border-accordeon .item h3:focus,
.border-accordeon .item h4:focus,
.border-accordeon .item h5:focus,
.border-accordeon .item h6:focus {
  color: #006da1;
}
.border-accordeon .item h1.active:hover span,
.border-accordeon .item h2.active:hover span,
.border-accordeon .item h3.active:hover span,
.border-accordeon .item h4.active:hover span,
.border-accordeon .item h5.active:hover span,
.border-accordeon .item h6.active:hover span,
.border-accordeon .item h1.active:active span,
.border-accordeon .item h2.active:active span,
.border-accordeon .item h3.active:active span,
.border-accordeon .item h4.active:active span,
.border-accordeon .item h5.active:active span,
.border-accordeon .item h6.active:active span,
.border-accordeon .item h1.active:focus span,
.border-accordeon .item h2.active:focus span,
.border-accordeon .item h3.active:focus span,
.border-accordeon .item h4.active:focus span,
.border-accordeon .item h5.active:focus span,
.border-accordeon .item h6.active:focus span {
  background-position: right -794px;
}
.border-accordeon .item > .inner {
  padding-top: 0 !important;
}
.border-accordeon .item .inner {
  background: transparent !important;
  border: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.border-accordeon .item .inner .item {
  border-color: #aae0f9;
  margin-left: 0;
  margin-right: 0;
}
.border-accordeon .item .inner .item:first-of-type {
  margin-top: 0;
}
.border-accordeon .item .inner .item:last-of-type {
  border-bottom: 0;
}
@media screen and (max-width: 640px) {
  .border-accordeon .item .inner .item {
    margin-left: 0;
    margin-right: 0;
  }
}
.border-accordeon .item .inner .item h1,
.border-accordeon .item .inner .item h2,
.border-accordeon .item .inner .item h3,
.border-accordeon .item .inner .item h4,
.border-accordeon .item .inner .item h5,
.border-accordeon .item .inner .item h6 {
  background: #fff !important;
  border: 0 !important;
  color: #555555;
}
.border-accordeon .item .inner .item h1.active,
.border-accordeon .item .inner .item h2.active,
.border-accordeon .item .inner .item h3.active,
.border-accordeon .item .inner .item h4.active,
.border-accordeon .item .inner .item h5.active,
.border-accordeon .item .inner .item h6.active {
  color: #555555;
}
.border-accordeon .item .inner .item h1:hover,
.border-accordeon .item .inner .item h2:hover,
.border-accordeon .item .inner .item h3:hover,
.border-accordeon .item .inner .item h4:hover,
.border-accordeon .item .inner .item h5:hover,
.border-accordeon .item .inner .item h6:hover,
.border-accordeon .item .inner .item h1:active,
.border-accordeon .item .inner .item h2:active,
.border-accordeon .item .inner .item h3:active,
.border-accordeon .item .inner .item h4:active,
.border-accordeon .item .inner .item h5:active,
.border-accordeon .item .inner .item h6:active,
.border-accordeon .item .inner .item h1:focus,
.border-accordeon .item .inner .item h2:focus,
.border-accordeon .item .inner .item h3:focus,
.border-accordeon .item .inner .item h4:focus,
.border-accordeon .item .inner .item h5:focus,
.border-accordeon .item .inner .item h6:focus {
  color: #2f2f2f;
}
.border-accordeon .item .text {
  max-width: 800px;
}
.border-accordeon .item.item-wide-bg .inner {
  padding-top: 15px !important;
}
.border-accordeon .media {
  margin-bottom: 20px;
}
.border-accordeon .media.media-center {
  text-align: center;
}
.border-accordeon .media.media-float-left {
  max-width: 50%;
  float: left;
  margin-right: 30px;
}
.border-accordeon .media.media-float-right {
  max-width: 50%;
  float: right;
  margin-left: 30px;
}
@media screen and (max-width: 640px) {
  .border-accordeon .media.media-float-left,
  .border-accordeon .media.media-float-right {
    max-width: none;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
}
.border-accordeon .item .inner img,
.border-accordeon .image-responsive img {
  max-width: 100%;
  height: auto;
}
.border-accordeon .inner-col-50 {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.border-accordeon .inner-col-50:not(:last-child) {
  padding-right: 15px;
}
.border-accordeon .inner-col-50:not(:first-child) {
  padding-left: 15px;
}
@media screen and (max-width: 640px) {
  .border-accordeon .inner-col-50 {
    width: auto;
    float: none;
  }
  .border-accordeon .inner-col-50:not(:last-child) {
    padding-right: 0;
  }
  .border-accordeon .inner-col-50:not(:first-child) {
    padding-left: 0;
  }
}
.item-wide-bg .inner {
  padding: 40px 0;
  position: relative;
}
.item-wide-bg .inner::before {
  background-color: #f1fafe;
  bottom: 0;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}
.box-nav {
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
}
.box-nav * {
  box-sizing: border-box !important;
}
/*
@media screen and (max-width: 980px) {

	.box-nav {
		margin-left: 0;
		margin-right: 0;
	}
}
*/
.box-nav-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  list-style-type: none;
  margin: 0 -5px;
  padding: 0;
}
.box-nav ul li.box-nav-item {
  display: flex;
  flex: 0 0 313px;
  max-width: 313px;
  margin: 0;
  min-height: 180px;
  padding: 5px !important;
  background: none !important;
  text-align: center;
  /*
	@media screen and (max-width: 480px) {
		min-height: 0;
		flex: 0 0 100%;
		width: 100%;
	}
*/
}
@media screen and (max-width: 980px) {
  .box-nav ul li.box-nav-item {
    min-height: 100px;
    flex: 0 1 310px;
    max-width: 310px;
  }
}
@media screen and (max-width: 640px) {
  .box-nav ul li.box-nav-item {
    min-height: 100px;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
.box-nav ul li.box-nav-item.active a {
  background-color: #f1fafe;
  border: 2px solid #0090d4;
  color: #0090d4;
}
.box-nav ul li.box-nav-item a {
  background-color: #fff;
  border: 2px solid transparent;
  color: #555555;
  display: block;
  padding: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-nav ul li.box-nav-item a:hover,
.box-nav ul li.box-nav-item a:active,
.box-nav ul li.box-nav-item a:focus {
  background-color: #f1fafe;
  border: 2px solid #0090d4;
  color: #0090d4;
}
@media screen and (max-width: 640px) {
  .box-nav ul li.box-nav-item a {
    padding: 20px 10px;
  }
}
.media-table {
  margin-bottom: 20px;
}
.media-table.media-table-center {
  text-align: center;
}
.media-table.media-table-float-left {
  width: 50%;
  float: left;
  margin-right: 30px;
}
.media-table.media-table-float-right {
  width: 50%;
  float: right;
  margin-left: 30px;
}
@media screen and (max-width: 640px) {
  .media-table.media-table-float-left,
  .media-table.media-table-float-right {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
}
.teaser h1,
.teaser h2,
.teaser h3,
.teaser h4,
.teaser h5,
.teaser h6,
.teaser .text {
  margin: 0;
}
.boxA {
  background: #f4fbea;
}
.boxA h1,
.boxA h2,
.boxA h2,
.boxA h3,
.boxA h4,
.boxA h5,
.boxA h6 {
  color: #69b000;
}
.boxB {
  background: #f1fafe;
}
.boxB h1,
.boxB h2,
.boxB h2,
.boxB h3,
.boxB h4,
.boxB h5,
.boxB h6 {
  color: #0090d4;
}
.boxC {
  background: #fff;
  -webkit-box-shadow: 0 0 6px 0 #ccc;
  box-shadow: 0 0 6px 0 #ccc;
}
.boxC h1,
.boxC h2,
.boxC h2,
.boxC h3,
.boxC h4,
.boxC h5,
.boxC h6 {
  color: #0090d4;
}
.boxC .teaserS {
  border-top: 1px solid #c1e4f5;
  margin-bottom: 0;
  padding: 15px 0;
  margin: 0 20px;
}
.boxC .teaserS:first-child {
  border-top: none;
}
.teaserS {
  padding: 15px 20px;
  margin-bottom: 20px;
}
.teaserS h2 {
  font: 400 16px/22px "cabinbold";
  padding-bottom: 10px;
}
.teaserS h2:hover {
  color: #555;
}
.teaserS .image {
  width: 200px;
  overflow: hidden;
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.teaserS .text p,
.teaserS .text span,
.teaserS .text a {
  font: 400 14px/20px "cabinregular";
}
.teaserS .text p,
.teaserS .text span {
  color: #575757;
}
.teaserS .text p {
  padding-bottom: 20px;
}
.teaserS .text p:last-child {
  padding-bottom: 0;
}
.teaserM {
  width: 300px;
  float: left;
  margin-bottom: 40px;
}
.teaserM .image {
  position: relative;
  height: 200px;
  margin-bottom: 20px;
}
.teaserM .image h2 {
  /* background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/@{path}/teaser-headline.png') top left repeat; */
  background: rgba(0, 144, 212, 0.8);
  padding: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  font: 400 20px/30px "cabinregular";
}
.teaserM .image h2:hover {
  color: #555555;
}
.teaserM .image h2 a {
  color: #FFF;
  padding: 5px 10px;
  display: block;
}
.teaserM .text h2 {
  display: none;
  padding: 0 0 2px;
  font-size: 18px;
  line-height: 22px;
}
.teaserM .text p,
.teaserM .text li,
.teaserM .text a.read-more {
  padding: 0;
  font: 400 14px/20px "cabinregular";
}
.teaserL {
  width: 460px;
  float: left;
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
  height: 200px;
}
.teaserL .image {
  position: relative;
  height: 200px;
  margin-bottom: 20px;
}
.teaserL .image img {
  width: 460px;
  height: 200px;
}
.teaserL h2 {
  /* background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/@{path}/teaser-headline.png') top left repeat; */
  background: rgba(0, 144, 212, 0.8);
  padding: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.teaserL h2:hover {
  color: #555555;
}
.teaserL h2 > span {
  color: #FFF;
  padding: 13px 15px;
  display: block;
  font: 400 28px/32px "cabinregular";
}
.teaserL .text p,
.teaserL .text li,
.teaserL .text a {
  padding: 0;
  font: 400 14px/20px "cabinregular";
}
.teaserL .intro {
  display: none;
  padding: 0 15px;
  color: #fff;
  position: relative;
}
.teaserL .intro p {
  padding: 0;
}
.teaserL .intro .button {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/teaserl-button.png') top left no-repeat;
  width: 60px;
  height: 60px;
  display: block;
  float: right;
  position: absolute;
  bottom: 2px;
  right: 5px;
  text-indent: -99999em;
  padding: 0;
  margin: 0;
}
.teaserL .intro .button:hover {
  background-position: 0 -57px;
}
.listXL {
  border-top: 1px solid #d2ecf8;
  float: left;
  width: 620px;
  padding: 20px 0 40px;
}
.listXL .image {
  float: left;
  width: 220px;
  margin: 0 20px 0 0;
}
.listXL .image a {
  display: block;
}
.listXL .image img {
  margin: 0;
  width: 220px;
  height: auto;
  display: block;
}
.listXL h2 {
  font: 400 16px/20px "cabinbold";
  padding: 0 0 10px;
}
.listXL .text p,
.listXL .text li,
.listXL .text a {
  padding: 0;
  font: 400 14px/20px "cabinregular";
}
@media screen and (max-width: 640px) {
  .boxC {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .boxC .teaserS {
    padding: 10px 0;
    margin: 0;
  }
  .boxC .teaserS:first-child {
    border-top: 1px solid #c1e4f5;
  }
  .boxC .teaserS:last-child {
    border-bottom: 1px solid #c1e4f5;
  }
  .teaserS {
    padding: 10px 0;
  }
  .teaserS .image {
    width: 140px;
  }
  .teaserS .image img {
    width: 100%;
    height: auto;
  }
  .teaserS h2 {
    padding-bottom: 5px;
    font: 400 18px/24px "cabinmedium", Arial;
  }
  .teaserS .text {
    padding-bottom: 0;
  }
  .teaserS .text p {
    display: none;
  }
  .bloc-700 .teaserS.boxB {
    padding: 15px 20px;
    margin: 0 10px 20px;
  }
  .bloc-700 .teaserS.boxB h2 {
    font: 400 16px/22px "cabinbold";
    padding-bottom: 10px;
  }
  .bloc-700 .teaserS.boxB .text p {
    display: block !important;
  }
  .bloc-260 .teaserS {
    padding: 15px 20px;
    margin: 0 10px 20px;
    /*
	.image { 
		float: left;
		margin-right: 20px;	
	}
	*/
  }
  .bloc-260 .teaserS .text p {
    display: block;
  }
  .teaserM {
    width: auto;
    float: none;
    padding: 10px 0;
    border-top: 1px solid #c1e4f5;
    margin: -1px 10px 0;
    border-bottom: 1px solid #c1e4f5;
  }
  .teaserM .image {
    position: relative;
    height: auto;
    width: 140px;
    margin: 0 20px 0 0;
    float: left;
  }
  .teaserM .image img {
    width: 100%;
    height: auto;
  }
  .teaserM .image h2 {
    display: none;
  }
  .teaserM .text {
    overflow: hidden;
    display: table;
    height: 94px;
  }
  .teaserM .text h2 {
    display: block;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
  .teaserM .text p,
  .teaserM .text .read-more {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  /*

.teaserM {

	.image {
		width: 100%;
		margin: 0 0 20px;
		float: none;
		
		h2 {
			display: block;
		}
	}
	
	.text h2 {
		display: none;
	}
	
}


*/
  .teaserM .image {
    width: 100px;
    margin: 0 15px 0 0;
  }
  .teaserM .text {
    height: 66px;
  }
  .teaserS .text {
    clear: both;
  }
}
.teaser.teaserS.download.boxB.clearfix {
  margin-bottom: 60px;
  border-bottom: 1px solid #d2ecf8;
}
.teaser.teaserS.download.boxB.clearfix .kategorie {
  font: 400 16px/24px "cabinregular" !important;
  color: #555;
  padding: 0 0 5px;
}
.teaser.teaserS.download.boxB.clearfix h2 {
  font: 400 22px/30px "cabinbold";
  padding-bottom: 30px;
}
.teaser.teaserS.download.boxB.clearfix .image.thumb {
  width: auto;
}
.teaser.teaserS.download.boxB.clearfix p.download {
  font: 400 20px/30px "cabinbold";
}
.teaser.teaserS.download.boxB.clearfix span.meta {
  font: 400 15px/30px "cabinregular";
}
.teaser.teaserS.download.boxB.clearfix a.btn-download {
  background-color: #0090d4;
  display: inline-block;
  margin-bottom: 5px;
  color: white;
  padding: 15px 20px 12px 55px;
  border-radius: 5px;
  position: relative;
}
.teaser.teaserS.download.boxB.clearfix a.btn-download:hover,
.teaser.teaserS.download.boxB.clearfix a.btn-download:focus,
.teaser.teaserS.download.boxB.clearfix a.btn-download:active,
.teaser.teaserS.download.boxB.clearfix a.btn-download.focus,
.teaser.teaserS.download.boxB.clearfix a.btn-download.active {
  color: #0090d4;
  background-color: white;
}
.teaser.teaserS.download.boxB.clearfix a.btn-download:hover:before,
.teaser.teaserS.download.boxB.clearfix a.btn-download:focus:before,
.teaser.teaserS.download.boxB.clearfix a.btn-download:active:before,
.teaser.teaserS.download.boxB.clearfix a.btn-download.focus:before,
.teaser.teaserS.download.boxB.clearfix a.btn-download.active:before {
  content: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/download_icon_blue.svg');
}
.teaser.teaserS.download.boxB.clearfix a.btn-download:before {
  content: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/download_icon_white.svg');
  position: absolute;
  color: white;
  top: 30%;
  left: 15px;
  width: 25px;
}
p.download {
  font: 400 14px/20px "cabinregular";
  padding-bottom: 0px;
}
a.btn-download {
  background-color: #0090d4;
  display: inline-block;
  margin-bottom: 10px;
  color: white;
  padding: 7px 14px 5px 32px;
  border-radius: 5px;
  position: relative;
}
a.btn-download:hover,
a.btn-download:focus,
a.btn-download:active,
a.btn-download.focus,
a.btn-download.active {
  color: #0090d4;
  background-color: white;
  border: 1px solid #0090d4;
  padding: 6px 14px 4px 32px;
}
a.btn-download:hover:before,
a.btn-download:focus:before,
a.btn-download:active:before,
a.btn-download.focus:before,
a.btn-download.active:before {
  content: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/download_icon_blue.svg');
}
a.btn-download:before {
  content: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/download_icon_white.svg');
  position: absolute;
  color: white;
  top: 26%;
  left: 9px;
  width: 14px;
}
div.csc-textpic-text--no-float p {
  overflow: hidden;
}
.vcard {
  padding: 15px 20px;
  margin: 0 10px 20px;
}
.vcard h1,
.vcard h2,
.vcard h3,
.vcard h4,
.vcard h5,
.vcard h6,
.vcard .text {
  margin: 0;
}
.vcard .headline {
  clear: left;
}
.vcard .headline h4 {
  font: 400 14px/20px "cabinbold";
  color: #575757;
  padding-bottom: 5px;
}
.vcard img {
  margin-bottom: 20px;
}
.vcard h2 {
  font: 400 16px/22px "cabinbold";
  padding-bottom: 12px;
}
.vcard .text p,
.vcard .text span,
.vcard .text .phone {
  font: 400 14px/20px "cabinregular";
  color: #575757;
}
.vcard .text p {
  padding-bottom: 0;
}
.icon.intern {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/icon-link.png') left top no-repeat;
  padding-left: 20px;
}
.icon.intern:hover {
  background-position: left -100px;
}
.icon.extern {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/extern.png') left -1px no-repeat;
  padding-left: 20px;
}
.icon.extern:hover {
  background-position: left -101px;
}
.icon.download {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/icon-download.png') left 4px no-repeat;
  padding-left: 20px;
  display: inline-block;
  margin-bottom: 5px;
}
.icon.download:hover {
  background-position: left -96px;
}
.icon.mail {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/icon-mail.png') left 1px no-repeat;
  padding-left: 20px;
}
.icon.mail:hover {
  background-position: 0 -34px;
}
.read-more {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/icon-link.png') left top no-repeat;
  padding-left: 20px !important;
}
.read-more:hover {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/icon-link.png') left -100px no-repeat;
}
h2.icon {
  color: #61cafb;
  font: 400 26px/45px "cabinregular" !important;
  text-transform: uppercase;
  margin-bottom: 20px;
}
h2.icon:hover {
  color: #61cafb !important;
}
h2.icon.instruments {
  background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/headline-icons.png') left top no-repeat;
  padding: 0 0 0 55px;
}
h2.icon.videos {
  background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/headline-icons.png') left -142px no-repeat;
  padding: 0 0 0 55px;
}
h2.icon.news {
  background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/headline-icons.png') left -50px no-repeat;
  padding: 0 0 0 55px;
}
h2.icon.publications {
  background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/headline-icons.png') left -98px no-repeat;
  padding: 0 0 0 55px;
}
form .csc-mailform-field,
.csc-mailform .csc-form-element {
  position: relative;
}
form .csc-mailform-field label,
form .csc-mailform-field .csc-mailform-label,
.csc-mailform .csc-form-element label {
  color: #0090d4;
}
form .csc-mailform-field .csc-mailform-label,
.csc-mailform .csc-form-element label {
  padding: 20px 0 0;
  display: block;
}
form .csc-mailform-radio label,
.csc-mailform .csc-form-element-radio label {
  width: auto;
  display: inline;
  margin-left: 5px;
  color: #555;
}
.csc-mailform .csc-form-element-radio label,
.csc-mailform .csc-form-element-checkbox label {
  display: inline;
}
form .csc-mailform-field input,
form .csc-mailform-field textarea,
form .csc-mailform-field select,
.csc-mailform .csc-form-element input,
.csc-mailform .csc-form-element textarea,
.csc-mailform .csc-form-element select {
  border: 1px solid #ccc;
  line-height: 180%;
  background: #fff;
  color: #555;
  -webkit-box-shadow: inset 0 2px 5px 1px #ddd;
  box-shadow: inset 0 2px 5px 1px #ddd;
  font: 400 16px/22px "cabinregular", Arial;
  width: 100%;
}
.csc-mailform .csc-form-element select {
  height: 40px;
}
.csc-mailform .csc-form-element-checkbox,
.csc-mailform .csc-form-element-radio {
  margin-top: 10px;
  padding-left: 20px;
}
form .csc-mailform-radio input,
form .csc-mailform-check,
form .checkbox input,
.csc-mailform .csc-form-element-radio input,
.csc-mailform .csc-form-element-checkbox,
.csc-mailform .csc-form-element-checkbox input {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: auto;
}
.csc-mailform .csc-form-element-radio input,
.csc-mailform .csc-form-element-checkbox input {
  margin-left: -20px;
}
form .csc-mailform-radio label,
form .checkbox label,
.csc-mailform .csc-form-element-radio label,
.csc-mailform .csc-form-element-checkbox label {
  color: #555;
}
form .csc-mailform-field input:focus,
form .csc-mailform-field select:focus,
form .csc-mailform-field textarea:focus,
form .csc-mailform-field input:hover,
form .csc-mailform-field select:hover,
form .csc-mailform-field textarea:hover,
form .csc-mailform-field input:active,
form .csc-mailform-field select:active,
form .csc-mailform-field textarea:active,
.csc-mailform .csc-form-element input:focus,
.csc-mailform .csc-form-element select:focus,
.csc-mailform .csc-form-element textarea:focus,
.csc-mailform .csc-form-element input:hover,
.csc-mailform .csc-form-element select:hover,
.csc-mailform .csc-form-element textarea:hover,
.csc-mailform .csc-form-element input:active,
.csc-mailform .csc-form-element select:active,
.csc-mailform .csc-form-element textarea:active {
  border: 1px solid #0090d4;
  background: #fff;
}
form .csc-mailform-field select,
.csc-mailform .csc-form-element select {
  width: auto;
}
form .csc-mailform-field select option,
.csc-mailform .csc-form-element select option {
  width: auto;
}
form .csc-mailform-field .csc-mailform-submit,
.csc-mailform .csc-form-element .csc-mailform-submit {
  width: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0 ;
  border-radius: 5px 5px 5px 5px;
  background: #0090d4;
  color: #fff;
  padding: 10px 20px;
  text-shadow: none;
  margin-top: 20px;
  float: right;
  margin-right: 0;
  margin-left: 20px;
}
form input[type="button"]:hover,
form input[type="reset"]:hover,
form input[type="submit"]:hover,
form .csc-mailform-field .csc-mailform-submit:hover,
.csc-mailform .csc-form-element input[type="button"]:hover,
.csc-mailform .csc-form-element input[type="reset"]:hover,
.csc-mailform .csc-form-element input[type="submit"]:hover,
.csc-mailform .csc-form-element .csc-mailform-submit:hover {
  background: #18aaef;
  text-shadow: 0 1px 0 #0090d4;
  border: 0 ;
  -webkit-box-shadow: inset 0 1px 5px 1px #0090d4;
  box-shadow: inset 0 1px 5px 1px #0090d4;
}
.csc-mailform .csc-form-element strong,
.csc-mailform .csc-form-element em {
  color: #f00;
  font: 400 13px/18px "cabinregular", Arial;
  margin-top: 5px;
  display: block;
}
.csc-mailform .csc-form-element-textblock {
  margin-top: 20px;
  color: #0090d4;
}
/*
#mailform .csc-form-9 {
	float: left;
	width: 60%;
}

#mailform .csc-form-10 {
	float: left;
	width: 40%;
	padding-left: 15px;
	box-sizing: border-box;
}

#mailform .csc-form-11 {
	float: left;
	width: 40%;

}

#mailform .csc-form-12 {
	float: left;
	width: 60%;
	padding-left: 15px;
	box-sizing: border-box;
}

#mailform .csc-form-13 {
	clear: both;
}
*/
#mailform .lf-form-field-street {
  float: left;
  width: 60%;
}
#mailform .lf-form-field-house-number {
  float: left;
  width: 40%;
  padding-left: 15px;
  box-sizing: border-box;
}
#mailform .lf-form-field-plz {
  float: left;
  width: 40%;
}
#mailform .lf-form-field-place {
  float: left;
  width: 60%;
  padding-left: 15px;
  box-sizing: border-box;
}
#mailform .lf-form-field-tele {
  clear: both;
}
/* Kontaktformular	*/
#mailform {
  padding: 20px 30px;
  background: #f1fafe;
  overflow: hidden;
}
#mailformstrasse {
  width: 80%;
}
#mailformhausnr {
  width: 18%;
  position: absolute;
  top: -40px;
  right: 0;
}
#mailformPLZ {
  width: 18%;
}
#mailformort {
  width: 80%;
  position: absolute;
  top: -40px;
  right: 0;
}
/* parsley */
form label {
  font: 400 15px/32px "cabinregular";
}
form .parsley-errors-list {
  list-style: none;
  margin: 0;
}
form .parsley-errors-list li {
  margin: 0 0 0 5px;
  font-size: 80%;
  padding-top: 7px;
  line-height: 100%;
}
form .parsley-errors-list li:before {
  margin-right: 7px;
  content: "x";
  color: red;
  font-size: 140%;
}
@media screen and (max-width: 480px) {
  #mailform {
    padding: 15px;
  }
  #mailformstrasse,
  #mailformhausnr,
  #mailformPLZ,
  #mailformort {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
  }
  #mailformstrasse,
  #mailformPLZ {
    margin-bottom: 5px;
  }
  form label {
    font-size: 14px;
    line-height: 32px;
  }
  form .csc-mailform-radio input,
  form .csc-mailform-check,
  form .checkbox input {
    float: left;
    margin: 3px 10px 0 0;
  }
  form .csc-mailform-radio label,
  form .checkbox label {
    line-height: 20px;
    margin: 10px 0 10px;
    display: block;
    overflow: hidden;
  }
  #mailform .lf-form-field-street {
    float: none;
    width: auto;
    padding: 0;
  }
  #mailform .lf-form-field-house-number {
    float: none;
    width: auto;
    padding: 0;
  }
  #mailform .lf-form-field-plz {
    float: none;
    width: auto;
    padding: 0;
  }
  #mailform .lf-form-field-place {
    float: none;
    width: auto;
    padding: 0;
  }
}
.field-title {
  padding: 20px 0 0;
  display: block;
  color: #0090d4;
  font: 400 15px/32px "cabinregular";
  position: relative;
  margin-bottom: 0 !important;
  margin-left: -20px;
}
.csc-mailform .csc-form-element .powermail_country {
  width: 100%;
  text-overflow: ellipsis;
}
.csc-mailform .csc-form-element .parsley-errors-list {
  margin: 0 !important;
  list-style: none !important;
}
.csc-mailform .csc-form-element .parsley-errors-list li {
  margin-left: 0;
  padding-left: 0;
  color: #f00;
  font: 400 13px/18px "cabinregular", Arial;
  margin-top: 5px;
  display: block;
  font-weight: 400 !important;
}
.csc-mailform .csc-form-element .parsley-errors-list li::before {
  display: none;
}
.csc-mailform .csc-form-element.csc-form-element-radio .parsley-errors-list,
.csc-mailform .csc-form-element.csc-form-element-checkbox .parsley-errors-list {
  margin-left: -20px !important;
}
.csc-mailform .csc-form-element .csc-mailform-submit-left {
  float: left;
  margin-left: 0;
  margin-right: 20px;
}
.csc-default .csc-mailform table td {
  padding: 10px 5px 10px 0;
}
.powermail_create {
  font: 400 22px/30px "cabinmedium";
  color: #0090d4;
  padding: 70px 0 0 0;
}
form#contact {
  background: #0090d4 url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/bg-footer-2.png') center bottom no-repeat;
  padding: 0 0 60px;
  margin-top: 100px;
  width: 100%;
}
form#contact #middlename {
  visibility: hidden;
  display: none;
}
form#contact .wrap {
  min-height: 513px;
}
form#contact.loading .submit button span {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/loading-blue-L.gif') right 9px no-repeat;
}
form#contact .error-message,
form#contact .success-message {
  position: absolute;
  width: 620px;
  top: -26px;
  display: none;
}
form#contact .error-message strong,
form#contact .success-message strong {
  display: block;
  margin-bottom: 20px;
}
form#contact h2 {
  margin-top: 45px;
}
form#contact h1,
form#contact h2,
form#contact h3,
form#contact h4,
form#contact h5,
form#contact h6,
form#contact p,
form#contact span,
form#contact strong,
form#contact li {
  color: #fff;
}
form#contact .text {
  margin: 30px 10px 0;
}
form#contact .text p {
  font: 400 16px/27px "cabinregular", Arial;
}
form#contact .text strong {
  font: 400 22px/27px "cabinbold", Arial;
}
form#contact fieldset,
form#contact .info {
  float: left;
  width: 320px;
  margin-bottom: 50px;
}
form#contact label {
  color: #fff;
}
form#contact input,
form#contact textarea,
form#contact button {
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
form#contact input,
form#contact textarea {
  -webkit-box-shadow: inset 0 2px 5px 1px #ccc;
  box-shadow: inset 0 2px 5px 1px #ccc;
  font: 400 16px/22px "cabinregular", Arial;
  border: 0;
  width: 100%;
  box-sizing: border-box;
}
form#contact input {
  padding: 12px 8px;
}
form#contact textarea {
  height: 310px;
  resize: none;
}
form#contact .item {
  margin: 0 10px 10px;
}
form#contact .submit,
form#contact .reset-error,
form#contact .reset-success {
  margin-top: 25px;
  width: 300px;
}
form#contact .submit button,
form#contact .reset-error button,
form#contact .reset-success button {
  font: 400 20px/50px "cabinbold", Arial;
  text-shadow: none;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-shadow: 0 0 5px 0px #007EBA;
  box-shadow: 0 0 5px 0px #007EBA;
  width: 100%;
  text-align: left;
  background: #56c5fa;
}
form#contact .submit button span,
form#contact .reset-error button span,
form#contact .reset-success button span {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/icon-submit-button.png') right 14px no-repeat;
  display: block;
}
form#contact .submit button:hover,
form#contact .reset-error button:hover,
form#contact .reset-success button:hover {
  background-color: #18aaef;
}
@media screen and (max-width: 980px) {
  form#contact fieldset:first-of-type {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 680px) {
  form#contact h2 {
    padding-bottom: 0;
    font-size: 26px;
  }
  form#contact fieldset,
  form#contact .info {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
  form#contact #contactFormFirstPart {
    margin-bottom: 0 !important;
  }
  form#contact .submit,
  form#contact .reset-error,
  form#contact .reset-success {
    width: auto;
  }
}
#latest .tabs {
  margin: 0;
  z-index: 1;
  position: relative;
  width: 400px;
}
#latest .tabs ul {
  margin: 0;
  list-style: none;
}
#latest .tabs li {
  float: left;
  margin: 0 0 0 1px;
  height: 40px;
  overflow: hidden;
}
#latest .tabs li:first-child {
  margin: 0;
}
#latest .tabs li a {
  display: block;
  height: 40px;
  font: 400 16px/40px "cabinbold";
  text-align: center;
  color: #0090d4;
  padding: 0 20px;
  letter-spacing: 0.025em;
  background: #f9f9f9 url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/tab-bg.png') left 3px repeat-x;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border: 1px solid #dfe0e1;
  border-bottom: 0;
}
#latest .tabs li a:hover {
  background: #fff;
  color: #131313;
}
#latest .tabs li.active {
  background: #fff;
}
#latest .tabs li.active a {
  border-bottom: 0;
  height: 41px;
  background: #fff;
}
.tabs .tab2 {
  display: none;
}
@media screen and (max-width: 640px) {
  #latest .tabs {
    display: none;
  }
}
#latest {
  margin-bottom: 20px;
}
#latest .latestTeaser {
  position: absolute;
  left: -1000em;
  top: -1px;
  -webkit-box-shadow: 0 0 6px 0 #ccc;
  box-shadow: 0 0 6px 0 #ccc;
  -webkit-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
  padding: 0 20px;
  margin-bottom: 30px;
  z-index: 0;
  border: 1px solid #dfe0e1;
}
#latest h2:hover {
  color: #555;
}
#latest .latestTeaser h3 {
  display: none;
}
#latest .latestTeaser h2 {
  font: 400 16px/20px cabinbold;
  padding-bottom: 10px;
}
#latest a.read-all {
  position: absolute;
  top: -40px;
  right: 10px;
  font: 400 13px/20px "cabinregular";
  z-index: 9999;
  padding: 0;
}
#latest a.read-all span {
  display: inline-block;
  padding: 10px 13px 10px 0;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/read-all.png') right 14px no-repeat;
}
#latest a.read-all:hover {
  color: #555;
}
#latest a.read-all:hover span {
  background-position: right -57px;
}
#latestNews .image img {
  max-width: 140px;
  height: auto;
}
#latestNews .text {
  overflow: hidden;
}
#latestNews p.credits {
  font: 400 11px/14px "cabinregular";
  color: #888;
  padding-top: 5px;
  padding-left: 10px;
}
.listL {
  border-bottom: 1px solid #c1e4f5;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  /*
	&.first {
		border-top: 0;
	}
	*/
}
.listL .image {
  float: left;
  margin: 4px 20px 0 -20px;
}
.listL h6 {
  font: 400 12px/20px "cabinregular";
  color: #555555;
  padding-bottom: 0;
}
.listL h2 {
  font: 400 16px/20px "cabinbold";
  color: #0090d4;
  padding-bottom: 10px;
}
.listL p {
  font: 400 14px/20px "cabinregular";
  color: #555555;
  padding: 0;
}
.listL:last-of-type {
  border-bottom: 0;
}
@media screen and (max-width: 640px) {
  #latest {
    margin: 0;
  }
  #latest h2.icon.news {
    display: none;
  }
  #latest .latestTeaser {
    position: relative !important;
    left: auto !important;
    top: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    padding: 0;
    margin-bottom: 70px;
  }
  #latest .latestTeaser h3 {
    display: block;
    border-bottom: 1px solid #c1e4f5;
    font: 400 26px/30px "cabinmedium";
  }
  #latest a.read-all {
    position: relative;
    top: auto;
    right: auto;
    float: right;
  }
  #latestPress {
    display: none !important;
  }
  .listL {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .listL .image {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  #latest .latestTeaser h2 {
    padding-bottom: 0 !important;
    font: 400 18px/24px "cabinmedium", Arial;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
  .listL .text {
    padding-bottom: 0;
  }
  .listL p {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .listL .image {
    margin: 0 15px 0 0;
    width: 100px;
  }
  .listL .image img {
    width: 100%;
    height: auto;
  }
}
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-opened .fancybox-skin {
  box-shadow: none;
  background: #fff;
}
.fancybox-title .text {
  margin: 0;
}
.fancybox-title-inside-wrap {
  background: #fff;
  color: #555555;
  font: 400 15px/22px "cabinregular", Arial;
  padding: 0;
}
.fancybox-title-inside-wrap p {
  font: 400 14px/22px "cabinregular", Arial;
  padding: 10px 0 0;
}
.fancybox-title-inside-wrap p.credits {
  font: 400 12px/16px "cabinregular", Arial;
  padding: 10px 15px;
  color: #919193;
  background: #fff;
}
#fancybox-buttons ul {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #000;
}
#fancybox-buttons a {
  background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/fancybox_buttons.png');
}
#fancybox-buttons.bottom {
  bottom: 20px;
}
.fancybox-close {
  background: white url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/reset.png') center center no-repeat;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  display: block;
  position: absolute;
  right: -18px;
  top: -18px;
  text-indent: -10000em;
}
.fancybox-close:hover {
  background: #0090d4 url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/reset-white.png') center center no-repeat;
}
.gal-fancy {
  background-color: #fff;
}
.gal-fancy .fancybox-next span,
.gal-fancy .fancybox-prev span {
  /* background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/@{path}/gal-fancybox-nav.png'); */
  background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icon-gallery-sprite.png');
  height: 40px;
  width: 40px;
  background-color: #0090d4;
}
.gal-fancy .fancybox-next span {
  background-position: -81px 0;
  right: -20px;
}
.gal-fancy .fancybox-prev span {
  background-position: -2px 0;
  left: -20px;
}
#fancybox-buttons ul {
  height: 40px;
  width: 204px;
  background: transparent;
}
#fancybox-buttons ul li {
  margin-left: 1px;
}
#fancybox-buttons ul li:first-child {
  margin-left: 0;
}
#fancybox-buttons ul li a {
  background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icon-gallery-sprite.png');
  height: 40px !important;
  width: 40px !important;
  border: none !important;
  opacity: 1 !important;
  background-color: #0090d4;
}
#fancybox-buttons ul li a:hover {
  background-color: #131313;
}
#fancybox-buttons ul li a.btnPrev {
  background-position: 0 0;
}
#fancybox-buttons ul li a.btnPlay {
  background-position: -41px 0px;
}
#fancybox-buttons ul li a.btnNext {
  background-position: -81px 0;
}
#fancybox-buttons ul li a.btnToggle {
  background-position: -122px 0;
}
#fancybox-buttons ul li a.btnClose {
  background-position: -165px 0;
}
#fancybox-buttons ul li a.btnPlayOn {
  background-position: -206px 0px;
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading div {
    background-image: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/fancybox_loading@2x.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
#stage {
  /* background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/@{path}/stage-bg.png') left bottom repeat-x; */
  background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/bg-stage.png') center bottom repeat-x;
  min-height: 100px;
  position: relative;
  margin: 0 0 50px 0;
}
#stage .wrap {
  padding: 40px 0 20px;
}
#stage .csc-default {
  margin: 0;
}
#stage .icon {
  margin: 0 10px 20px;
}
.stageBlue {
  background: #4ec3f2;
}
.stageBlue .wrap {
  width: 940px;
}
@media screen and (max-width: 980px) {
  #stage {
    margin: 0;
  }
}
/* Reset */
.slick-slider {
  margin: 0;
}
.slick-prev:before,
.slick-next:before,
.slick-dots li button:before {
  display: none;
}
/* Slideshow */
.slideshow .media,
.slideshow .image,
.slideshow .text,
.slideshow .headline {
  margin: 0 10px;
  display: block;
  width: auto;
}
.slideshow .image {
  position: relative;
  margin-bottom: 5px;
}
.slideshow .image img {
  display: block;
  width: 100%;
  height: auto;
}
.slideshow .image i {
  display: none;
}
.slideshow .image i.play {
  display: block;
  height: 60px;
  width: 60px;
  background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icon-play.png') 2px 3px no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -30px;
}
.slideshow .slide h3 {
  margin: 0 10px;
  padding: 0;
}
.slideshow .slide h3:hover {
  color: #131313;
}
.slideshow .text p,
.slideshow .text a {
  display: inline;
  font: 400 14px/20px "cabinregular", Arial;
}
.slideshow .text .read-more {
  background: transparent;
  padding: 0 !important;
}
.slideshow .slick-dots {
  margin: 0 !important;
}
.slideshow .slick-dots li {
  width: 15px;
  height: 15px;
  margin: 0 5px !important;
}
.slideshow .slick-dots li button {
  background: #dad9d9;
  width: 15px;
  height: 15px;
  border-radius: 10px;
}
.slideshow .slick-dots li button:hover {
  background: #555;
}
.slideshow .slick-dots li.slick-active button,
.slideshow .slick-dots li.slick-active button:hover {
  background: #0090d4;
}
/* Slideshow M */
.slideshowM {
  margin-bottom: 40px;
  visibility: hidden;
  /*
	.slick-dots li {
		width: 10px;
	}
	.slick-dots li button {
		background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/dist/@{path}/slideshow-dots.png') left top no-repeat;
		background-position: 0 -19px;
		height: 10px;
	}
	
	.slick-dots li button:hover {
		background-position: 0 -38px;
	}
	
	.slick-dots li.slick-active button,
	.slick-dots li.slick-active button:hover {
		background-position: 0 0;
	}
	*/
}
.slideshowM .slide h3 {
  font: 400 18px/24px "cabinbold", Arial;
  display: block;
  padding: 6px 0;
}
.slideshowM .image {
  overflow: hidden;
}
.slideshowM .image h3 {
  display: none;
}
.slideshowM .slick-next,
.slideshowM .slick-prev {
  width: 20px;
  height: 70px;
  margin-top: -70px;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/slideshow-nav.png') left top no-repeat;
}
.slideshowM .slick-next {
  background-position: 0 0;
  right: -45px;
}
.slideshowM .slick-next:hover {
  background-position: 0 -162px;
}
.slideshowM .slick-prev {
  background-position: 0 -70px;
  left: -45px;
}
.slideshowM .slick-prev:hover {
  background-position: 0 -232px;
}
.slideshowM .slick-dots {
  bottom: -35px;
}
/* box width shadow */
.slideshowWrapS,
.slideshowWrapXS {
  -webkit-box-shadow: 0 0 6px 0 #ccc;
  box-shadow: 0 0 6px 0 #ccc;
  padding: 20px 45px 0;
  min-height: 200px;
}
.slideshowWrapXS {
  margin-top: 60px;
}
/* Slideshow S */
.slideshowS h2,
.slideshowXS h2 {
  position: absolute;
  top: -80px;
  left: -40px;
}
.slideshowS .image,
.slideshowXS .image,
.slideshowS h3,
.slideshowXS h3 {
  margin: 0 17px;
  position: relative;
}
.slideshowS .image,
.slideshowXS .image {
  overflow: hidden;
}
.slideshowS .play,
.slideshowXS .play {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -27px;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/play.png') left top no-repeat;
  width: 54px;
  height: 50px;
}
.slideshowS .headline,
.slideshowXS .headline {
  padding: 10px 0;
}
.slideshowS .slide h3,
.slideshowXS .slide h3 {
  font: 400 16px/22px "cabinbold", Arial;
  margin: 0 17px;
  padding-top: 10px;
}
.slideshowS .slide:hover h3,
.slideshowXS .slide:hover h3 {
  color: #555;
}
.slideshowS .slick-next,
.slideshowXS .slick-next,
.slideshowS .slick-prev,
.slideshowXS .slick-prev {
  width: 10px;
  height: 30px;
  top: 0;
  margin-top: 50px;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/slideshowS-nav.png') left top no-repeat;
}
.slideshowS .slick-next,
.slideshowXS .slick-next {
  background-position: 0 0;
  right: -30px;
}
.slideshowS .slick-prev,
.slideshowXS .slick-prev {
  background-position: 0 -32px;
  left: -30px;
}
.slideshowS .slick-next:hover,
.slideshowXS .slick-next:hover {
  background-position: 0 -78px;
}
.slideshowS .slick-prev:hover,
.slideshowXS .slick-prev:hover {
  background-position: 0 -110px;
}
@media screen and (max-width: 480px) {
  .slideshowM .slide h3 {
    font: 400 18px/24px "cabinmedium", Arial;
    display: none;
  }
  .slideshowM .slide .image {
    margin-bottom: 10px;
  }
  .slideshowM .slide .image h3 {
    display: block;
    background: rgba(0, 144, 212, 0.8);
    padding: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    font: 400 18px/26px "cabinregular";
    margin: 0;
  }
  .slideshowM .slide .image h3:hover {
    color: #555555;
  }
  .slideshowM .slide .image h3 a {
    color: #FFF;
    padding: 5px 10px;
    display: block;
  }
  .slideshowM .slick-next,
  .slideshowM .slick-prev {
    display: none !important;
  }
  /* box width shadow */
  .slideshowWrapS,
  .slideshowWrapXS {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 10px;
    min-height: 10px;
    margin-top: 0;
  }
  /* Slideshow S */
  .slideshowS h2,
  .slideshowXS h2 {
    position: relative;
    top: auto;
    left: auto;
  }
  .slideshowS .image,
  .slideshowXS .image,
  .slideshowS h3,
  .slideshowXS h3 {
    margin: 0 !important;
  }
  .slideshowS .slide h3,
  .slideshowXS .slide h3 {
    font: 400 18px/24px "cabinmedium", Arial !important;
    margin: 0;
  }
  .slideshowS .slick-next,
  .slideshowXS .slick-next,
  .slideshowS .slick-prev,
  .slideshowXS .slick-prev {
    display: none !important;
  }
  .slideshowS .slick-dots,
  .slideshowXS .slick-dots {
    bottom: -45px !important;
  }
}
.slideshowXXL {
  height: 350px;
}
.slideshowXXL .slide {
  overflow: hidden;
  position: relative;
  height: 350px;
}
.slideshowXXL .slide .image {
  margin: 0;
  height: 350px;
  width: 100%;
  position: relative;
}
.slideshowXXL .slide .image img {
  z-index: -1;
}
.slideshowXXL .slide .intro {
  position: absolute;
  bottom: 60px;
  left: 50%;
  width: 940px;
  margin-left: -470px;
  z-index: 2;
}
.slideshowXXL .slide .intro span,
.slideshowXXL .slide .intro strong {
  display: inline;
  color: #fff;
  padding: 15px 15px 10px 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  visibility: hidden;
}
.slideshowXXL .slide .intro span.visible,
.slideshowXXL .slide .intro strong.visible {
  visibility: visible;
}
.slideshowXXL .slide .intro span {
  background: #5abde8;
  background: rgba(90, 189, 232, 0.9);
  font-size: 26px;
  line-height: 26px;
  bottom: 74px;
}
.slideshowXXL .slide .intro strong {
  background: #2eabe0;
  background: rgba(46, 171, 224, 0.9);
  font-size: 46px;
  line-height: 46px;
  min-width: 60px;
}
.slideshowXXL .slick-next,
.slideshowXXL .slick-prev {
  width: 20px;
  height: 70px;
  margin-top: -35px;
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/slideshow-nav.png') left top no-repeat;
}
.slideshowXXL .slick-next {
  background-position: 0 0;
  right: -60px;
}
.slideshowXXL .slick-next:hover {
  background-position: 0 -162px;
}
.slideshowXXL .slick-prev {
  background-position: 0 -70px;
  left: -60px;
}
.slideshowXXL .slick-prev:hover {
  background-position: 0 -232px;
}
.slideshowXXL .slick-dots {
  bottom: -40px;
  z-index: 3;
  margin: 0;
}
.slideshowXXL .slick-dots li {
  width: 10px;
}
.slideshowXXL .slick-dots li button {
  background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/slideshow-dots.png') left top no-repeat;
  background-position: 0 -19px;
  height: 10px;
}
.slideshowXXL .slick-dots li button:hover {
  background-position: 0 -38px;
}
.slideshowXXL .slick-dots li.slick-active button,
.slideshowXXL .slick-dots li.slick-active button:hover {
  background-position: 0 0;
}
.slideshowXXLContent {
  width: 100%;
  height: 200px;
  position: relative;
  background: #f3f0f0;
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f0f0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f0f0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f3f0f0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f0f0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f3f0f0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f0f0', GradientType=0);
  /* IE6-9 */
  padding: 60px 0 20px 0;
  margin-bottom: 40px;
}
.slideshowXXLContent .content {
  position: relative;
  width: 940px;
  background: transparent;
  margin: 0 auto;
  display: none;
}
.slideshowXXLContent .content h1,
.slideshowXXLContent .content h2,
.slideshowXXLContent .content h3,
.slideshowXXLContent .content h4,
.slideshowXXLContent .content h5,
.slideshowXXLContent .content h6 {
  margin: 0;
  padding-bottom: 15px;
  font: 400 28px/34px "cabinbold";
}
.slideshowXXLContent .content p {
  font-size: 20px;
  line-height: 27px;
  color: #555555 !important;
}
.filter,
.news-filter {
  margin: 0 0 30px !important;
  padding: 20px;
  box-shadow: 0 0 6px 0 #ccc;
}
.filter table,
.news-filter table {
  margin: 0;
  width: auto;
}
.filter table td,
.news-filter table td {
  width: auto;
}
.filter p {
  float: left;
  padding: 7px 20px 0 0;
  color: #0090D4;
  font: 400 16px/22px "cabinbold";
}
.filter select,
.news-filter select {
  width: 150px;
  color: #777;
}
.news-filter .item:first-child {
  margin: 0;
}
.news-filter .item p {
  padding-right: 20px;
}
.filter {
  margin: 0 10px 30px;
  padding: 20px;
  box-shadow: 0 0 6px 0 #ccc;
}
.filter p {
  float: left;
  padding: 4px 0 0 0;
  color: #0090D4;
  font: 400 16px/22px "cabinbold";
}
.filter .item {
  float: left;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 480px) {
  .filter {
    padding: 0;
    box-shadow: none;
    margin: 0 10px 15px;
    padding: 15px 20px 10px;
    background: #f1fbfd;
    margin: 0 !important;
  }
  .filter p {
    float: none;
    padding: 0 0 5px;
  }
  .filter .item {
    float: none;
    margin: 0 0 10px !important;
  }
  .filter .item .select2-container {
    width: 100% !important;
  }
}
select {
  font: 400 12px/16px "cabinregular";
  color: #0090d4;
}
.select2-container {
  width: 200px;
}
.select2-container .select2-choice {
  font: 400 15px/20px Arial;
  background: #fff;
  border: 1px solid #c1e4f5;
  text-align: left;
  color: #0090d4;
  height: 19px;
  padding: 10px;
  margin: 0;
  border-radius: 4px;
  box-shadow: none !important;
}
.select2-container .select2-choice .select2-arrow {
  background: none;
  border: 0;
  border-radius: 0;
  width: 23px;
}
.select2-container .select2-choice .select2-arrow b {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/arrowsLquer.png') left 11px no-repeat;
}
.select2-container .select2-choice:hover {
  background: #fff !important;
}
.select2-container .select2-choice:hover .select2-arrow b {
  background-position: left -89px;
  background-position: left 11px;
}
.select2-container.select2-drop-above {
  z-index: 10000;
}
.select2-dropdown-open .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  background: #fff;
  border: 1px solid #c1e4f5 !important;
}
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-dropdown-open.select2-drop-above .select2-choice {
  border-radius: 0 0 2px 2px;
  border-top: 0 !important;
}
.select2-drop {
  background: #fff;
  -webkit-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  border: 1px solid #c1e4f5 !important;
  border-top: 0 !important;
  /*margin-top: -5px;*/
  box-shadow: none !important;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border: 1px solid #e5e5e5 !important;
  border-bottom: 0 !important;
  padding-top: 3px;
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  margin: 0;
}
.select2-results {
  margin: 0;
  padding: 0 0 7px;
  max-height: 240px;
}
.select2-results li {
  margin: 0;
}
.select2-results .select2-result-label {
  padding: 2px 10px;
  font: 400 12px/18px Arial;
}
.select2-results .select2-highlighted {
  background: #fff !important;
  color: #0090d4;
}
.select2-results .select2-disabled {
  background: white !important;
  color: #C0C1BD;
}
.select2-search {
  padding: 0 4px;
}
.select2-search input {
  font: 400 15px/22px Arial;
  box-shadow: none !important;
  background: #fff url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/search.png') right -34px no-repeat !important;
  padding: 5px 25px 5px 10px;
  border: 1px solid #e5e5e5 !important;
  margin: 5px 0 !important;
}
.select2-no-results {
  font: 400 15px/22px Arial;
  padding: 5px 10px;
  color: #0090d4;
  background: #fff !important;
  border-radius: 0 0 2px 2px;
}
.select2-container .select2-choice {
  padding: 5px 10px;
  border-radius: 0 !important;
  font-size: 12px;
}
.select2-container .select2-choice abbr {
  background: red;
}
.select-drop .select2-results .select2-result-label {
  padding: 3px 10px;
  font: 400 12px/16px Arial;
}
.select-drop .select2-search {
  padding: 0 4px;
}
.select-drop .select2-search input {
  font: 400 12px/16px Arial;
  margin: 0 !important;
}
.select-drop .select2-no-results {
  font: 400 12px/16px Arial;
}
/* MATOMO */
.matomo > div {
  border: 0px none;
  width: 100%;
  max-width: 865px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0;
  box-sizing: border-box;
}
.matomo-opt-out__form {
  position: relative;
}
.matomo-opt-out__form input {
  border: 0 none!important;
  background: #fff !important;
  position: absolute;
  top: 13px;
  left: 4px;
  z-index: -1;
}
.matomo-opt-out__label {
  cursor: pointer;
  overflow: hidden;
  padding: 6px 0 6px 36px;
  position: relative;
  z-index: 1;
}
.matomo-opt-out__tracking-info--active,
.matomo-opt-out__tracking-info--inactive {
  display: none;
}
.prozessketten-wrapper {
  margin: 0 !important;
}
.prozesskette li.kette {
  font-family: Arial !important;
  font-size: 12px !important;
  margin: 0 !important;
}
.prozesskette ul {
  margin: 0 !important;
  font-family: Arial !important;
  font-size: 12px !important;
}
div#wrapper div.contentbox div.news-latest-container p {
  padding: 0;
}
div.news-latest-container {
  padding-top: 5px;
}
.news-single-item h2 {
  font: 400 22px/30px "cabinbold";
}
.news-list-item {
  margin: 0 !important;
  padding: 20px 0 !important;
}
.news-list-container .shadow {
  border-bottom: 1px solid #c1e4f5 !important;
}
.news-list-container h2 {
  font: 400 22px/28px "cabinmedium" !important;
  padding: 0 0 10px !important;
}
.news-list-container p {
  font: 400 14px/20px "cabinregular";
  padding: 0;
  float: none;
}
.news-list-container p.blauerPfeilRechts a {
  background-position: left 3px;
}
.news-list-container p.blauerPfeilRechts a:hover {
  background-position: left -97px;
}
.news-list-container p.news-latest-date {
  margin: -6px 0 0;
  font: 400 12px/16px "cabinregular";
  color: #aaa;
  padding: 0 0 10px;
  float: none;
  margin: 0;
  font: 400 12px/16px "cabinregular" !important;
  color: #555;
  padding: 0 0 20px;
}
.news-list-container p.newskategorie {
  font: 400 12px/16px "cabinregular";
  color: #aaa;
  padding: 0 0 2px;
  font: 400 12px/16px "cabinregular" !important;
  color: #555;
  padding: 0 0 5px;
}
.news-container .shadow {
  border: none;
}
.news-container p.newskategorie {
  font: 400 16px "cabinregular";
  color: #aaa;
  padding: 0 0 2px;
  font: 400 16px/24px "cabinregular" !important;
  color: #555;
  padding: 0 0 5px;
}
.news-container h2 {
  font: 400 22px/30px "cabinmedium" !important;
  padding: 0 0 20px !important;
  margin: 0px;
}
.news-container p {
  font: 400 16px/24px "cabinregular";
  padding-bottom: 20px;
  float: none;
}
.newst-container p.blauerPfeilRechts a {
  background-position: left 3px;
  padding: 20px 0 0 20px !important;
}
.news-container p.blauerPfeilRechts a:hover {
  background-position: left -97px;
}
.news-container p.news-date {
  margin: -6px 0 0;
  font: 400 14px/24px "cabinregular";
  color: #aaa;
  padding-bottom: 20px;
  float: none;
  margin: 0;
  font: 400 14px/24px "cabinregular" !important;
  color: #555;
  padding: 0 0 30px;
}
.page-navigation {
  background: #f1fbfd;
  text-align: right;
  border-bottom: 1px solid #c1e4f5;
}
.page-navigation:last-child {
  border-bottom: 0px solid #c1e4f5;
}
.page-navigation .browseLinksWrap {
  margin: 0;
  height: 38px;
}
.page-navigation .browseLinksWrap a,
.page-navigation .browseLinksWrap span {
  border: 0;
  padding: 10px 5px;
  min-width: 18px;
  display: inline-block;
  text-align: center;
  width: auto;
  font: 400 12px/18px "cabinbold";
  color: #0090d4;
  margin: 0 0 0 1px;
}
.page-navigation span,
.page-navigation .browseLinksWrap span {
  background: #d2ecf8;
}
.page-navigation .browseLinksWrap a:hover {
  /* background: #d2ecf8; */
  color: #555;
}
.news-single-backlink {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 30px !important;
}
.news-single-item h1 {
  padding: 0 0 5px !important;
}
.news-single-item p.newskategorie {
  font: 400 12px/16px "cabinregular";
  color: #aaa;
  padding: 0 0 30px;
}
.news-single-backlink a {
  font: 400 14px/20px "cabinregular";
  color: #0090d4 !important;
  padding: 0 0 0 20px;
  background: url("/fileadmin/templates/vdi-2014/assets/img/back.png") left 2px no-repeat;
  display: inline-block;
  text-shadow: none !important;
}
.news-single-backlink a:hover {
  color: #555 !important;
  background-color: transparent !important;
  background-position: left -98px;
}
div.csc-textpic.news-single-img div.csc-textpic-imagewrap dl.csc-textpic-image {
  width: auto !important;
}
@media screen and (max-width: 640px) {
  .news-list-item {
    padding: 10px 0 !important;
  }
  .news-list-container h2 {
    font: 400 18px/22px "cabinmedium" !important;
    padding: 0 !important;
  }
  .news-list-container p {
    display: none;
  }
  .news-list-container p.newskategorie {
    display: block;
    padding: 0  0 2px;
  }
}
.csc-textpic-intext-left .image .credits {
  display: block;
  padding-left: 0;
}
/* Glossar */
#contentwrapper_1col.glossar div.content {
  width: 515px;
}
#contentwrapper_1col.glossar div.content .csc-default {
  border-bottom: 1px solid #C4C2C2;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
#contentwrapper_1col.glossar div.content .csc-default h2 {
  font-size: 1em;
  font-weight: bold;
}
/* Glossarnavigation */
div#glossarheaderimg {
  margin-bottom: 10px;
}
ul#glossarnavigation {
  margin-bottom: 10px;
}
ul#glossarnavigation li a {
  color: #0090d4;
  text-decoration: none;
}
ul#glossarnavigation li.act a {
  color: #8cc80e;
}
ul#glossarnavigation li {
  font-weight: bold;
  text-decoration: none;
  display: inline;
  padding: 0 8px;
  border-left: 1px solid #0090d4;
  color: lightblue;
}
ul#glossarnavigation li:first-child {
  border: none;
  padding-left: 0;
}
div#glossarheaderimg img {
  margin: 0 10px;
  width: 620px;
  height: auto;
}
ul#glossarnavigation {
  margin: 0 10px 30px !important;
}
ul#glossarnavigation li {
  margin: 0 !important;
  padding: 0 7px 0 6px !important;
  border-left: 1px solid #c1e4f5 !important;
  font: 400 15px/22px "cabinbold" !important;
}
ul#glossarnavigation li:last-child {
  border-right: 1px solid #c1e4f5 !important;
}
#contentwrapper_1col.glossar div.content .csc-default {
  border-bottom: 1px solid #c1e4f5;
  margin-bottom: 20px;
  padding-bottom: 0;
  width: 620px;
}
#contentwrapper_1col.glossar div.content .csc-default h2 {
  font: 400 22px/30px "cabinmedium";
  padding-bottom: 10px !important;
}
#contentwrapper_1col.glossar div.content .csc-default p {
  padding-bottom: 20px !important;
  font: 400 14px/20px "cabinregular";
}
#contentwrapper_1col.glossar div.content .csc-default li {
  font: 400 14px/20px "cabinregular";
}
@media screen and (max-width: 640px) {
  #contentwrapper_1col.glossar div.content {
    width: 100%;
  }
  div#glossarheaderimg {
    margin: 0 10px 20px;
  }
  div#glossarheaderimg img {
    width: 100%;
    height: auto;
    margin: 0;
  }
  ul#glossarnavigation {
    margin: 0 10px 15px !important;
  }
  ul#glossarnavigation li {
    float: left;
    display: block;
    min-width: 15px;
    text-align: center;
    margin: 0 0 5px !important;
  }
  ul#glossarnavigation li a {
    display: block;
  }
  #contentwrapper_1col.glossar div.content .csc-default {
    width: auto;
    margin-bottom: 10px !important;
  }
  #contentwrapper_1col.glossar div.content .csc-default h2 {
    font: 400 18px/24px "cabinmedium", Arial;
    padding-bottom: 5px !important;
  }
  #contentwrapper_1col.glossar div.content .csc-default p {
    padding-bottom: 10px !important;
  }
  #contentwrapper_1col.glossar div.content .csc-default ul {
    margin: 0;
  }
}
div#contentwrapper_sitemap li {
  background: none!important;
}
div#contentwrapper_sitemap ul li {
  font-size: 12px;
}
div#contentwrapper_sitemap ul.level1 {
  float: left;
  margin-right: 20px;
  width: 190px;
}
div#contentwrapper_sitemap ul.level1 ul {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #D9D9D9;
}
div#contentwrapper_sitemap li.level2 ul {
  padding-top: 0;
  margin-top: 0;
  border: none;
}
div#contentwrapper_sitemap ul.level1 a {
  color: #0099CC;
  font-weight: bold;
  font-size: 1em;
  background: transparent url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/corners-blue.png') no-repeat 0 -94px;
  padding: 0 0 0 15px;
}
div#contentwrapper_sitemap li.level2 a {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/iconSprite.gif') no-repeat 0 -496px;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
  color: #9C9A9A;
  font-weight: normal;
}
div#contentwrapper_sitemap li.level3 a {
  background: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/iconSprite.gif') no-repeat 0 -496px;
  padding: 0 0 0 10px;
  margin: 0 0 0 20px;
  color: #9C9A9A;
  font-weight: normal;
}
div#contentwrapper_sitemap h2 {
  clear: both;
  text-transform: uppercase;
  color: #9C9A9A;
  font-weight: bold;
  font-size: 0.97em;
  margin-bottom: 8px;
}
div#contentwrapper_sitemap a:hover {
  text-decoration: underline;
}
div.sitemap {
  margin-bottom: 50px;
}
.csc-textpic-firstcol.csc-textpic-lastcol.infographic {
  margin-bottom: 20px;
}
/*
hr.ce-div {
    margin-bottom: 0px !important;
}
*/
hr.ce-div.media {
  margin-bottom: 0px !important;
}
.csc-default.download {
  margin: 27px 10px;
}
.csc-default.download .csc-textpic-imagewrap {
  width: 220px;
}
.csc-default.download .csc-textpic-text.media {
  padding-left: 240px;
}
.csc-default.download h2 {
  font: 400 22px/24px "cabinmedium";
  padding-bottom: 20px;
}
.csc-default.download .image {
  margin-right: 0px;
}
.csc-default.download .image img {
  max-height: 220px;
  max-width: 220px;
  height: auto;
  width: auto;
}
.csc-default.download form {
  display: inline;
}
.csc-default.download form .checkbox {
  margin-bottom: 23px;
  position: relative;
  height: 24px;
}
.csc-default.download form .checkbox input[type=checkbox] {
  display: none;
}
.csc-default.download form .checkbox input[type=checkbox]:checked {
  content: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/check_blue.svg');
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  color: #f3f3f3;
  text-align: center;
}
.csc-default.download form .checkbox label {
  font: 400 12px/20px "cabinregular";
  padding-left: 37px;
  padding-top: 5px;
  width: 20px;
  height: 20px;
}
.csc-default.download form .checkbox label:before {
  content: "";
  border: 1px solid #bae1f4;
  width: 22px;
  height: 22px;
  background: white;
  box-shadow: none;
  border-radius: 4px;
  color: white;
  line-height: 23px !important;
  left: 0;
  top: 0;
  position: absolute;
}
.csc-default.download form .checkbox input[type="checkbox"]:checked + label:before {
  content: url('../../typo3conf/ext/lf_base/Resources/Frontend/assets/img/icons/check_blue.svg');
  /*
    			color: white;
    			text-align: center;
    			box-shadow: none;
    			line-height: 23px;
    			font-size: 12px;
*/
}
.csc-default.download form .checkbox span.authority {
  color: #0090d4;
}
@media screen and (max-width: 480px) {
  .csc-default.download form .checkbox label {
    line-height: 20px;
    margin: 10px 0 10px;
    display: inline;
  }
  .csc-default.download .csc-textpic-text.media {
    padding-left: 0px;
  }
  .csc-default.download h2 {
    font: 400 18px/24px "cabinmedium";
    padding-bottom: 20px;
  }
}
.csc-default.download span.metadata {
  font: 400 14px/20px "cabinregular";
}
.download-label.prompt:before {
  border-color: red !important;
}
.download-label.prompt a span {
  color: red !important;
}
/* line 73, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
[class*='BB_'],
[class*='BB_']:before,
[class*='BB_']:after {
  box-sizing: border-box;
}
/* line 89, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_icon-link {
  display: inline-block;
  font-size: 14px;
  background-position: left 3px !important;
}
/* line 106, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_btn {
  display: inline-block;
  border-radius: 4px;
  width: 100%;
  max-width: 268px;
  padding: 12px 5px 10px 5px;
  background-color: #555;
  color: #fff !important;
  text-align: center;
}
/* line 116, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_btn:hover,
.BB_btn:active {
  color: #fff;
  background-color: #3c3b3b;
}
/* line 136, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
[class*='BB_inner-grid']:after {
  content: "";
  display: table;
  clear: both;
}
/* line 142, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
[class*='BB_inner-grid'] .BB_inner-col {
  float: left;
  width: 100%;
  padding: 0 20px;
  border-left: 1px solid #ccc;
  margin-bottom: 20px;
}
@media only screen and (max-width: 639px) {
  /* line 142, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  [class*='BB_inner-grid'] .BB_inner-col {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
  }
  /* line 153, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  [class*='BB_inner-grid'] .BB_inner-col:last-of-type {
    border-bottom: 0;
  }
}
.BB_outter-grid h3 {
  color: #61cafb;
  font: 400 26px/30px "cabinregular" !important;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 20px;
}
/* line 164, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_inner-grid--1 .BB_inner-col {
  clear: both;
  overflow: hidden;
  width: 100%;
  border-left: none;
}
/* line 176, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_inner-grid--2 .BB_inner-col {
  width: 50%;
}
/* line 179, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_inner-grid--2 .BB_inner-col:nth-child(2n+1) {
  border-left: none;
}
/* line 183, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_inner-grid--2 .BB_inner-col:nth-child(odd) {
  clear: both;
  overflow: hidden;
}
@media only screen and (max-width: 639px) {
  /* line 176, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--2 .BB_inner-col {
    clear: both;
    overflow: hidden;
    width: 100%;
    border-left: none;
  }
}
@media only screen and (min-width: 980px) {
  /* line 201, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--3 .BB_inner-col {
    width: 33.333%;
  }
  /* line 206, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--3 .BB_inner-col:nth-child(3n+1) {
    border-left: none;
  }
  /* line 210, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--3 .BB_inner-col:nth-child(4n) {
    clear: both;
    overflow: hidden;
  }
}
@media only screen and (max-width: 979px) and (min-width: 640px) {
  /* line 201, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--3 .BB_inner-col {
    width: 50%;
  }
  /* line 219, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--3 .BB_inner-col:nth-child(2n+1) {
    border-left: none;
  }
  /* line 223, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--3 .BB_inner-col:nth-child(odd) {
    clear: both;
    overflow: hidden;
  }
}
@media only screen and (max-width: 639px) {
  /* line 201, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--3 .BB_inner-col {
    clear: both;
    overflow: hidden;
    width: 100%;
    border-left: none;
  }
}
@media only screen and (min-width: 980px) {
  /* line 242, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--4 .BB_inner-col {
    width: 25%;
  }
  /* line 247, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--4 .BB_inner-col:nth-child(4n+1) {
    border-left: none;
  }
  /* line 251, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--4 .BB_inner-col:nth-child(5n) {
    clear: both;
    overflow: hidden;
  }
}
@media only screen and (max-width: 979px) and (min-width: 640px) {
  /* line 242, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--4 .BB_inner-col {
    width: 50%;
  }
  /* line 260, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--4 .BB_inner-col:nth-child(2n+1) {
    border-left: none;
  }
  /* line 264, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--4 .BB_inner-col:nth-child(odd) {
    clear: both;
    overflow: hidden;
  }
}
@media only screen and (max-width: 639px) {
  /* line 242, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--4 .BB_inner-col {
    clear: both;
    overflow: hidden;
    width: 100%;
    border-left: none;
  }
}
@media only screen and (min-width: 980px) {
  /* line 283, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--5 .BB_inner-col {
    width: 20%;
  }
  /* line 288, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--5 .BB_inner-col:nth-child(5n+1) {
    border-left: none;
  }
  /* line 292, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--5 .BB_inner-col:nth-child(6n) {
    clear: both;
    overflow: hidden;
  }
}
@media only screen and (max-width: 979px) and (min-width: 640px) {
  /* line 283, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--5 .BB_inner-col {
    width: 33.333%;
  }
  /* line 301, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--5 .BB_inner-col:nth-child(3n+1) {
    border-left: none;
  }
  /* line 305, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--5 .BB_inner-col:nth-child(4n) {
    clear: both;
    overflow: hidden;
  }
}
@media only screen and (max-width: 639px) {
  /* line 283, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_inner-grid--5 .BB_inner-col {
    clear: both;
    overflow: hidden;
    width: 100%;
    border-left: none;
  }
}
/* line 333, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_outter-grid:after {
  content: "";
  display: table;
  clear: both;
}
/* line 343, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
[class*='BB_outter-col--'] {
  float: left;
  padding: 0 10px 60px 10px;
}
@media only screen and (min-width: 980px) {
  /* line 350, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_outter-col--1-4 {
    width: 25%;
  }
}
@media only screen and (max-width: 979px) and (min-width: 640px) {
  /* line 350, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_outter-col--1-4 {
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  /* line 350, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_outter-col--1-4 {
    width: 100%;
  }
}
@media only screen and (min-width: 980px) {
  /* line 366, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_outter-col--1-2 {
    width: 50%;
  }
}
@media only screen and (max-width: 979px) and (min-width: 640px) {
  /* line 366, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_outter-col--1-2 {
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  /* line 366, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_outter-col--1-2 {
    width: 100%;
  }
}
@media only screen and (min-width: 980px) {
  /* line 382, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_outter-col--3-4 {
    width: 75%;
  }
}
@media only screen and (max-width: 979px) and (min-width: 640px) {
  /* line 382, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_outter-col--3-4 {
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  /* line 382, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .BB_outter-col--3-4 {
    width: 100%;
  }
}
/* line 397, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_outter-col--1-1 {
  width: 100%;
}
/* line 410, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box {
  padding: 20px 0 0 0;
  background: #f9f9f9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* line 415, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box h2 {
  font: 400 16px/22px "cabinbold";
  color: #555;
  padding: 0;
  margin: 0 0 10px 0;
}
/* line 422, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box h2 > a {
  color: #0090d4;
}
/* line 425, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box h2 > a:hover,
.BB_box h2 > a:active {
  color: #007399;
}
/* line 431, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box p {
  font-size: 14px;
  line-height: 22px;
  padding: 0;
  margin-bottom: 8px;
}
/* line 438, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box footer {
  padding: 0 20px 14px 20px;
}
/* line 441, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box footer p {
  text-align: right;
  margin: 0;
}
/* line 452, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box.BB_box--theme-a {
  background: #edfaff;
}
/* line 455, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box.BB_box--theme-a .BB_btn {
  background-color: #0090d4;
}
/* line 458, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box.BB_box--theme-a .BB_btn:hover,
.BB_box.BB_box--theme-a .BB_btn:active {
  color: #fff;
  background-color: #007399;
}
/* line 465, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box.BB_box--theme-a .BB_inner-col {
  border-color: #9fdef2;
}
/* line 470, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box.BB_box--theme-b {
  background: #f2fbea;
}
/* line 473, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box.BB_box--theme-b .BB_btn {
  background-color: #69b000;
}
/* line 476, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box.BB_box--theme-b .BB_btn:hover,
.BB_box.BB_box--theme-b .BB_btn:active {
  color: #fff;
  background-color: #4b7d00;
}
/* line 483, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.BB_box.BB_box--theme-b .BB_inner-col {
  border-color: #69b000;
}
/* line 500, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.helper--min-height-92 {
  min-height: 92px;
}
@media only screen and (max-width: 979px) and (min-width: 640px) {
  /* line 500, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .helper--min-height-92 {
    min-height: 0;
  }
}
@media only screen and (max-width: 639px) {
  /* line 500, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .helper--min-height-92 {
    min-height: 0;
  }
}
/* line 512, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.helper--min-height-128 {
  min-height: 128px;
}
@media only screen and (max-width: 979px) and (min-width: 640px) {
  /* line 512, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .helper--min-height-128 {
    min-height: 0;
  }
}
@media only screen and (max-width: 639px) {
  /* line 512, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .helper--min-height-128 {
    min-height: 0;
  }
}
/* line 524, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
.helper--min-height-262 {
  min-height: 262px;
}
@media only screen and (max-width: 979px) and (min-width: 640px) {
  /* line 524, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .helper--min-height-262 {
    min-height: 0;
  }
}
@media only screen and (max-width: 639px) {
  /* line 524, Users/benjaminbinder/Desktop/Ressource Deutschland/Entwurf/bb-style.scss */
  .helper--min-height-262 {
    min-height: 0;
  }
}
.sub-nav {
  box-sizing: border-box;
  z-index: 1;
  position: relative;
}
.sub-nav:after {
  content: "";
  border-bottom: 1px solid #bbb;
  display: block;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}
.sub-nav * {
  box-sizing: border-box;
}
.sub-nav-list-level-1 {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-nav-list-level-1 > .sub-nav-item > a,
.sub-nav-list-level-1 > .sub-nav-item > span {
  padding: 12px 10px 9px;
}
@media screen and (max-width: 420px) {
  .sub-nav-list-level-1 > .sub-nav-item {
    flex: 1 1 auto;
    border-left: 1px solid #bbb;
  }
  .sub-nav-list-level-1 > .sub-nav-item:first-of-type {
    border-left: none;
  }
  .sub-nav-list-level-1 > .sub-nav-item > a,
  .sub-nav-list-level-1 > .sub-nav-item > span {
    width: 100%;
    padding: 12px 5px 9px;
    text-align: center;
  }
}
.sub-nav-item {
  cursor: pointer;
  display: flex;
  margin: 0;
}
.sub-nav-item a,
.sub-nav-item span {
  color: #555555;
}
.sub-nav-item.open > a,
.sub-nav-item.open > span,
.sub-nav-item.active > a,
.sub-nav-item.active > span {
  color: #0090d4;
}
ul.sub-nav-list-level-2 {
  visibility: hidden;
  opacity: 0;
  display: none;
  position: absolute;
  flex-wrap: wrap;
  list-style: none;
  margin: -1px 0 0 0;
  padding: 18px 0 15px 0;
  top: 100%;
  left: 0;
  z-index: 99;
}
ul.sub-nav-list-level-2:after {
  content: "";
  border-top: 1px solid #bbb;
  display: block;
  background-color: #f7f6f7;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}
ul.sub-nav-list-level-2 .sub-nav-item {
  flex: 0 0 316px;
  max-width: 316px;
}
ul.sub-nav-list-level-2 .sub-nav-item a,
ul.sub-nav-list-level-2 .sub-nav-item span {
  padding: 15px 10px;
  display: block;
}
@media screen and (max-width: 860px) {
  ul.sub-nav-list-level-2 .sub-nav-item {
    flex: 0 1 320px;
    max-width: 320px;
  }
  ul.sub-nav-list-level-2 .sub-nav-item a,
  ul.sub-nav-list-level-2 .sub-nav-item span {
    font-size: 14px;
    padding: 10px 10px;
  }
}
@media screen and (max-width: 480px) {
  ul.sub-nav-list-level-2 .sub-nav-item {
    flex: 1 1 320px;
    max-width: none;
  }
}
.prettymuchjustatest {
  display: none;
}
/*
316
211
320
*/
.sub-nav-list-level-1 .sub-nav-item.open > span,
.sub-nav-list-level-1 .sub-nav-item.open > a {
  position: relative;
}
.sub-nav-list-level-1 .sub-nav-item.open > span:after,
.sub-nav-list-level-1 .sub-nav-item.open > a:after,
.sub-nav-list-level-1 .sub-nav-item.open > span:before,
.sub-nav-list-level-1 .sub-nav-item.open > a:before {
  top: 97%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 9999999;
}
.sub-nav-list-level-1 .sub-nav-item.open > span:after,
.sub-nav-list-level-1 .sub-nav-item.open > a:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
.sub-nav-list-level-1 .sub-nav-item.open > span:before,
.sub-nav-list-level-1 .sub-nav-item.open > a:before {
  border-color: rgba(187, 187, 187, 0);
  border-top-color: #bbb;
  border-width: 16px;
  margin-left: -16px;
}
.sub-nav-list-level-1 .sub-nav-item.open .sub-nav-list-level-2 {
  visibility: visible;
  opacity: 1;
  display: flex;
}
.toc-nav {
  margin-bottom: 15px;
}
.toc-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0 !important;
}
.toc-item {
  list-style: none;
  font-size: 14px;
}
.toc-item a,
.toc-item > span {
  border-bottom: 1px solid transparent;
  color: #555555;
}
.toc-item a:hover,
.toc-item a:active,
.toc-item a:focus {
  border-bottom: 1px solid #0090d4;
  color: #0090d4;
}
.toc-item.active a,
.toc-item.active > span {
  border-bottom: 1px solid transparent;
  color: #0090d4;
}
.related-links,
.appendix-links {
  box-sizing: border-box;
  display: flex;
  margin-bottom: 40px;
}
.related-links *,
.appendix-links * {
  box-sizing: border-box;
}
.related-links .text p:last-of-type,
.appendix-links .text p:last-of-type {
  padding-bottom: 0;
}
.related-links ul,
.appendix-links ul {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.related-links li,
.appendix-links li {
  margin: 0 !important;
  padding: 5px 0 !important;
  background: none !important;
}
.related-links li a,
.appendix-links li a {
  margin-bottom: 0;
}
.related-links-col,
.appendix-links-col {
  flex: 1 0 50%;
}
@media screen and (max-width: 480px) {
  .related-links-col,
  .appendix-links-col {
    flex: 1 0 100%;
  }
}
.related-links {
  padding: 45px 10px 40px;
  position: relative;
}
.related-links::after {
  background-color: #f7f6f7;
  bottom: 0;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}
.related-links h1,
.related-links h2,
.related-links h3,
.related-links h4,
.related-links h5,
.related-links h6 {
  color: #555555;
  font: 400 20px/26px 'cabinregular', Arial;
  padding: 0 0 20px;
}
.related-links a,
.related-links span {
  display: inline-block;
  margin-bottom: 5px;
}
.related-links a,
.related-links span {
  background-position: left 4px !important;
  display: inline-block;
  margin-bottom: 5px;
}
.related-links a:hover,
.related-links span:hover,
.related-links a:active,
.related-links span:active,
.related-links a:focus,
.related-links span:focus {
  background-position: left -96px !important;
}
.appendix-links h1,
.appendix-links h2,
.appendix-links h3,
.appendix-links h4,
.appendix-links h5,
.appendix-links h6 {
  color: #0090d4;
  font: 400 20px/26px 'cabinregular', Arial;
  padding: 0 0 20px;
}
.appendix-links li {
  border-top: 1px solid #bbb;
  margin-right: 40px;
  padding: 5px 0;
}
.appendix-links li:last-of-type {
  border-bottom: 1px solid #bbb;
}
@media screen and (max-width: 640px) {
  .appendix-links li {
    margin-right: 0;
  }
}
.appendix-links a,
.appendix-links span {
  background-position: left -96px !important;
  color: #555555;
  display: inline-block;
  margin-bottom: 0 !important;
}
.appendix-links a:hover,
.appendix-links span:hover,
.appendix-links a:active,
.appendix-links span:active,
.appendix-links a:focus,
.appendix-links span:focus {
  background-position: left 4px !important;
  color: #0090d4;
}
.appendix {
  list-style: none !important;
  margin: 0 !important;
  padding: 0;
}
.appendix li {
  margin-left: 0 !important;
  margin-bottom: 15px;
  position: relative;
}
.appendix-reference {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.appendix-body {
  display: block;
  overflow: hidden;
  margin-left: 30px;
}
.appendix-text {
  display: block;
}
.appendix-link-wrap .appendix-link-marker {
  background-position: left 4px !important;
}
.appendix-link-wrap:hover .appendix-link-marker,
.appendix-link-wrap:active .appendix-link-marker,
.appendix-link-wrap:focus .appendix-link-marker {
  color: #555555;
  background-position: left -96px !important;
}
.appendix-link-wrap:hover .appendix-link-text,
.appendix-link-wrap:active .appendix-link-text,
.appendix-link-wrap:focus .appendix-link-text {
  color: #0090d4;
}
.appendix-link-marker {
  color: #0090d4;
  float: left;
  padding-right: 10px;
  text-transform: uppercase;
}
.appendix-link-text {
  color: #555555;
  display: block;
  overflow: hidden;
  word-break: break-word;
}
table.fancy-table {
  border: 0 !important;
}
table.fancy-table thead {
  border: 0 !important;
}
table.fancy-table thead th {
  background-color: #21b6fc !important;
  border: 0 !important;
  color: #fff !important;
  font: 400 18px/24px 'cabinregular', Arial !important;
  padding: 16px 10px 10px !important;
}
table.fancy-table tbody tr {
  background-color: #0090d4 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0;
  border-top: 1px solid #fff !important;
  color: #fff !important;
}
table.fancy-table tbody tr:first-of-type {
  border-top: 0 !important;
}
table.fancy-table tbody tr th,
table.fancy-table tbody tr td {
  border: 0;
  border-right: 1px solid #fff !important;
  font: 400 14px/18px 'cabinregular', Arial !important;
  padding: 13px 10px 10px !important;
}
table.fancy-table tbody tr th:last-of-type,
table.fancy-table tbody tr td:last-of-type {
  border-right: 0 !important;
}
.media-table table.fancy-table {
  margin-bottom: 10px !important;
}
.sm-image-wrap {
  display: flex;
  justify-content: center;
  margin: 0 10px 20px 10px;
}
.sm-image-wrap .csc-textpic-caption {
  max-width: 100%;
}
.sm-image-wrap-align-left {
  justify-content: flex-start;
}
.sm-image-wrap-align-right {
  justify-content: flex-end;
}
.sm-image a {
  display: block;
}
.sm-image img {
  max-width: 100%;
  height: auto;
}
.strategies #breadcrumb {
  height: auto;
  min-height: 110px;
  display: flex;
}
.strategies #breadcrumb .wrap {
  height: auto;
  min-height: 110px;
  display: flex;
  align-items: center;
}
.strategies #breadcrumb h6 {
  text-align: right;
  font: 400 34px/40px cabinregular;
  color: #fff;
  letter-spacing: 0.04em;
  margin-right: 0 10px;
  width: 100%;
  padding: 35px 0;
}
@media screen and (max-width: 980px) {
  .strategies #breadcrumb h6 {
    font: 400 24px/30px cabinregular;
    text-align: left;
  }
}
.strategies #breadcrumb ul {
  bottom: 20px;
}
.strategies .csc-default h3 {
  font-size: 21px !important;
}
@media screen and (max-width: 480px) {
  .strategies .csc-default h3 {
    font-size: 18px !important;
  }
}
.csc-default {
  margin: 0 10px 20px;
}
.csc-default h1,
.csc-default h2,
.csc-default h3,
.csc-default h4,
.csc-default h5,
.csc-default h6,
.csc-default .text {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px;
}
/* IE11 Fix for cookie consent banner */
.cc-floating.cc-window .cc-compliance {
  flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
}
/* cookiebot fix */
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  background-color: white !important;
  border: none !important;
}
/* cookiebot end */
.yt-agreement .yt-agreement-icon {
  margin-top: 0.5em;
}

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

@media (max-width: 1550px ){

	.cc-bottom {
		bottom: 7em;
	}

}