/*
This file is part of the TYPO3 CMS project.

It is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License, either version 2
of the License, or any later version.

For the full copyright and license information, please read the
LICENSE.txt file that was distributed with this source code.

The TYPO3 project - inspiring people to share!
*/
/*
    Created on : 11.08.2016, 10:55:54
    Author     : Kevin Ditscheid <ditscheid@engine-productions.de>
*/
@font-face {
	font-family: 'icomoon';
	src:  url('../Fonts/icomoon.eot?kkbozc');
	src:  url('../Fonts/icomoon.eot?kkbozc#iefix') format('embedded-opentype'),
		url('../Fonts/icomoon.ttf?kkbozc') format('truetype'),
		url('../Fonts/icomoon.woff?kkbozc') format('woff'),
		url('../Fonts/icomoon.svg?kkbozc#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('../Fonts/fontawesome-webfont.eot?v=4.6.3');
	src: url('../Fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
		url('../Fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
		url('../Fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),
		url('../Fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
		url('../Fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/roboto-slab-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto-slab-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-slab-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-slab-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-slab-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-slab-v24-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

body,
.htmlarea-content-body{
	font-size: 18px;
	font-family: 'Roboto Slab',sans-serif;
}
.htmlarea-content-body{
	background: #ccc;
}
.fa{
	line-height: inherit;
}

/* FONT SIZE */
.size-small{ font-size: 14px; }
span.size-normal, p.size-normal,.size-normal{ font-size: 18px; }
.size-20{ font-size: 20px; }
span.size-medium, p.size-medium,.size-medium{ font-size: 30px; margin: 0; }
span.size-large, p.size-large,.size-large{ font-size: 65px; line-height: 1; }

/* FONT FAMILY */
span.roboto, p.roboto, .roboto{ font-family: "Roboto",sans-serif; }
span.robotoslab, p.robotoslab, .robotoslab{ font-family: "Roboto Slab"; }


/* TEXT ALIGNMENT */
p.align-left,h1.align-left,h2.align-left,h3.align-left,h4.align-left,h5.align-left,h6.align-left,.align-left{ text-align: left; }
p.align-center,h1.align-center,h2.align-center,h3.align-center,h4.align-center,h5.align-center,h6.align-center,.align-center{ text-align: center; }
p.align-right,h1.align-right,h2.align-right,h3.align-right,h4.align-right,h5.align-right,h6.align-right,.align-right{ text-align: right; }
span.float-right, p.float-right,.float-right{ display: block; float: right; }
span.float-left, p.float-left,.float-left{ display: block; float: left; }

/* LINKS */
a,a:hover,a:active{ text-decoration: none; color: #000; }

a.more{ display: inline-block; padding: 5px; }
a.more:before{ content: "\f061"; font-family: "FontAwesome"; display: inline; padding-right: 10px; }

a.more-slim{ display: inline-block; padding: 5px; }
a.more-slim:before{ content: "➜"; display: inline; margin-right: 5px; }

a.more-button,
.more-button{ font-family:"Roboto"; text-decoration: none; font-weight: bold; color: #000; background: #fff; display: inline-block; padding: 12px 9px; border: 1px solid #DFDFDD; position: relative; }
a.more-button:hover,
a.more-button:focus,
.more-button:hover,
.more-button:focus{ background: #ddddd7; }

a.find{ font-family: "Roboto"; text-decoration: none; font-weight: normal; color: #fff; background: #f35c1a; display: inline-block; padding: 5px 30px 5px 30px; margin-top: 10px; border: 2px solid transparent; border-radius: 8px; }
/*a.find:before{ content: "\f0a9"; vertical-align: middle; font-family: "FontAwesome"; display: inline; font-size: 25px; margin-right: 20px; }*/
a.find:hover,
a.find:focus{ background: transparent; border-color: #fff; }
a.download{ font-family: "Roboto"; text-decoration: none; color: #f35c1a; }
.knowledge-list-link-wrapper .download-link-pdf a.download{
	margin-left: 30px;
}
a.download:before{ content: "⇣"; text-indent: -9999px; vertical-align: middle; display: inline-block; width: 33px; height: 33px; background-image: url(../Images/Icons/download.svg); background-size: contain; background-repeat: no-repeat; font-size: 33px; margin-right: 20px; }
@media screen and (max-width: 1200px){
	.knowledge-list-link-wrapper .download-link a.download{
		display: block;
	}
	.knowledge-list-link-wrapper .download-link-pdf a.download{
		margin-left: 0;
		margin-top: 20px;
	}
}

.moreTextHidden{font-style:italic;color:#7b7b7b;}

/* ICONS */
span.icon-arrow-round-right:after,
a.icon-arrow-round-right:after,
.icon-arrow-round-right:after,
span.icon-arrow-round-right-before:before,
a.icon-arrow-round-right-before:before,
.icon-arrow-round-right-before:before,
.moreTextLink:before{ content: "➜"; text-indent: -9999px; display: inline-block; margin-right: 24px;  width: 33px; height: 33px; background-image: url(../Images/Icons/link-arrow.svg); background-size: contain; background-repeat: no-repeat; color: #f25c1a; font-size: 33px; vertical-align: middle; }

.reconstruction a:before{ position:relative; left: -80px; }
.reconstruction span.icon-arrow-round-right-before::before,
.reconstruction a.icon-arrow-round-right-before::before,
.reconstruction .icon-arrow-round-right-before::before { margin-right: -33px; }

span.icon-arrow-round-right:after,
a.icon-arrow-round-right:after,
.icon-arrow-round-right:after{ margin-left: 12px; }
span.icon-arrow-round-right-before:before,
a.icon-arrow-round-right-before:before,
.icon-arrow-round-right-before:before{ margin-right: 12px; }
.icon-arrow-round-right,
.icon-arrow-round-right-before, .moreTextLink{ color: #000; text-decoration: underline;}

.icon-arrow-round-down:after{ content: "↓"; transform: rotate(90deg); }
.icon-arrow-round-up:after{ content: "↑"; transform: rotate(-90deg); }

.icon-arrow-round-left:after{ left: 12px; right: auto; }
.icon-arrow-round-left{ padding-right: 0; padding-left: 35px; }

/* COLOR DEFINITIONS */
p.background-blue, div.background-blue, .background-blue{ background-color: #95c5d8; color: #fff; }
p.background-blue-icon, div.background-blue-icon, .background-blue-icon{ background-color: #95c5d8; color: #fff; }
p.background-white, div.background-white, .background-white{ background-color: #fff; color: #000; }
p.background-darkblue, div.background-darkblue, .background-darkblue{ background-color: #006374; color: #fff; }
p.background-orange, div.background-orange, .background-orange{ background-color: #f35c1a; color: #fff; }
p.background-ivory, div.background-ivory, .background-ivory{ background-color: #eae9e7; color: #000; }
p.background-darkivory, div.background-darkivory, .background-darkivory{ background-color: #7b7b7b; color: #fff; }

.background-blue a, a.background-blue{ color: #fff; }
.background-white a, a.background-white{ color: #000; }
.background-darkblue a, a.background-darkblue{ color: #fff; }
.background-orange a, a.background-orange{ color: #fff; }
.background-ivory a, a.background-ivory{ color: #000; }
.background-darkivory a, a.background-darkivory{ color: #fff; }
.background-blue-icon a, a.background-blue-icon{ color: #fff; }
.background-dark { min-height: 400px; background-color: #151010; opacity: 0.6;}


/*HEADLINES*/
.background-blue > h2 { color:#006374; text-align: center; text-decoration: underline; font-size: 1.8em;}
.background-ivory > h2 { color:#7c7e6e; text-align: center; text-decoration: underline; font-size: 1.8em;}

/* FONT COLORS */
span.color-black, p.color-black, .color-black, .color-black a, a.color-black{ color: #000; }
span.color-white, p.color-white, .color-white, .color-white a, a.color-white{ color: #fff; }
span.color-blue, p.color-blue, .color-blue, .color-blue a, a.color-blue{ color: #95c5d8; }
span.color-darkblue, p.color-darkblue, .color-darkblue, .color-darkblue a, a.color-darkblue, .color_darkblue{ color: #006374; }
span.color-orange, p.color-orange, .color-orange, .color-orange a, a.color-orange, .color_orange{ color: #f35c1a; }    
span.color-ivory, p.color-ivory, .color-ivory, .color-ivory a, a.color-ivory{ color: #eae9e7; }
span.color-darkivory, p.color-darkivory, .color-darkivory, .color-darkivory a, a.color-darkivory,.color_white{ color: #7b7b7b; }

.color-white a:hover, a.color-white:hover{ color: #000; }
.color-darkivory a:hover, a.color-darkivory:hover{ color: #006374; }

/* SPECIAL MARGIN */
p.no-margin{ margin: 0; }

.uppercase{ text-transform: uppercase; }

.bigger {
	font-size: 50px;
	font-weight: normal;
}
.big {
	font-size: 40px;
	font-weight: normal;
}
.normal {
	font-size: 18px;
	font-weight: normal;
}


h2 {margin-top: 0;}
h3 {font-weight: normal;}
.weightNormal {font-weight: normal !important;}
.weightMedium {font-weight: bold !important;}
.weightStrong {font-weight: bolder !important;}
a.black-underline {
    color: black;
    text-decoration: underline;
}

h3.no-margin, p.no-margin {
    margin: 0;
}

.blueContainer {
    background-color: #CFE3E6;
    padding: 10px;
}

.sub-header > p {margin-bottom: 5px;}
@media screen and (max-width: 600px){
	span.size-large, p.size-large,.size-large{ font-size: 40px; }
}
@media screen and (max-width: 550px){
	span.size-medium, p.size-medium,.size-medium{ font-size: 18px; }
}
@media screen and (min-width: 335px){
	span.icon-arrow-round-right:after,
	a.icon-arrow-round-right:after,
	.icon-arrow-round-right:after,
        span.icon-arrow-round-right-before::before,
        a.icon-arrow-round-right-before::before, 
        .icon-arrow-round-right-before::before{ margin-right: 48px; }
         .column-3 .contentelement span.icon-arrow-round-right-before::before, 
        .column-3 .contentelement a.icon-arrow-round-right-before::before, 
        .column-3 .contentelement .icon-arrow-round-right-before::before{ margin-right: 12px;}

}