@font-face {
	font-family: "TheSans_LT_400_";
	src: url("/bitkom/org/Layout/fonts/TheSans-LT-400.eot");
	src: url("/bitkom/org/Layout/fonts/TheSans-LT-400.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans-LT-400.woff") format("woff"), url("../fonts/TheSans-LT-400.svg#TheSans_LT_400_") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "TheSans_B4_400_sc";
	src: url("/bitkom/org/Layout/fonts/TheSans-B4-400-sc.eot");
	src: url("/bitkom/org/Layout/fonts/TheSans-B4-400-sc.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans-B4-400-sc.woff") format("woff"), url("../fonts/TheSans-B4-400-sc.svg#TheSans_B4_400_sc") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "TheSans_B4_500_";
	src: url("/bitkom/org/Layout/fonts/TheSans-B4-500.eot");
	src: url("/bitkom/org/Layout/fonts/TheSans-B4-500.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans-B4-500.woff") format("woff"), url("../fonts/TheSans-B4-500.svg#TheSans_B4_500_") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "TheSans_B2_800_";
	src: url("/bitkom/org/Layout/fonts/TheSans-B2-800.eot");
	src: url("/bitkom/org/Layout/fonts/TheSans-B2-800.eot?#iefix") format("embedded-opentype"), url("/bitkom/org/Layout/fonts/TheSans-B2-800.woff") format("woff"), url("../fonts/TheSans-B2-800.svg#TheSans_B2_800_") format("svg");
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: "TheSerif-700_";
	src: url("/bitkom/org/Layout/fonts/TheSerif-700.eot");
	src: url("/bitkom/org/Layout/fonts/TheSerif-700.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSerif-700.woff") format("woff"), url("../fonts/TheSerif-700.svg#TheSerif_700_") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "TheSerif_700_sc";
	src: url("/bitkom/org/Layout/fonts/TheSerif-700-sc.eot");
	src: url("/bitkom/org/Layout/fonts/TheSerif-700-sc.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSerif-700-sc.woff") format("woff"), url("../fonts/TheSerif-700-sc.svg#TheSerif_700_sc") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "TheSerif_400i";
	src: url("/bitkom/org/Layout/fonts/TheSerif-400i.eot");
	src: url("/bitkom/org/Layout/fonts/TheSerif-400i.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSerif-400i.woff") format("woff"), url("../fonts/TheSerif-400i.svg#TheSerif_400i") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "TheSerif_400_";
	src: url("/bitkom/org/Layout/fonts/TheSerif-400.eot");
	src: url("/bitkom/org/Layout/fonts/TheSerif-400.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSerif-400.woff") format("woff"), url("../fonts/TheSerif-400.svg#TheSerif_400_") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_extends.scss */

.input-picker .ws-picker-body,
.input-picker .ws-button-row,
.input-picker .picker-grid,
.input-picker .picker-list,
.input-picker .ws-options button {
	zoom: 1;
}

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_extends.scss */

.input-picker .ws-picker-body:before,
.input-picker .ws-button-row:before,
.input-picker .picker-grid:before,
.input-picker .picker-list:before,
.input-picker .ws-options button:before,
.input-picker .ws-picker-body:after,
.input-picker .ws-button-row:after,
.input-picker .picker-grid:after,
.input-picker .picker-list:after,
.input-picker .ws-options button:after {
	display: table;
	clear: both;
	content: ' ';
}

/* line 4, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-important-hide {
	display: none !important;
	visibility: hidden !important;
	position: absolute;
	top: -999999px;
}

/* line 11, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-po-box button,
.ws-custom-file > button,
.ws-capture-file > button {
	display: inline-block;
	overflow: visible;
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
	-webkit-appearance: none;
	appearance: none;
	font-family: inherit;
	background: transparent;
	cursor: pointer;
	font-size: inherit;
	line-height: inherit;
	touch-action: none;
}

/* line 27, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-po-box button::-moz-focus-inner,
.ws-custom-file > button::-moz-focus-inner,
.ws-capture-file > button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* line 32, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-po-box button[disabled],
.ws-custom-file > button[disabled],
.ws-capture-file > button[disabled] {
	cursor: default;
	color: #888;
}

/* line 38, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

[hidden] {
	display: none;
}

/* line 39, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

/* line 43, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

audio {
	display: none;
	height: 0;
	width: 0;
	overflow: hidden;
}

/* line 50, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

video {
	overflow: hidden;
}

/* line 55, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

video,
audio[controls] {
	display: inline-block;
	min-height: 45px;
	min-width: 40px;
}

/* line 62, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

audio[controls] {
	width: 300px;
}

/* line 66, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.polyfill-mediaelement > iframe {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

/* line 74, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.flashblocker-assumed {
	min-height: 20px;
	min-width: 20px;
	z-index: 99999;
}

/* line 80, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.cue-display {
	position: absolute !important;
	margin: 0;
	padding: 0px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	border: none !important;
	background: none !important;
	text-align: center;
	visibility: hidden;
	font-family: sans-serif;
	font-size: 12px;
	white-space: pre-wrap;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* line 98, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.cue-display b {
	font-weight: bold;
}

/* line 102, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.cue-display i {
	font-style: italic;
}

/* line 106, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.cue-display u {
	text-decoration: underline;
}

/* line 110, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.cue-display span.cue-wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 160%;
	color: #fff;
	visibility: visible !important;
	pointer-events: none;
}

/* line 125, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.cue-display .cue-line {
	display: block;
}

/* line 129, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.cue-display span.cue {
	display: inline-block;
	padding: 3px 5px;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
}

/* line 137, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.cue-display .description-cues {
	position: absolute;
	top: -99px;
	left: -99px;
	display: block;
	width: 5px;
	height: 5px;
	overflow: hidden;
}

/* line 148, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* reset */

/* line 159, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.placeholder-box,
.placeholder-text,
.details-open-indicator,
progress span.progress-value {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	background: transparent none;
}

/* line 166, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

output {
	position: relative;
}

/* line 170, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.webshims-visual-hide {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* placeholder */

/* line 182, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.placeholder-box {
	position: relative;
	display: inline-block;
	zoom: 1;
}

/* line 188, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.placeholder-box-input {
	vertical-align: bottom;
}

/* line 192, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.placeholder-box-left {
	float: left;
}

/* line 196, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.placeholder-box-right {
	float: right;
}

/* line 200, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.placeholder-text {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #999;
	line-height: 1;
	cursor: text;
}

/* line 211, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.placeholder-visible .placeholder-text,
.placeholder-text.placeholder-visible {
	display: inline-block;
}

/* line 215, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.placeholder-box-input .placeholder-text {
	white-space: nowrap;
}

/* line 220, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.placeholder-visible {
	color: #999;
}

/* line 224, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.placeholder-focused.placeholder-visible {
	color: #ccc;
}

/*
 * popovers
 */

/* line 231, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-popover {
	font-size: 13px;
	display: block;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	outline: none;
	padding: 0 0.92308em 0;
	margin: 0 0 0 -0.92308em;
	z-index: 1100;
	min-width: 3.84615em;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: visibility 400ms ease-in-out;
	transition: visibility 400ms ease-in-out;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	direction: ltr;
	-webkit-tap-highlight-color: transparent;
}

/* line 255, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-popover.ws-popover-constrained-width {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* line 258, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-popover.ws-is-rtl {
	direction: rtl;
	margin: 0 0 0 0.92308em;
}

/* line 263, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-popover.no-transition {
	display: none;
}

/* line 267, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-popover.ws-po-visible {
	visibility: visible;
	display: block;
}

/* line 273, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-popinline {
	position: relative;
	visibility: visible;
	display: none;
}

/* line 279, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-po-outerbox {
	position: relative;
	opacity: 0;
	padding: 0.84615em 0 0.69231em;
	-webkit-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

/* line 288, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

[data-vertical="bottom"] .ws-po-outerbox {
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	padding: 0.30769em 0 0.84615em;
}

/* line 294, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

[data-vertical="middle"] .ws-po-outerbox {
	-webkit-transform: translate(0, 0) scale(0.3);
	-ms-transform: translate(0, 0) scale(0.3);
	transform: translate(0, 0) scale(0.3);
	padding: 0.30769em 0;
}

/* line 301, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-popover.ws-po-visible .ws-po-outerbox,
div.ws-popover[data-vertical][data-horizontal].ws-po-visible .ws-po-outerbox {
	opacity: 1;
	-webkit-transform: translate(0, 0) scale(1);
	-ms-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1);
}

/* line 308, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-po-box {
	border: 0.07692em solid #ccc;
	background: #fff;
	color: #000;
	padding: 0.38462em 0.38462em 0.23077em;
}

/* line 320, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-po-arrow {
	position: absolute;
	top: 0.30769em;
	left: 1.53846em;
	display: block;
	width: 0;
	height: 0;
	border-left: 0.61538em solid transparent;
	border-right: 0.61538em solid transparent;
	border-bottom: 0.61538em solid #ccc;
	border-top: none;
	zoom: 1;
}

/* line 333, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-is-rtl .ws-po-arrow {
	left: auto;
	right: 1.53846em;
}

/* line 339, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

[data-horizontal="center"] .ws-po-arrow {
	left: 50%;
	margin-left: -0.30769em;
}

/* line 344, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

[data-horizontal="right"] .ws-po-arrow {
	left: auto;
	right: 1.53846em;
}

/* line 349, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

[data-vertical="bottom"] .ws-po-arrow {
	top: auto;
	bottom: 0.30769em;
	border-bottom: none;
	border-top: 0.61538em solid #ccc;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

html .ws-po-arrow {
	border-left-color: transparent;
	border-right-color: transparent;
}

/* line 360, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

html .ws-po-arrow .ws-po-arrowbox {
	border-left-color: transparent;
	border-right-color: transparent;
}

/* line 368, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

[data-vertical="middle"] .ws-po-arrow {
	display: none;
}

/* line 372, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-po-arrow .ws-po-arrowbox {
	position: relative;
	top: 0.07692em;
	left: -0.53846em;
	display: block;
	width: 0;
	height: 0;
	border-left: 0.53846em solid transparent;
	border-right: 0.53846em solid transparent;
	border-bottom: 0.53846em solid #fefefe;
	border-top: none;
	z-index: 999999999;
}

/* line 386, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-is-rtl .ws-po-arrow .ws-po-arrowbox {
	left: auto;
	right: -0.53846em;
}

/* line 391, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

[data-vertical="bottom"] .ws-po-arrow .ws-po-arrowbox {
	top: -0.61538em;
	border-bottom: none;
	border-top: 0.53846em solid #fefefe;
}

/* line 401, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

datalist {
	display: none;
}

/* line 405, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

input[data-wslist]::-webkit-calendar-picker-indicator {
	display: none;
}

/* line 409, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill {
	position: absolute;
	text-align: left;
}

/* line 413, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .ws-po-box {
	padding: 0.38462em 0;
}

/* line 417, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box {
	position: relative;
	max-height: 15.38462em;
	overflow: hidden;
	overflow-x: hidden !important;
	overflow-y: auto;
}

/* line 424, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box ul,
.datalist-polyfill .datalist-box li {
	font-size: 100%;
	list-style: none !important;
}

/* line 429, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box ul {
	position: static !important;
	overflow: hidden;
	margin: 0;
	padding: 0.07692em 0;
	height: auto !important;
	background-color: #fff;
	color: #000;
}

/* line 439, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box li {
	margin: 0.07692em 0;
	padding: 0.30769em 0.76923em;
	overflow: hidden;
	white-space: nowrap;
	cursor: default;
	zoom: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #fff;
	-webkit-transition: background-color 400ms;
	transition: background-color 400ms;
	touch-action: none;
}

/* line 453, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box mark {
	font-weight: normal;
	font-style: normal;
}

/* line 458, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box .option-value {
	display: block;
	text-overflow: ellipsis;
	max-width: 100%;
	color: #000;
	-webkit-transition: color 400ms;
	transition: color 400ms;
}

/* line 466, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box .option-label {
	display: none;
	font-size: 90%;
	color: #666;
	text-overflow: ellipsis;
	margin-top: 0.1em;
	-webkit-transition: color 400ms;
	transition: color 400ms;
}

/* line 477, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box .has-option-label .option-label {
	display: block;
}

/* line 482, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box .hidden-item {
	display: none !important;
}

/* line 486, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box .active-item {
	cursor: default;
	background-color: #39f;
}

/* line 490, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box .active-item .option-value {
	color: #fff;
}

/* line 493, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.datalist-polyfill .datalist-box .active-item .option-label {
	color: #eee;
}

/* line 501, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.validity-alert {
	display: inline-block;
	z-index: 1000000000;
}

/* line 505, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.validity-alert .ws-titlevalue {
	display: block;
}

/* line 510, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-errorbox {
	display: none;
	border: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	clear: both;
	font-family: sans-serif;
}

/* line 520, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-errorbox p {
	margin: 2px 0 3px;
	padding: 0;
	color: #a94442;
}

/* line 528, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

progress {
	position: relative;
	display: inline-block;
	width: 164px;
	height: 20px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: -0.2em;
}

/* line 538, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

progress.ws-style {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	border: 1px solid #ddd;
	background: #f0f0f0;
}

/* line 35, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style::-webkit-progress-bar {
	border: 1px solid #ddd;
	background: #f0f0f0;
	border: 0 none;
}

/* line 40, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style::-moz-progress-bar {
	border: 1px solid #ddd;
	background: #f0f0f0;
}

/* line 44, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style::-ms-fill {
	animation-name: none;
	border: 1px solid #ddd;
	background: #f0f0f0;
}

/* line 545, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

progress.ws-style > span.progress-value {
	left: 0;
}

/* line 549, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

progress.ws-style.ws-is-rtl > span.progress-value {
	left: auto;
	right: 0;
}

/* line 50, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style::-webkit-progress-value {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	background: #0063a6 url(/bitkom/org/Layout/img/shims-1/progress.png);
	border: 0;
}

/* line 53, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style::-moz-progress-bar {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	background: #0063a6 url(/bitkom/org/Layout/img/shims-1/progress.png);
	border: 0;
}

/* line 56, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style::-ms-fill {
	animation-name: none;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	background: #0063a6 url(/bitkom/org/Layout/img/shims-1/progress.png);
	border: 0;
}

/* line 60, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style > span.progress-value {
	display: block !important;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	background: #0063a6 url(/bitkom/org/Layout/img/shims-1/progress.png);
	border: 0;
}

/* line 66, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style:indeterminate::-webkit-progress-bar {
	background-image: url(/bitkom/org/Layout/img/shims-1/progress.gif);
}

/* line 69, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style:indeterminate::-moz-progress-bar {
	background-image: url(/bitkom/org/Layout/img/shims-1/progress.gif);
}

/* line 72, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style:indeterminate {
	-webkit-animation-name: none;
	animation-name: none;
	background-image: url(/bitkom/org/Layout/img/shims-1/progress.gif);
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-shim.scss */

progress.ws-style.ws-indeterminate > span.progress-value {
	display: block !important;
	width: 100%;
	right: 0;
	background-image: url(/bitkom/org/Layout/img/shims-1/progress.gif);
}

/* line 570, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

details {
	overflow: hidden;
}

/* line 573, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

summary {
	position: relative;
}

/* line 576, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.closed-details-child {
	display: none !important;
}

/* line 580, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.details-open-indicator {
	margin: -1px 0 0;
	display: inline-block;
	margin-right: 0.4em;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.76923em 0.38462em 0 0.38462em;
	border-color: #000 transparent transparent transparent;
	vertical-align: middle;
}

/* line 594, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.closed-details-summary .details-open-indicator {
	border-width: 0.38462em 0 0.38462em 0.76923em;
	border-color: transparent transparent transparent #000;
}

/* line 600, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

summary.summary-has-focus {
	outline: 1px dotted #aaa;
	outline-offset: -1px;
}

/* line 606, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file,
.ws-capture-file {
	position: relative;
	overflow: hidden;
}

/* line 611, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file > button,
.ws-custom-file > input,
.ws-capture-file > button,
.ws-capture-file > input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

/* line 621, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file > button,
.ws-custom-file > .ws-file-value,
.ws-capture-file > button,
.ws-capture-file > .ws-file-value {
	position: relative;
	z-index: 0;
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc;
	background: #eee;
	color: #333;
	-webkit-transition: 400ms all;
	transition: 400ms all;
}

/* line 632, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file > button,
.ws-capture-file > button {
	margin-right: 0.4em;
	float: left;
}

/* line 639, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file .ws-file-value {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* line 647, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file > input[type="file"],
.ws-custom-file .ws-coverfile {
	position: absolute;
	top: -1%;
	left: -3%;
	bottom: -1%;
	right: -1%;
	height: 102%;
	width: 104%;
	z-index: 9;
	padding: 0;
	margin: 0;
	border: 0px none;
	color: transparent;
	background: transparent;
}

/* line 663, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file > input[type="file"] {
	filter: alpha(opacity=0);
	opacity: 0.00001;
}

/* line 667, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file > input[type="file"][disabled] {
	cursor: default;
	cursor: not-allowed;
}

/* line 672, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file .ws-coverfile {
	background: url(/bitkom/org/Layout/img/shims-1/transparent.png);
	z-index: 10;
	cursor: pointer;
}

/* line 677, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

[readonly] + .ws-custom-file .ws-coverfile {
	cursor: default;
}

/* line 680, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

[disabled] + .ws-custom-file .ws-coverfile {
	cursor: default;
	cursor: not-allowed;
}

/* line 687, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file > .moxie-shim {
	z-index: 20;
}

/* line 693, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file:hover > button,
.ws-custom-file.ws-mouseenter > button,
.ws-custom-file > input[type="file"]:focus ~ button {
	background: #fff;
	border-color: #999;
	background: #eee linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
}

/* line 702, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file:hover > .ws-file-value,
.ws-custom-file.ws-mouseenter > .ws-file-value,
.ws-custom-file > input[type="file"]:focus ~ .ws-file-value {
	border-color: #999;
}

/* line 707, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file.ws-active > button,
.ws-custom-file > input[type="file"]:active ~ button {
	border-color: #000;
}

/* line 713, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file.ws-active > .ws-file-value,
.ws-custom-file > input[type="file"]:active ~ .ws-file-value {
	border-color: #000;
}

/* line 718, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/shim */

.ws-custom-file > input[type="file"][disabled] ~ .ws-file-value,
.ws-custom-file > input[type="file"][disabled] ~ button {
	border-color: #bbb;
	background: #eee;
	color: #999;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_extends.scss */

.input-picker .ws-picker-body,
.input-picker .ws-button-row,
.input-picker .picker-grid,
.input-picker .picker-list,
.input-picker .ws-options button {
	zoom: 1;
}

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_extends.scss */

.input-picker .ws-picker-body:before,
.input-picker .ws-button-row:before,
.input-picker .picker-grid:before,
.input-picker .picker-list:before,
.input-picker .ws-options button:before,
.input-picker .ws-picker-body:after,
.input-picker .ws-button-row:after,
.input-picker .picker-grid:after,
.input-picker .picker-list:after,
.input-picker .ws-options button:after {
	display: table;
	clear: both;
	content: ' ';
}

/* style picker api */

/* how to use: 
*
Markup (good to style one input different than other):
<!-- simply use a placeholder as class on your input elment -->
  <input type="date" class="show-week" />
CSS:
//replace the placeholder with .input-picker or (.input-date-picker)
  .input-picker .ws-week {
	display: table-cell;
  }
SASS:
//use the placeholder(s) and go crazy
  .input-picker {
	@extend %show-week;
	//@extend show-selectnav;
  }
*
*/

/* line 29, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-week"] .ws-week,
.show-week .input-picker .ws-week {
	display: table-cell;
}

/* line 35, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-yearbtns"] .ws-picker-header,
.show-yearbtns .input-picker .ws-picker-header {
	margin: 0 4.23077em;
}

/* line 39, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-yearbtns"] button.ws-year-btn,
.show-yearbtns .input-picker button.ws-year-btn {
	display: inline-block;
}

/* line 46, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="hide-btnrow"] .ws-button-row,
.hide-btnrow .input-picker .ws-button-row {
	display: none;
}

/* line 52, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > button:after,
.show-selectnav .input-picker .ws-picker-header > button:after,
.input-picker[data-class~="show-uparrow"] .ws-picker-header > button:after,
.show-uparrow .input-picker .ws-picker-header > button:after {
	display: inline-block;
}

/* line 60, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > select,
.show-selectnav .input-picker .ws-picker-header > select {
	display: inline-block;
}

/* line 64, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > button,
.show-selectnav .input-picker .ws-picker-header > button {
	width: auto;
}

/* line 67, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > button > span,
.show-selectnav .input-picker .ws-picker-header > button > span {
	display: none;
}

/* btn api */

/* line 81, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-spinbtns + .input-buttons > .step-controls,
.hide-spinbtns .input-buttons > .step-controls {
	display: none;
}

/* line 86, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-spinbtns input[type="number"],
[type="number"].hide-spinbtns {
	-moz-appearance: textfield;
}

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-spinbtns::-webkit-inner-spin-button,
.hide-spinbtns ::-webkit-inner-spin-button {
	display: none;
}

/* line 98, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-dropdownbtn + .input-buttons > .ws-popover-opener,
.hide-dropdownbtn .input-buttons > .ws-popover-opener {
	display: none;
}

/* line 105, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-inputbtns + .input-buttons,
.hide-inputbtns .input-buttons {
	display: none;
}

/* line 110, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-inputbtns input[type="number"],
[type="number"].hide-inputbtns {
	-moz-appearance: textfield;
}

/* line 115, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-inputbtns::-webkit-inner-spin-button,
.hide-inputbtns ::-webkit-inner-spin-button {
	display: none;
}

/* line 122, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons,
.a11yhide-inputbtns .input-buttons {
	width: 0;
	margin: 0;
	overflow: visible;
}

/* line 127, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons > .step-controls,
.a11yhide-inputbtns .input-buttons > .step-controls {
	display: none;
}

/* line 131, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons > .ws-popover-opener,
.a11yhide-inputbtns .input-buttons > .ws-popover-opener {
	height: 0;
	width: 0;
	overflow: hidden;
}

/* line 137, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons > .ws-popover-opener:focus,
.a11yhide-inputbtns + .input-buttons > .ws-popover-opener:active,
.a11yhide-inputbtns .input-buttons > .ws-popover-opener:focus,
.a11yhide-inputbtns .input-buttons > .ws-popover-opener:active {
	height: 19px;
	width: 19px;
}

/* line 147, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.inputbtns-outside + span.input-buttons,
.inputbtns-outside span.input.input-buttons {
	margin-left: 2px;
}

/* line 150, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.inputbtns-outside + span.input-buttons.ws-is-rtl,
.inputbtns-outside span.input.input-buttons.ws-is-rtl {
	margin-left: 0;
	margin-right: 2px;
}

/* line 160, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-ticklabels .ws-range-ticks[data-label]:after {
	display: inline-block;
}

/* line 166, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-tickvalues .ws-range-ticks:before {
	display: inline-block;
}

/* line 172, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-ticks .ws-range-ticks {
	display: none;
}

/* line 180, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-valuetooltip span.ws-range-thumb > span,
.show-valuetooltip span.ws-range-thumb > span > span:after {
	display: inline-block;
}

/* line 183, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-valuetooltip span.ws-range-thumb > span > span:after {
	content: attr(data-value) !important;
	visibility: visible !important;
}

/* line 195, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activevaluetooltip span.ws-range-thumb > span,
.ws-active.show-activevaluetooltip span.ws-range-thumb > span > span:after,
.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span,
.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span > span:after {
	display: inline-block;
}

/* line 198, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activevaluetooltip span.ws-range-thumb > span > span:after,
.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span > span:after {
	content: attr(data-value) !important;
	visibility: visible !important;
}

/* line 207, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-labeltooltip span.ws-range-thumb > span,
.show-labeltooltip span.ws-range-thumb > span > span:before {
	display: inline-block;
}

/* line 210, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-labeltooltip span.ws-range-thumb > span > span:before {
	content: attr(data-valuetext) !important;
	visibility: visible !important;
}

/* line 221, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activelabeltooltip span.ws-range-thumb > span,
.ws-active.show-activelabeltooltip span.ws-range-thumb > span > span:before,
.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span,
.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span > span:before {
	display: inline-block;
}

/* line 224, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activelabeltooltip span.ws-range-thumb > span > span:before,
.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span > span:before {
	content: attr(data-valuetext) !important;
	visibility: visible !important;
}

@font-face {
	font-family: 'widget';
	src: url('/bitkom/org/Layout/fonts/shims-2/widget.eot');
}

@font-face {
	font-family: 'widget';
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAbMAAoAAAAABoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAA08AAANPG9W6FE9TLzIAAAREAAAAYAAAAGAIIwcpY21hcAAABKQAAABUAAAAVPCu8JlnYXNwAAAE+AAAAAgAAAAIAAAAEGhlYWQAAAUAAAAANgAAADYABTw7aGhlYQAABTgAAAAkAAAAJAO9AedobXR4AAAFXAAAABgAAAAYBNwAAG1heHAAAAV0AAAABgAAAAYABlAAbmFtZQAABXwAAAEwAAABMOvWjh9wb3N0AAAGrAAAACAAAAAgAAMAAAEABAQAAQEBB3dpZGdldAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAADRhIABwEBBw0PERQZHndpZGdldHdpZGdldHUwdTF1MjB1RjAxN3VGMDczAAACAYkABAAGAgABAAQABwAKAA0BAQK4/JQO/JQO/JQO+5QO95T31hWL+xQFi4mKiImKiomJioiLCC+LBYmLiYyJjYmMio6LjQiLngWLjYyNjY2NjY2MjYsIy4uL7wWLjoyNjY2NjY2LjosInYsFjouNi4yJjYmMiYuICPcLJxWLp4SlfaN9o3idc5l0mXGSbotvi3GEc310fXh5fXN9c4Rxi2+Lb5JxmXOZc554on0Io32lhKeLqIulkqKZo5menpmjmaOSpYunCMuLFYtjgWZ3anhpcHBqeGl3ZoFji2SLZpVpn2qecKZ3rXisgbCLs4uzla+erZ+spqasnwitnrCVsouzi7CBrXisd6ZwnmqfaZVni2MIDmewixXdi4vdOYuLOQXvixXni4vdL4uLOQUn8BXdi4vmOYuLMAXvixXni4vmL4uLMAUn9wEV3YuL3jmLizgF92b7ZhXmi4vdMIuLOQX7AvdmFeeLi94vi4s4Bfdw+2YV3YuL3TmLizkF+wLwFeaLi+Ywi4swBSb3ihWL3gWLjYqNio2JjYmMiIsIeYsFiIuJiomJiomKiYuJCIs4BYuJjImMiY2JjYqOiwidiwWOi42MjY2MjYyNi40I92f7ihXdi4vmOYuLMAX7AvcBFeaLi94wi4s4BfcCixXdi4veOYuLOAWU9x0Vi94Fi42KjYmNiY2JjImLCHiLBYmLiYqJiYmJiomLiQiLOAWLiYyJjYmNiY2KjYsInosFjYuNjI2NjY2MjYuNCPcBnhWL/AIFi4GIg4SDg4SDh4GLCPwmiwWBi4KPhJKEk4eTi5UIi/gCBYuVj5OSkpKTlI6Viwivi4unBYuXkJaUlJSUlY+YiwidiwWYi5WHlIKUgpCAi38Ii2/3AouLpwWLl4+WlJSUlJaPl4sInosFl4uWh5SClIKPgIt/CItvsIsFlYuTiJODkoSOg4uBCA74lBT4lBWLDAoAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8HMB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABABAAAAADAAIAAIABAABACDwF/Bz//3//wAAAAAAIPAX8HP//f//AAH/4w/tD5IAAwABAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAG0trL5fDzz1AAsCAAAAAADPhX3EAAAAAM+FfcQAAP/bAdsB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAB2wABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAACAAAAAdwAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoAKABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoAKABaAHcAaQBkAGcAZQB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMAB3AGkAZABnAGUAdHdpZGdldAB3AGkAZABnAGUAdABSAGUAZwB1AGwAYQByAHcAaQBkAGcAZQB0AEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'), url('/bitkom/org/Layout/fonts/shims-2/widget.woff') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* line 16, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-popover-opener > span,
#header #calendar a span,
.t-kicker h2 em.i-event,
.t-kicker h2:hover em.i-event,
.time-input-buttons .ws-popover-opener > span {
	font-family: 'widget';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	zoom: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* line 33, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-popover-opener > span:before,
#header #calendar a span:before,
.t-kicker h2 em.i-event:before,
.t-kicker h2:hover em.i-event:before {
	content: "\f073";
}

/* line 41, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.time-input-buttons .ws-popover-opener > span:before {
	content: "\f017";
}

/* line 52, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range,
.ws-range-rail,
.ws-range span > span,
.input-buttons,
.step-controls,
.ws-popover-opener,
.step-control {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	background: transparent none;
}

/* spinner control for time, number (usable for date, datetime-local) */

/* line 63, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.has-input-buttons,
html > body input.ws-inputreplace.has-input-buttons,
span.has-input-buttons {
	display: inline-block;
	vertical-align: middle;
}

/* line 68, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-inputreplace[readonly][aria-readonly="false"] {
	cursor: pointer;
}

/* line 70, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-inputreplace[readonly][aria-readonly="false"][disabled] {
	cursor: default;
	cursor: not-allowed;
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-number[readonly][aria-readonly="false"] {
	cursor: default;
}

/* line 82, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-buttons,
.step-controls,
.ws-popover-opener {
	zoom: 1;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-left: -18.5px;
}

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.step-controls,
.ws-popover-opener {
	position: relative;
	float: left;
	margin: 0;
	height: 19px;
	width: 15px;
}

/* line 98, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-is-rtl .step-controls,
.ws-is-rtl .ws-popover-opener {
	float: right;
}

/* line 103, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-popover-opener {
	position: relative;
	zoom: 1;
	overflow: visible;
	margin: 0 0 0 2px;
	width: 19px;
	cursor: pointer;
	background: #ccc;
	font-size: 13px;
	text-align: center;
	outline-offset: -2px;
}

/* line 117, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-popover-opener:focus,
.ws-popover-opener:active {
	outline: 1px dotted #666;
}

/* line 121, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-popover-opener:hover {
	outline: none;
}

/* line 125, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-is-rtl .ws-popover-opener {
	margin: 0 2px 0 0;
}

/* line 130, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-popover-opener > span,
.ws-popover-opener .ws-color-indicator {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
}

/* line 145, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.color-input-buttons .ws-popover-opener > span {
	background: url(/bitkom/org/Layout/img/shims-1/color-picker.png) no-repeat 0 0;
}

/* line 149, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.color-input-buttons .ws-popover-opener > span:before {
	content: "";
}

/* line 154, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.color-input-buttons .color-input-buttons .ws-popover-opener > span:before {
	content: "";
}

/* line 160, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.color-input-buttons .ws-popover-opener > span.ws-color-indicator-bg {
	background: url(/bitkom/org/Layout/img/shims-1/jpicker/preview-opacity.png) no-repeat 0;
}

/* line 165, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.time-input-buttons .ws-popover-opener > span {
	margin: -7.5px 0 0 -7.5px;
}

/* line 170, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

input[type="color"] {
	width: 7.5em;
}

/* line 174, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-buttons {
	text-align: left;
}

/* line 177, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-buttons.color-input-buttons {
	margin-left: 2px;
}

/* line 181, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-buttons.ws-disabled {
	opacity: 0.95;
}

/* line 188, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-buttons.ws-disabled .ws-popover-opener,
.input-buttons.ws-disabled .step-control,
.input-buttons.ws-readonly .ws-popover-opener,
.input-buttons.ws-readonly .step-control {
	cursor: default;
}

/* line 197, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-button-size-1.month-input-buttons,
.input-button-size-1.date-input-buttons,
.input-button-size-1.datetime-local-input-buttons {
	margin-left: -24px;
}

/* line 201, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-button-size-1.month-input-buttons.ws-is-rtl,
.input-button-size-1.date-input-buttons.ws-is-rtl,
.input-button-size-1.datetime-local-input-buttons.ws-is-rtl {
	margin-left: 0;
	margin-right: -24px;
}

/* line 207, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-button-size-1.number-input-buttons.ws-is-rtl {
	margin-left: 0;
	margin-right: -19px;
}

/* line 212, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-button-size-2 {
	margin-left: -39px;
}

/* line 215, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-button-size-2.ws-is-rtl {
	margin-left: 0;
	margin-right: -39px;
}

/* line 220, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.input-button-size-2 .step-controls {
	opacity: 0;
}

/* line 228, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

:focus + .input-button-size-2 .step-controls,
:hover + .input-button-size-2 .step-controls,
:active + .input-button-size-2 .step-controls,
.input-button-size-2:hover .step-controls {
	opacity: 1;
}

/* line 235, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.step-controls {
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

/* line 240, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

span.step-control {
	position: absolute;
	left: 0;
	display: inline-block;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
	width: 15px;
	height: 9px;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	text-align: center;
	-webkit-transition: border-color 300ms, background-color 300ms;
	transition: border-color 300ms, background-color 300ms;
}

/* line 256, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

span.step-control.step-down {
	bottom: 0;
}

/* line 260, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

span.step-control:before {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	display: inline-block;
	width: 0px;
	height: 0px;
	border-style: solid;
	margin: -2px 0 0 -4px;
	-webkit-transition: border-color 300ms, background-color 300ms;
	transition: border-color 300ms, background-color 300ms;
}

/* line 275, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

span.step-control.step-up:before {
	border-width: 0 4px 4px;
	border-color: transparent transparent #999 transparent;
}

/* line 280, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

span.step-control.step-up:hover:before {
	border-color: transparent transparent #666 transparent;
}

/* line 283, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

span.step-control.step-up.mousepress-ui:before {
	border-color: transparent transparent #000 transparent;
}

/* line 287, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-disabled span.step-control.step-up:before {
	border-color: transparent transparent #aaa transparent;
}

/* line 293, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

span.step-control.step-down:before {
	border-width: 4px 4px 0;
	border-color: #999 transparent transparent transparent;
}

/* line 298, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

span.step-control.step-down:hover:before {
	border-color: #666 transparent transparent transparent;
}

/* line 301, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

span.step-control.step-down.mousepress-ui:before {
	border-color: #000 transparent transparent transparent;
}

/* line 304, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-disabled span.step-control.step-down:before {
	border-color: #aaa transparent transparent transparent;
}

/* helper classes to hide show/hide specific btn features features */

/* line 318, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-input {
	letter-spacing: -0.31em;
	word-spacing: -0.43em;
}

/* line 326, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-input > select,
.ws-input > input,
.ws-input > .ws-input-seperator {
	text-align: center;
	letter-spacing: normal;
	word-spacing: normal;
}

/* line 332, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-input option {
	text-align: left;
}

/* line 336, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-input .ws-input-seperator {
	vertical-align: middle;
	width: 2%;
	overflow: hidden;
}

/* line 342, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-input + .input-buttons {
	margin-left: 2px;
}

/* line 347, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-input input,
.ws-input .ws-input-seperator {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
}

/* line 355, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

span.ws-input {
	display: inline-block;
}

/* line 362, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-date .mm,
.ws-date .dd {
	width: 23.5%;
	min-width: 10%;
}

/* line 366, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-date .yy {
	width: 48%;
	min-width: 20%;
}

/* line 372, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-date.ws-month-select .dd {
	width: 22%;
	min-width: 10%;
}

/* line 376, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-date.ws-month-select .mm {
	width: 38%;
	min-width: 17%;
}

/* line 381, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-date.ws-month-select .yy {
	width: 36%;
	min-width: 16%;
}

/* line 390, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-month .mm,
.ws-month .yy {
	width: 47.9%;
	min-width: 20%;
}

/* range */

/* line 397, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0.57692em 0;
	zoom: 1;
	border: none;
	height: 0.61538em;
	width: 155px;
	background: #ddd;
	cursor: pointer;
	font-size: 13px;
	outline: none;
	-webkit-transition: background-color 400ms, border-color 400ms;
	transition: background-color 400ms, border-color 400ms;
	background-color: #ddd;
	letter-spacing: normal;
	word-spacing: normal;
}

/* line 415, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

[list] + .ws-range {
	margin: 0.19231em 0 0.96154em;
}

/* line 419, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range .ws-range-thumb {
	top: 0;
	position: absolute;
	display: block;
	z-index: 4;
	margin: -0.38462em 0 0 -1.15385em;
	height: 1.38462em;
	width: 2.30769em;
	background: #ccc;
	border: 0.07692em solid #aaa;
	cursor: pointer;
	-webkit-transition: background-color 400ms, border-color 400ms;
	transition: background-color 400ms, border-color 400ms;
}

/* line 432, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range .ws-range-thumb > span {
	position: absolute;
	margin: 0 0 3px -90px;
	padding: 0;
	border: 0;
	left: 50%;
	bottom: 1.46154em;
	visibility: hidden;
	width: 180px;
	text-align: center;
	background: none;
}

/* line 444, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range .ws-range-thumb > span > span {
	visibility: visible;
}

/* line 447, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range .ws-range-thumb > span > span:after,
.ws-range .ws-range-thumb > span > span:before {
	content: "";
	padding: 0.07692em 0.26923em;
	text-align: center;
	background: #fff;
	border: 0.07692em solid #ccc;
	visibility: visible;
}

/* line 460, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range.ws-focus .ws-range-thumb {
	background: #eee;
	border-color: #999;
}

/* line 465, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range.ws-active .ws-range-thumb {
	background: #efefef;
	border-color: #666;
}

/* line 471, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range[aria-disabled="true"],
.ws-range[aria-readonly="true"] {
	cursor: default;
	opacity: 0.95;
}

/* line 477, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range[aria-disabled="true"] .ws-range-thumb,
.ws-range[aria-readonly="true"] .ws-range-thumb {
	cursor: default;
}

/* line 481, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range[aria-disabled="true"] .ws-range-thumb {
	background: #ddd;
	border-color: #ddd;
}

/* line 486, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range .ws-range-rail {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	zoom: 1;
}

/* line 497, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range .ws-range-progress {
	position: absolute !important;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	height: 100%;
	left: 0;
	z-index: 1;
	overflow: hidden;
	background: #09c;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* line 511, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range .ws-range-ticks {
	position: absolute;
	bottom: -0.76923em;
	left: 0;
	height: 0.61538em;
	width: 0.07692em;
	margin: 0 0 0 -0.07692em;
	background: #ccc;
	-webkit-transition: background-color 400ms, color 400ms;
	transition: background-color 400ms, color 400ms;
}

/* line 521, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range .ws-range-ticks.ws-selected-option {
	background: #09c;
	color: #09c;
}

/* line 528, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range.ws-is-rtl .ws-range-progress {
	left: auto;
	right: 0;
}

/* line 532, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range.ws-is-rtl .ws-range-ticks {
	left: auto;
	right: 0;
}

/* line 538, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range.vertical-range {
	width: 0.61538em;
	margin: 0 10px 0 5px;
}

/* line 542, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range.vertical-range .ws-range-ticks {
	bottom: auto;
	left: auto;
	margin: -0.05769em 0 0 0;
	right: -0.57692em;
	height: 0.11538em;
	width: 0.52308em;
}

/* line 551, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range.vertical-range .ws-range-progress {
	top: auto;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 0;
}

/* line 564, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range-ticks[data-label]:after,
.ws-range-ticks:before {
	display: none;
	content: attr(data-label);
	font-size: 0.76923em;
	min-width: 2em;
	text-align: center;
	margin: 0.69231em 0 0 -0.95em;
}

/* line 572, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-is-rtl .ws-range-ticks[data-label]:after,
.ws-is-rtl .ws-range-ticks:before {
	margin: 0.69231em -0.95em 0 0;
}

/* line 576, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.vertical-range .ws-range-ticks[data-label]:after,
.vertical-range .ws-range-ticks:before {
	margin: 0 0 0 5px;
	position: relative;
	top: -0.7em;
	left: 0.53846em;
	min-width: 0;
}

/* line 585, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range-ticks:before {
	content: attr(data-value);
}

/* line 594, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-range-thumb > span,
.ws-range-thumb > span > span:after,
.ws-range-thumb > span > span:before {
	display: none;
}

/* helper classes to hide show/hide specific range features features */

/* line 611, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext.scss */

.ws-inline-picker,
div.ws-inline-picker,
.ws-popinline,
div.ws-popinline {
	position: relative;
	max-width: 100%;
	z-index: 99;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_extends.scss */

.input-picker .ws-picker-body,
.input-picker .ws-button-row,
.input-picker .picker-grid,
.input-picker .picker-list,
.input-picker .ws-options button {
	zoom: 1;
}

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_extends.scss */

.input-picker .ws-picker-body:before,
.input-picker .ws-button-row:before,
.input-picker .picker-grid:before,
.input-picker .picker-list:before,
.input-picker .ws-options button:before,
.input-picker .ws-picker-body:after,
.input-picker .ws-button-row:after,
.input-picker .picker-grid:after,
.input-picker .picker-list:after,
.input-picker .ws-options button:after {
	display: table;
	clear: both;
	content: ' ';
}

/* style picker api */

/* how to use: 
*
Markup (good to style one input different than other):
<!-- simply use a placeholder as class on your input elment -->
  <input type="date" class="show-week" />
CSS:
//replace the placeholder with .input-picker or (.input-date-picker)
  .input-picker .ws-week {
	display: table-cell;
  }
SASS:
//use the placeholder(s) and go crazy
  .input-picker {
	@extend %show-week;
	//@extend show-selectnav;
  }
*
*/

/* line 29, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-week"] .ws-week,
.show-week .input-picker .ws-week {
	display: table-cell;
}

/* line 35, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-yearbtns"] .ws-picker-header,
.show-yearbtns .input-picker .ws-picker-header {
	margin: 0 4.23077em;
}

/* line 39, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-yearbtns"] button.ws-year-btn,
.show-yearbtns .input-picker button.ws-year-btn {
	display: inline-block;
}

/* line 46, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="hide-btnrow"] .ws-button-row,
.hide-btnrow .input-picker .ws-button-row {
	display: none;
}

/* line 52, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > button:after,
.show-selectnav .input-picker .ws-picker-header > button:after,
.input-picker[data-class~="show-uparrow"] .ws-picker-header > button:after,
.show-uparrow .input-picker .ws-picker-header > button:after {
	display: inline-block;
}

/* line 60, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > select,
.show-selectnav .input-picker .ws-picker-header > select {
	display: inline-block;
}

/* line 64, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > button,
.show-selectnav .input-picker .ws-picker-header > button {
	width: auto;
}

/* line 67, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > button > span,
.show-selectnav .input-picker .ws-picker-header > button > span {
	display: none;
}

/* btn api */

/* line 81, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-spinbtns + .input-buttons > .step-controls,
.hide-spinbtns .input-buttons > .step-controls {
	display: none;
}

/* line 86, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-spinbtns input[type="number"],
[type="number"].hide-spinbtns {
	-moz-appearance: textfield;
}

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-spinbtns::-webkit-inner-spin-button,
.hide-spinbtns ::-webkit-inner-spin-button {
	display: none;
}

/* line 98, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-dropdownbtn + .input-buttons > .ws-popover-opener,
.hide-dropdownbtn .input-buttons > .ws-popover-opener {
	display: none;
}

/* line 105, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-inputbtns + .input-buttons,
.hide-inputbtns .input-buttons {
	display: none;
}

/* line 110, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-inputbtns input[type="number"],
[type="number"].hide-inputbtns {
	-moz-appearance: textfield;
}

/* line 115, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-inputbtns::-webkit-inner-spin-button,
.hide-inputbtns ::-webkit-inner-spin-button {
	display: none;
}

/* line 122, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons,
.a11yhide-inputbtns .input-buttons {
	width: 0;
	margin: 0;
	overflow: visible;
}

/* line 127, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons > .step-controls,
.a11yhide-inputbtns .input-buttons > .step-controls {
	display: none;
}

/* line 131, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons > .ws-popover-opener,
.a11yhide-inputbtns .input-buttons > .ws-popover-opener {
	height: 0;
	width: 0;
	overflow: hidden;
}

/* line 137, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons > .ws-popover-opener:focus,
.a11yhide-inputbtns + .input-buttons > .ws-popover-opener:active,
.a11yhide-inputbtns .input-buttons > .ws-popover-opener:focus,
.a11yhide-inputbtns .input-buttons > .ws-popover-opener:active {
	height: 19px;
	width: 19px;
}

/* line 147, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.inputbtns-outside + span.input-buttons,
.inputbtns-outside span.input.input-buttons {
	margin-left: 2px;
}

/* line 150, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.inputbtns-outside + span.input-buttons.ws-is-rtl,
.inputbtns-outside span.input.input-buttons.ws-is-rtl {
	margin-left: 0;
	margin-right: 2px;
}

/* line 160, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-ticklabels .ws-range-ticks[data-label]:after {
	display: inline-block;
}

/* line 166, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-tickvalues .ws-range-ticks:before {
	display: inline-block;
}

/* line 172, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-ticks .ws-range-ticks {
	display: none;
}

/* line 180, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-valuetooltip span.ws-range-thumb > span,
.show-valuetooltip span.ws-range-thumb > span > span:after {
	display: inline-block;
}

/* line 183, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-valuetooltip span.ws-range-thumb > span > span:after {
	content: attr(data-value) !important;
	visibility: visible !important;
}

/* line 195, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activevaluetooltip span.ws-range-thumb > span,
.ws-active.show-activevaluetooltip span.ws-range-thumb > span > span:after,
.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span,
.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span > span:after {
	display: inline-block;
}

/* line 198, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activevaluetooltip span.ws-range-thumb > span > span:after,
.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span > span:after {
	content: attr(data-value) !important;
	visibility: visible !important;
}

/* line 207, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-labeltooltip span.ws-range-thumb > span,
.show-labeltooltip span.ws-range-thumb > span > span:before {
	display: inline-block;
}

/* line 210, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-labeltooltip span.ws-range-thumb > span > span:before {
	content: attr(data-valuetext) !important;
	visibility: visible !important;
}

/* line 221, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activelabeltooltip span.ws-range-thumb > span,
.ws-active.show-activelabeltooltip span.ws-range-thumb > span > span:before,
.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span,
.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span > span:before {
	display: inline-block;
}

/* line 224, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activelabeltooltip span.ws-range-thumb > span > span:before,
.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span > span:before {
	content: attr(data-valuetext) !important;
	visibility: visible !important;
}

@font-face {
	font-family: 'widget';
	src: url('/bitkom/org/Layout/fonts/shims-2/widget.eot');
}

@font-face {
	font-family: 'widget';
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAbMAAoAAAAABoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAA08AAANPG9W6FE9TLzIAAAREAAAAYAAAAGAIIwcpY21hcAAABKQAAABUAAAAVPCu8JlnYXNwAAAE+AAAAAgAAAAIAAAAEGhlYWQAAAUAAAAANgAAADYABTw7aGhlYQAABTgAAAAkAAAAJAO9AedobXR4AAAFXAAAABgAAAAYBNwAAG1heHAAAAV0AAAABgAAAAYABlAAbmFtZQAABXwAAAEwAAABMOvWjh9wb3N0AAAGrAAAACAAAAAgAAMAAAEABAQAAQEBB3dpZGdldAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAADRhIABwEBBw0PERQZHndpZGdldHdpZGdldHUwdTF1MjB1RjAxN3VGMDczAAACAYkABAAGAgABAAQABwAKAA0BAQK4/JQO/JQO/JQO+5QO95T31hWL+xQFi4mKiImKiomJioiLCC+LBYmLiYyJjYmMio6LjQiLngWLjYyNjY2NjY2MjYsIy4uL7wWLjoyNjY2NjY2LjosInYsFjouNi4yJjYmMiYuICPcLJxWLp4SlfaN9o3idc5l0mXGSbotvi3GEc310fXh5fXN9c4Rxi2+Lb5JxmXOZc554on0Io32lhKeLqIulkqKZo5menpmjmaOSpYunCMuLFYtjgWZ3anhpcHBqeGl3ZoFji2SLZpVpn2qecKZ3rXisgbCLs4uzla+erZ+spqasnwitnrCVsouzi7CBrXisd6ZwnmqfaZVni2MIDmewixXdi4vdOYuLOQXvixXni4vdL4uLOQUn8BXdi4vmOYuLMAXvixXni4vmL4uLMAUn9wEV3YuL3jmLizgF92b7ZhXmi4vdMIuLOQX7AvdmFeeLi94vi4s4Bfdw+2YV3YuL3TmLizkF+wLwFeaLi+Ywi4swBSb3ihWL3gWLjYqNio2JjYmMiIsIeYsFiIuJiomJiomKiYuJCIs4BYuJjImMiY2JjYqOiwidiwWOi42MjY2MjYyNi40I92f7ihXdi4vmOYuLMAX7AvcBFeaLi94wi4s4BfcCixXdi4veOYuLOAWU9x0Vi94Fi42KjYmNiY2JjImLCHiLBYmLiYqJiYmJiomLiQiLOAWLiYyJjYmNiY2KjYsInosFjYuNjI2NjY2MjYuNCPcBnhWL/AIFi4GIg4SDg4SDh4GLCPwmiwWBi4KPhJKEk4eTi5UIi/gCBYuVj5OSkpKTlI6Viwivi4unBYuXkJaUlJSUlY+YiwidiwWYi5WHlIKUgpCAi38Ii2/3AouLpwWLl4+WlJSUlJaPl4sInosFl4uWh5SClIKPgIt/CItvsIsFlYuTiJODkoSOg4uBCA74lBT4lBWLDAoAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8HMB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABABAAAAADAAIAAIABAABACDwF/Bz//3//wAAAAAAIPAX8HP//f//AAH/4w/tD5IAAwABAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAG0trL5fDzz1AAsCAAAAAADPhX3EAAAAAM+FfcQAAP/bAdsB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAB2wABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAACAAAAAdwAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoAKABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoAKABaAHcAaQBkAGcAZQB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMAB3AGkAZABnAGUAdHdpZGdldAB3AGkAZABnAGUAdABSAGUAZwB1AGwAYQByAHcAaQBkAGcAZQB0AEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'), url('/bitkom/org/Layout/fonts/shims-2/widget.woff') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* line 16, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-popover-opener > span,
#header #calendar a span,
.t-kicker h2 em.i-event,
.t-kicker h2:hover em.i-event,
.time-input-buttons .ws-popover-opener > span {
	font-family: 'widget';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	zoom: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* line 33, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-popover-opener > span:before,
#header #calendar a span:before,
.t-kicker h2 em.i-event:before,
.t-kicker h2:hover em.i-event:before {
	content: "\f073";
}

/* line 41, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.time-input-buttons .ws-popover-opener > span:before {
	content: "\f017";
}

/* line 52, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range,
.ws-range-rail,
.ws-range span > span,
.input-buttons,
.step-controls,
.ws-popover-opener,
.step-control {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	background: transparent none;
}

/* spinner control for time, number (usable for date, datetime-local) */

/* line 63, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.has-input-buttons,
html > body input.ws-inputreplace.has-input-buttons,
span.has-input-buttons {
	display: inline-block;
	vertical-align: middle;
}

/* line 68, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-inputreplace[readonly][aria-readonly="false"] {
	cursor: pointer;
}

/* line 70, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-inputreplace[readonly][aria-readonly="false"][disabled] {
	cursor: default;
	cursor: not-allowed;
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-number[readonly][aria-readonly="false"] {
	cursor: default;
}

/* line 82, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-buttons,
.step-controls,
.ws-popover-opener {
	zoom: 1;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-left: -18.5px;
}

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.step-controls,
.ws-popover-opener {
	position: relative;
	float: left;
	margin: 0;
	height: 19px;
	width: 15px;
}

/* line 98, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-is-rtl .step-controls,
.ws-is-rtl .ws-popover-opener {
	float: right;
}

/* line 103, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-popover-opener {
	position: relative;
	zoom: 1;
	overflow: visible;
	margin: 0 0 0 2px;
	width: 19px;
	cursor: pointer;
	background: #ccc;
	font-size: 13px;
	text-align: center;
	outline-offset: -2px;
}

/* line 117, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-popover-opener:focus,
.ws-popover-opener:active {
	outline: 1px dotted #666;
}

/* line 121, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-popover-opener:hover {
	outline: none;
}

/* line 125, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-is-rtl .ws-popover-opener {
	margin: 0 2px 0 0;
}

/* line 130, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-popover-opener > span,
.ws-popover-opener .ws-color-indicator {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
}

/* line 145, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.color-input-buttons .ws-popover-opener > span {
	background: url(/bitkom/org/Layout/img/shims-1/color-picker.png) no-repeat 0 0;
}

/* line 149, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.color-input-buttons .ws-popover-opener > span:before {
	content: "";
}

/* line 154, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.color-input-buttons .color-input-buttons .ws-popover-opener > span:before {
	content: "";
}

/* line 160, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.color-input-buttons .ws-popover-opener > span.ws-color-indicator-bg {
	background: url(/bitkom/org/Layout/img/shims-1/jpicker/preview-opacity.png) no-repeat 0;
}

/* line 165, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.time-input-buttons .ws-popover-opener > span {
	margin: -7.5px 0 0 -7.5px;
}

/* line 170, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

input[type="color"] {
	width: 7.5em;
}

/* line 174, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-buttons {
	text-align: left;
}

/* line 177, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-buttons.color-input-buttons {
	margin-left: 2px;
}

/* line 181, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-buttons.ws-disabled {
	opacity: 0.95;
}

/* line 188, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-buttons.ws-disabled .ws-popover-opener,
.input-buttons.ws-disabled .step-control,
.input-buttons.ws-readonly .ws-popover-opener,
.input-buttons.ws-readonly .step-control {
	cursor: default;
}

/* line 197, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-button-size-1.month-input-buttons,
.input-button-size-1.date-input-buttons,
.input-button-size-1.datetime-local-input-buttons {
	margin-left: -24px;
}

/* line 201, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-button-size-1.month-input-buttons.ws-is-rtl,
.input-button-size-1.date-input-buttons.ws-is-rtl,
.input-button-size-1.datetime-local-input-buttons.ws-is-rtl {
	margin-left: 0;
	margin-right: -24px;
}

/* line 207, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-button-size-1.number-input-buttons.ws-is-rtl {
	margin-left: 0;
	margin-right: -19px;
}

/* line 212, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-button-size-2 {
	margin-left: -39px;
}

/* line 215, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-button-size-2.ws-is-rtl {
	margin-left: 0;
	margin-right: -39px;
}

/* line 220, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.input-button-size-2 .step-controls {
	opacity: 0;
}

/* line 228, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

:focus + .input-button-size-2 .step-controls,
:hover + .input-button-size-2 .step-controls,
:active + .input-button-size-2 .step-controls,
.input-button-size-2:hover .step-controls {
	opacity: 1;
}

/* line 235, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.step-controls {
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

/* line 240, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

span.step-control {
	position: absolute;
	left: 0;
	display: inline-block;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
	width: 15px;
	height: 9px;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	text-align: center;
	-webkit-transition: border-color 300ms, background-color 300ms;
	transition: border-color 300ms, background-color 300ms;
}

/* line 256, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

span.step-control.step-down {
	bottom: 0;
}

/* line 260, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

span.step-control:before {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	display: inline-block;
	width: 0px;
	height: 0px;
	border-style: solid;
	margin: -2px 0 0 -4px;
	-webkit-transition: border-color 300ms, background-color 300ms;
	transition: border-color 300ms, background-color 300ms;
}

/* line 275, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

span.step-control.step-up:before {
	border-width: 0 4px 4px;
	border-color: transparent transparent #999 transparent;
}

/* line 280, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

span.step-control.step-up:hover:before {
	border-color: transparent transparent #666 transparent;
}

/* line 283, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

span.step-control.step-up.mousepress-ui:before {
	border-color: transparent transparent #000 transparent;
}

/* line 287, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-disabled span.step-control.step-up:before {
	border-color: transparent transparent #aaa transparent;
}

/* line 293, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

span.step-control.step-down:before {
	border-width: 4px 4px 0;
	border-color: #999 transparent transparent transparent;
}

/* line 298, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

span.step-control.step-down:hover:before {
	border-color: #666 transparent transparent transparent;
}

/* line 301, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

span.step-control.step-down.mousepress-ui:before {
	border-color: #000 transparent transparent transparent;
}

/* line 304, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-disabled span.step-control.step-down:before {
	border-color: #aaa transparent transparent transparent;
}

/* helper classes to hide show/hide specific btn features features */

/* line 318, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-input {
	letter-spacing: -0.31em;
	word-spacing: -0.43em;
}

/* line 326, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-input > select,
.ws-input > input,
.ws-input > .ws-input-seperator {
	text-align: center;
	letter-spacing: normal;
	word-spacing: normal;
}

/* line 332, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-input option {
	text-align: left;
}

/* line 336, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-input .ws-input-seperator {
	vertical-align: middle;
	width: 2%;
	overflow: hidden;
}

/* line 342, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-input + .input-buttons {
	margin-left: 2px;
}

/* line 347, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-input input,
.ws-input .ws-input-seperator {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
}

/* line 355, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

span.ws-input {
	display: inline-block;
}

/* line 362, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-date .mm,
.ws-date .dd {
	width: 23.5%;
	min-width: 10%;
}

/* line 366, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-date .yy {
	width: 48%;
	min-width: 20%;
}

/* line 372, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-date.ws-month-select .dd {
	width: 22%;
	min-width: 10%;
}

/* line 376, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-date.ws-month-select .mm {
	width: 38%;
	min-width: 17%;
}

/* line 381, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-date.ws-month-select .yy {
	width: 36%;
	min-width: 16%;
}

/* line 390, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-month .mm,
.ws-month .yy {
	width: 47.9%;
	min-width: 20%;
}

/* range */

/* line 397, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0.57692em 0;
	zoom: 1;
	border: none;
	height: 0.61538em;
	width: 155px;
	background: #ddd;
	cursor: pointer;
	font-size: 13px;
	outline: none;
	-webkit-transition: background-color 400ms, border-color 400ms;
	transition: background-color 400ms, border-color 400ms;
	background-color: #ddd;
	letter-spacing: normal;
	word-spacing: normal;
}

/* line 415, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

[list] + .ws-range {
	margin: 0.19231em 0 0.96154em;
}

/* line 419, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range .ws-range-thumb {
	top: 0;
	position: absolute;
	display: block;
	z-index: 4;
	margin: -0.38462em 0 0 -1.15385em;
	height: 1.38462em;
	width: 2.30769em;
	background: #ccc;
	border: 0.07692em solid #aaa;
	cursor: pointer;
	-webkit-transition: background-color 400ms, border-color 400ms;
	transition: background-color 400ms, border-color 400ms;
}

/* line 432, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range .ws-range-thumb > span {
	position: absolute;
	margin: 0 0 3px -90px;
	padding: 0;
	border: 0;
	left: 50%;
	bottom: 1.46154em;
	visibility: hidden;
	width: 180px;
	text-align: center;
	background: none;
}

/* line 444, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range .ws-range-thumb > span > span {
	visibility: visible;
}

/* line 447, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range .ws-range-thumb > span > span:after,
.ws-range .ws-range-thumb > span > span:before {
	content: "";
	padding: 0.07692em 0.26923em;
	text-align: center;
	background: #fff;
	border: 0.07692em solid #ccc;
	visibility: visible;
}

/* line 460, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range.ws-focus .ws-range-thumb {
	background: #eee;
	border-color: #999;
}

/* line 465, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range.ws-active .ws-range-thumb {
	background: #efefef;
	border-color: #666;
}

/* line 471, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range[aria-disabled="true"],
.ws-range[aria-readonly="true"] {
	cursor: default;
	opacity: 0.95;
}

/* line 477, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range[aria-disabled="true"] .ws-range-thumb,
.ws-range[aria-readonly="true"] .ws-range-thumb {
	cursor: default;
}

/* line 481, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range[aria-disabled="true"] .ws-range-thumb {
	background: #ddd;
	border-color: #ddd;
}

/* line 486, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range .ws-range-rail {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	zoom: 1;
}

/* line 497, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range .ws-range-progress {
	position: absolute !important;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	height: 100%;
	left: 0;
	z-index: 1;
	overflow: hidden;
	background: #09c;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* line 511, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range .ws-range-ticks {
	position: absolute;
	bottom: -0.76923em;
	left: 0;
	height: 0.61538em;
	width: 0.07692em;
	margin: 0 0 0 -0.07692em;
	background: #ccc;
	-webkit-transition: background-color 400ms, color 400ms;
	transition: background-color 400ms, color 400ms;
}

/* line 521, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range .ws-range-ticks.ws-selected-option {
	background: #09c;
	color: #09c;
}

/* line 528, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range.ws-is-rtl .ws-range-progress {
	left: auto;
	right: 0;
}

/* line 532, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range.ws-is-rtl .ws-range-ticks {
	left: auto;
	right: 0;
}

/* line 538, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range.vertical-range {
	width: 0.61538em;
	margin: 0 10px 0 5px;
}

/* line 542, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range.vertical-range .ws-range-ticks {
	bottom: auto;
	left: auto;
	margin: -0.05769em 0 0 0;
	right: -0.57692em;
	height: 0.11538em;
	width: 0.52308em;
}

/* line 551, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range.vertical-range .ws-range-progress {
	top: auto;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 0;
}

/* line 564, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range-ticks[data-label]:after,
.ws-range-ticks:before {
	display: none;
	content: attr(data-label);
	font-size: 0.76923em;
	min-width: 2em;
	text-align: center;
	margin: 0.69231em 0 0 -0.95em;
}

/* line 572, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-is-rtl .ws-range-ticks[data-label]:after,
.ws-is-rtl .ws-range-ticks:before {
	margin: 0.69231em -0.95em 0 0;
}

/* line 576, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.vertical-range .ws-range-ticks[data-label]:after,
.vertical-range .ws-range-ticks:before {
	margin: 0 0 0 5px;
	position: relative;
	top: -0.7em;
	left: 0.53846em;
	min-width: 0;
}

/* line 585, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range-ticks:before {
	content: attr(data-value);
}

/* line 594, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-range-thumb > span,
.ws-range-thumb > span > span:after,
.ws-range-thumb > span > span:before {
	display: none;
}

/* helper classes to hide show/hide specific range features features */

/* line 611, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-ext */

.ws-inline-picker,
div.ws-inline-picker,
.ws-popinline,
div.ws-popinline {
	position: relative;
	max-width: 100%;
	z-index: 99;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_extends.scss */

.input-picker .ws-picker-body,
.input-picker .ws-button-row,
.input-picker .picker-grid,
.input-picker .picker-list,
.input-picker .ws-options button {
	zoom: 1;
}

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_extends.scss */

.input-picker .ws-picker-body:before,
.input-picker .ws-button-row:before,
.input-picker .picker-grid:before,
.input-picker .picker-list:before,
.input-picker .ws-options button:before,
.input-picker .ws-picker-body:after,
.input-picker .ws-button-row:after,
.input-picker .picker-grid:after,
.input-picker .picker-list:after,
.input-picker .ws-options button:after {
	display: table;
	clear: both;
	content: ' ';
}

/* style picker api */

/* how to use: 
*
Markup (good to style one input different than other):
<!-- simply use a placeholder as class on your input elment -->
  <input type="date" class="show-week" />
CSS:
//replace the placeholder with .input-picker or (.input-date-picker)
  .input-picker .ws-week {
	display: table-cell;
  }
SASS:
//use the placeholder(s) and go crazy
  .input-picker {
	@extend %show-week;
	//@extend show-selectnav;
  }
*
*/

/* line 29, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-week"] .ws-week,
.show-week .input-picker .ws-week {
	display: table-cell;
}

/* line 35, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-yearbtns"] .ws-picker-header,
.show-yearbtns .input-picker .ws-picker-header {
	margin: 0 4.23077em;
}

/* line 39, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-yearbtns"] button.ws-year-btn,
.show-yearbtns .input-picker button.ws-year-btn {
	display: inline-block;
}

/* line 46, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="hide-btnrow"] .ws-button-row,
.hide-btnrow .input-picker .ws-button-row {
	display: none;
}

/* line 52, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > button:after,
.show-selectnav .input-picker .ws-picker-header > button:after,
.input-picker[data-class~="show-uparrow"] .ws-picker-header > button:after,
.show-uparrow .input-picker .ws-picker-header > button:after {
	display: inline-block;
}

/* line 60, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > select,
.show-selectnav .input-picker .ws-picker-header > select {
	display: inline-block;
}

/* line 64, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > button,
.show-selectnav .input-picker .ws-picker-header > button {
	width: auto;
}

/* line 67, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.input-picker[data-class~="show-selectnav"] .ws-picker-header > button > span,
.show-selectnav .input-picker .ws-picker-header > button > span {
	display: none;
}

/* btn api */

/* line 81, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-spinbtns + .input-buttons > .step-controls,
.hide-spinbtns .input-buttons > .step-controls {
	display: none;
}

/* line 86, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-spinbtns input[type="number"],
[type="number"].hide-spinbtns {
	-moz-appearance: textfield;
}

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-spinbtns::-webkit-inner-spin-button,
.hide-spinbtns ::-webkit-inner-spin-button {
	display: none;
}

/* line 98, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-dropdownbtn + .input-buttons > .ws-popover-opener,
.hide-dropdownbtn .input-buttons > .ws-popover-opener {
	display: none;
}

/* line 105, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-inputbtns + .input-buttons,
.hide-inputbtns .input-buttons {
	display: none;
}

/* line 110, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-inputbtns input[type="number"],
[type="number"].hide-inputbtns {
	-moz-appearance: textfield;
}

/* line 115, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-inputbtns::-webkit-inner-spin-button,
.hide-inputbtns ::-webkit-inner-spin-button {
	display: none;
}

/* line 122, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons,
.a11yhide-inputbtns .input-buttons {
	width: 0;
	margin: 0;
	overflow: visible;
}

/* line 127, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons > .step-controls,
.a11yhide-inputbtns .input-buttons > .step-controls {
	display: none;
}

/* line 131, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons > .ws-popover-opener,
.a11yhide-inputbtns .input-buttons > .ws-popover-opener {
	height: 0;
	width: 0;
	overflow: hidden;
}

/* line 137, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.a11yhide-inputbtns + .input-buttons > .ws-popover-opener:focus,
.a11yhide-inputbtns + .input-buttons > .ws-popover-opener:active,
.a11yhide-inputbtns .input-buttons > .ws-popover-opener:focus,
.a11yhide-inputbtns .input-buttons > .ws-popover-opener:active {
	height: 19px;
	width: 19px;
}

/* line 147, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.inputbtns-outside + span.input-buttons,
.inputbtns-outside span.input.input-buttons {
	margin-left: 2px;
}

/* line 150, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.inputbtns-outside + span.input-buttons.ws-is-rtl,
.inputbtns-outside span.input.input-buttons.ws-is-rtl {
	margin-left: 0;
	margin-right: 2px;
}

/* line 160, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-ticklabels .ws-range-ticks[data-label]:after {
	display: inline-block;
}

/* line 166, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-tickvalues .ws-range-ticks:before {
	display: inline-block;
}

/* line 172, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.hide-ticks .ws-range-ticks {
	display: none;
}

/* line 180, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-valuetooltip span.ws-range-thumb > span,
.show-valuetooltip span.ws-range-thumb > span > span:after {
	display: inline-block;
}

/* line 183, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-valuetooltip span.ws-range-thumb > span > span:after {
	content: attr(data-value) !important;
	visibility: visible !important;
}

/* line 195, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activevaluetooltip span.ws-range-thumb > span,
.ws-active.show-activevaluetooltip span.ws-range-thumb > span > span:after,
.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span,
.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span > span:after {
	display: inline-block;
}

/* line 198, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activevaluetooltip span.ws-range-thumb > span > span:after,
.show-activevaluetooltip .ws-range.ws-active span.ws-range-thumb > span > span:after {
	content: attr(data-value) !important;
	visibility: visible !important;
}

/* line 207, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-labeltooltip span.ws-range-thumb > span,
.show-labeltooltip span.ws-range-thumb > span > span:before {
	display: inline-block;
}

/* line 210, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.show-labeltooltip span.ws-range-thumb > span > span:before {
	content: attr(data-valuetext) !important;
	visibility: visible !important;
}

/* line 221, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activelabeltooltip span.ws-range-thumb > span,
.ws-active.show-activelabeltooltip span.ws-range-thumb > span > span:before,
.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span,
.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span > span:before {
	display: inline-block;
}

/* line 224, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/_api-forms-ext.scss */

.ws-active.show-activelabeltooltip span.ws-range-thumb > span > span:before,
.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span > span:before {
	content: attr(data-valuetext) !important;
	visibility: visible !important;
}

/* line 7, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-button-row > button {
	background: #ccc;
	padding: 0.38462em 0.61538em;
	display: inline-block;
	border: 0.07692em solid transparent;
}

/* line 14, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker {
	overflow: visible;
	font-size: 13px;
	outline: none;
	text-align: center;
	font-family: sans-serif;
	width: 29.23077em;
	min-width: 20.76923em;
	max-width: 98vw; /* Selector API: */
}

/* line 24, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-po-outerbox {
	-webkit-transform: translate(0, 30%);
	-ms-transform: translate(0, 30%);
	transform: translate(0, 30%);
}

/* line 29, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker[data-vertical="bottom"] .ws-po-outerbox {
	-webkit-transform: translate(0, -30%);
	-ms-transform: translate(0, -30%);
	transform: translate(0, -30%);
}

/* line 35, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker.time-popover,
.input-picker.datetime-local-popover {
	width: 31.92308em;
}

/* line 43, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker.time-popover .ws-prev,
.input-picker.time-popover .ws-next,
.input-picker.time-popover .ws-super-prev,
.input-picker.time-popover .ws-super-next {
	display: none;
}

/* line 48, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker.ws-size-2 {
	width: 51.92308em;
	min-width: 51.53846em;
}

/* line 53, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker.ws-size-3 {
	width: 75.76923em;
	min-width: 75.53846em;
}

/* line 58, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker.color-popover {
	width: 590px;
	min-width: 575px;
}

/* line 63, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker abbr[title] {
	cursor: help;
}

/* line 68, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker li,
.input-picker button {
	font-size: 1em;
	line-height: 1.23077em;
	color: #000;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-focus,
.input-picker :focus {
	outline: 1px dotted #000;
}

/* line 81, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-po-box {
	position: relative;
	padding: 1.15385em 1.53846em;
	direction: ltr;
}

/* line 87, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-controls {
	position: absolute;
	top: 1.15385em;
}

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-controls > button {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 0.07692em solid #ccc;
	padding: 0;
	width: 1.84615em;
	height: 1.84615em;
	background: #eee;
	z-index: 1;
	color: #333;
}

/* line 102, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-controls > button.ws-year-btn:after,
.input-picker .ws-picker-controls > button:before {
	display: inline-block;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	margin-top: 0.29231em;
}

/* line 111, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-controls > button:hover {
	border-color: #666;
	color: #000;
}

/* line 116, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-controls > button[disabled] {
	opacity: 0.4;
	border-color: #eee;
	color: #ddd;
}

/* line 125, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .prev-controls,
.input-picker .ws-po-box[dir="rtl"] .next-controls {
	left: 1.53846em;
	right: auto;
}

/* line 130, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .prev-controls > .ws-year-btn:after,
.input-picker .prev-controls > button:before,
.input-picker .ws-po-box[dir="rtl"] .next-controls > .ws-year-btn:after,
.input-picker .ws-po-box[dir="rtl"] .next-controls > button:before {
	border-width: 0.35em 0.6em 0.35em 0;
	border-color: transparent #333 transparent transparent;
	margin-left: -0.1em;
}

/* line 136, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .prev-controls > .ws-year-btn,
.input-picker .ws-po-box[dir="rtl"] .next-controls > .ws-year-btn {
	margin-right: 0.23077em;
	margin-left: 0;
}

/* line 140, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .prev-controls > .ws-year-btn[disabled],
.input-picker .ws-po-box[dir="rtl"] .next-controls > .ws-year-btn[disabled] {
	display: none;
}

/* line 148, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .next-controls,
.input-picker .ws-po-box[dir="rtl"] .prev-controls {
	right: 1.53846em;
	left: auto;
}

/* line 152, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .next-controls > button:before,
.input-picker .ws-po-box[dir="rtl"] .prev-controls > button:before {
	margin-left: 0.11538em;
}

/* line 158, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .next-controls > .ws-year-btn:after,
.input-picker .next-controls > button:before,
.input-picker .ws-po-box[dir="rtl"] .prev-controls > .ws-year-btn:after,
.input-picker .ws-po-box[dir="rtl"] .prev-controls > button:before {
	border-width: 0.35em 0 0.35em 0.6em;
	border-color: transparent transparent transparent #333;
	margin-right: -0.1em;
}

/* line 164, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .next-controls > .ws-year-btn,
.input-picker .ws-po-box[dir="rtl"] .prev-controls > .ws-year-btn {
	margin-left: 0.23077em;
	margin-right: 0;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .next-controls > .ws-year-btn[disabled],
.input-picker .ws-po-box[dir="rtl"] .prev-controls > .ws-year-btn[disabled] {
	display: none;
}

/* line 176, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker.ws-po-visible .ws-picker-controls > button:after,
.input-picker.ws-po-visible .ws-picker-controls > button:before {
	content: " ";
}

/* line 181, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-po-box[dir="rtl"] {
	direction: rtl;
}

/* line 186, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker.time-popover .ws-picker-body {
	padding-top: 2.76923em;
}

/* line 190, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-body {
	position: relative;
	padding: 3.07692em 0 0;
	zoom: 1;
	margin: 0 -0.76923em;
}

/* line 199, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-button-row {
	position: relative;
	margin: 0.76923em 0 0;
	border-top: 0.07692em solid #eee;
	padding: 0.76923em 0 0;
	text-align: left;
	z-index: 2;
}

/* line 208, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-button-row > button {
	border: 0.07692em solid #ccc;
	background-color: #ddd;
	background-image: -webkit-linear-gradient(top, #ececec 0%, #ddd 100%);
	background-image: linear-gradient(to bottom, #ececec 0%, #ddd 100%);
	-webkit-transition: border-color 200ms linear;
	transition: border-color 200ms linear;
	float: left;
}

/* line 216, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-button-row > button.ws-empty {
	float: right;
}

/* line 222, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-po-box[dir="rtl"] .ws-button-row > button {
	float: right;
}

/* line 225, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-po-box[dir="rtl"] .ws-button-row > button.ws-empty {
	float: left;
}

/* line 232, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker[data-currentview="setMonthList"] .ws-picker-header > select,
.input-picker[data-currentview="setYearList"] .ws-picker-header > select {
	max-width: 90%;
}

/* line 236, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker[data-currentview="setDayList"] .ws-picker-header > select {
	max-width: 40%;
}

/* line 240, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker[data-currentview="setDayList"] .ws-picker-header > .month-select {
	max-width: 50%;
}

/* line 244, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker.time-popover .ws-picker-header {
	top: -2.30769em;
}

/* line 247, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker.time-popover .ws-picker-header button {
	font-size: 1.15385em;
}

/* line 253, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-header {
	position: absolute;
	top: -3.07692em;
	right: 0;
	left: 0;
	margin: 0 2.69231em;
}

/* line 260, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-header > button {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0.30769em 0;
	font-weight: 700;
	color: #000;
}

/* line 269, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-header > button > .month-digit,
.input-picker .ws-picker-header > button > .monthname-short {
	display: none;
}

/* line 273, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-header > button:after {
	content: " ";
	margin: -0.1em 0.5em 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0.3em 0.6em 0.3em;
	border-color: transparent transparent #333 transparent;
	vertical-align: middle;
}

/* line 285, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-header > button:hover {
	text-decoration: underline;
}

/* line 289, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-header > button[disabled]:after {
	display: none !important;
}

/* line 293, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-picker-header > button[disabled]:hover {
	text-decoration: none;
}

/* line 299, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-grid {
	position: relative;
	zoom: 1;
	overflow: hidden; /* negative padding of td */
	margin: 0 -0.15385em;
}

/* line 308, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-grid .monthname,
.input-picker .picker-grid .month-digit {
	display: none;
}

/* line 313, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker.ws-size-1 .picker-list {
	float: none;
	width: auto;
}

/* line 318, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list {
	position: relative;
	zoom: 1;
	width: 22.30769em;
	float: left;
	margin: 0 10px;
	background: #fff;
}

/* line 327, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list tr {
	border: 0;
}

/* line 332, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list th,
.input-picker .picker-list td {
	padding: 0.15385em;
	text-align: center;
}

/* line 337, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list.day-list td {
	padding: 0.03846em 0.15385em;
}

/* line 340, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list.day-list td > button {
	padding: 0.42308em 0;
}

/* line 346, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list.time-list > .ws-picker-header > button > .monthname {
	display: inline;
}

/* line 350, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list.time-list td {
	padding: 0.07692em 0.38462em;
}

/* line 353, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list.time-list td > button {
	padding: 0.52692em 0;
}

/* line 360, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list td > button {
	display: block;
	padding: 1.58992em 0;
	width: 100%;
	color: #000;
	background-color: #fff;
}

/* line 367, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list td > button.othermonth {
	color: #888;
}

/* line 372, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list td > button:hover,
.input-picker .picker-list td > button.checked-value {
	color: #fff;
	background: #000;
}

/* line 378, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list td > button[disabled],
.input-picker .picker-list td > button[disabled]:hover {
	color: #888;
	background-color: #fff;
}

/* line 384, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list table {
	width: 100%;
	margin: 0;
	border: 0 none;
	border-collapse: collapse;
	table-layout: fixed;
}

/* line 393, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .picker-list th,
.input-picker .picker-list td.week-cell {
	font-size: 1em;
	line-height: 1.23077em;
	padding-bottom: 0.23077em;
	text-transform: uppercase;
	font-weight: 700;
}

/* line 402, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-options {
	margin: 0.76923em 0 0;
	border-top: 0.07692em solid #eee;
	padding: 0.76923em 0 0;
	text-align: left;
}

/* line 408, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-options h5 {
	margin: 0 0 0.38462em;
	padding: 0;
	font-size: 1.07692em;
	font-weight: bold;
}

/* line 416, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-options ul,
.input-picker .ws-options li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* line 422, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-options button {
	display: block;
	padding: 0.30769em;
	width: 100%;
	text-align: left;
}

/* line 431, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-options button.ws-focus,
.input-picker .ws-options button:focus,
.input-picker .ws-options button:hover {
	color: #fff;
	background: #000;
}

/* line 439, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-options button[disabled],
.input-picker .ws-options button[disabled].ws-focus,
.input-picker .ws-options button[disabled]:focus,
.input-picker .ws-options button[disabled]:hover {
	color: #888;
	background: #fff;
	text-decoration: none;
}

/* line 444, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-options button .ws-value {
	float: left;
}

/* line 448, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-options button .ws-label {
	float: right;
	font-size: 96%;
}

/* line 456, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.input-picker .ws-week,
.input-picker .ws-year-btn {
	display: none;
}

/* line 460, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.ws-picker-controls > button {
	display: inline-block;
}

/* line 463, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.ws-picker-header > button:after {
	display: none;
}

/* line 467, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.ws-picker-header select {
	display: none;
}

/* helper classes to hide show/hide specific picker features */

/* line 477, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.capture-popover .ws-po-box {
	padding-left: 0.30769em;
	padding-right: 0.30769em;
}

/* line 482, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.ws-videocapture-view {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 70%;
}

/* line 490, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/shims/forms-picker */

.ws-videocapture-view .ws-video-overlay,
.ws-videocapture-view video,
.ws-videocapture-view .polyfill-video {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Global Browser Reset
 * 
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain)
 *
 */

/* line 24, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/reset */

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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* line 34, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/reset */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
	display: block;
}

/* line 38, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/reset */

body {
	line-height: 1;
}

/* line 42, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/reset */

ol,
ul {
	list-style: none;
}

/* line 46, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/reset */

blockquote,
q {
	quotes: none;
}

/* line 51, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/reset */

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

/* line 56, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/reset */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Form element appearance reset */

/* line 62, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/reset */

input[type="search"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Variables
 *
 */

/* Colors */

/* eg chart flip bg */

/* eg error outline */

/* eg error bg */

/* eg success outline */

/* eg success bg */

/* eg a11y-focus */

/* Typography */

/******************************************

	Breakpoints

******************************************/

/******************************************

	Grunticon mixin
	usage: @include grunticon(icon-my-svg);

******************************************/

/******************************************

	rem mixin

******************************************/

/******************************************

	% (percent) mixin

******************************************/

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Extends
 *
 */

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

.aural,
[id="breadcrumb"] h1,
#header h1 strong,
#header .search-wrapper form label,
#header .search-wrapper h2,
#nav-global-sections h2,
#nav-global h2,
.site-info .social-media li em,
.site-info .footer-nav h1,
.main-section-box > h1,
.teaser-stage .row > h1,
.blockquote-section h2,
.text-section .date em span,
.st-var-01 h1,
.media-gallery figure figcaption,
.default-form .form-acc .dependent-select label,
.default-form .form-acc .independent-select label,
.tabtree-section #panel-1 .row > h2,
.tabtree-section .main-section-box .row .table-list > h2,
.tabtree-section .table-list thead,
.tabtree-section .table-list th,
.table-list table thead,
.table-list caption,
.table-list.tl-committees .aural,
.tabtree-section .main-section-box .row:first-child .tl-committees thead th.aural,
.alert-box h2,
.survey-wrapper legend,
.result-pagination h2,
.result-pagination ul li span,
div.filter .first-selection label,
div.filter .f-selects label,
div.filter.f-members .f-selects label {
	display: block;
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* line 18, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

#header #search button,
#nav-global h2,
.teaser-section .row > h1,
.text-section .date em span.month,
.t-default .date span.month,
.t-default .date span.year,
.result-list .results ul li .date em span.month,
.tabtree-section .main-section-box .row:first-child .table-list > h2,
.table-list .date em span.month {
	display: block;
	position: static;
	overflow: visible;
	left: auto;
	width: auto;
	height: auto;
}

/* line 30, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

#header .header-box:before,
#header .nav-box:before,
#nav-global-sections .section-group .menu .menu-box:before,
#nav-global-sections .section-group .menu .menu-box.double-list .menu-group:before,
.teaser .t-footer:before,
.stage-main .carousel .st-img-text:before,
.list-striped li:before,
.page-links ul:before,
.tags:before,
.page-links:before,
.result-list .results ul li:before,
.filter-list .results ul li:before,
.result-list .results .choose-number:before,
.filter-list .results .choose-number:before,
.topics-section ul:before,
.default-form .form-row:before,
.default-form .captcha .captcha-box:before,
.default-form .form-acc-controls:before,
.default-form .form-footer:before,
div.filter.f-events form:before,
div.filter.f-press form:before,
div.filter.f-blog form:before,
div.filter.f-members form:before,
.f-subsites:before,
.f-subsites ol:before,
#header .header-box:after,
#header .nav-box:after,
#nav-global-sections .section-group .menu .menu-box:after,
#nav-global-sections .section-group .menu .menu-box.double-list .menu-group:after,
.teaser .t-footer:after,
.stage-main .carousel .st-img-text:after,
.list-striped li:after,
.page-links ul:after,
.tags:after,
.page-links:after,
.result-list .results ul li:after,
.filter-list .results ul li:after,
.result-list .results .choose-number:after,
.filter-list .results .choose-number:after,
.topics-section ul:after,
.default-form .form-row:after,
.default-form .captcha .captcha-box:after,
.default-form .form-acc-controls:after,
.default-form .form-footer:after,
div.filter.f-events form:after,
div.filter.f-press form:after,
div.filter.f-blog form:after,
div.filter.f-members form:after,
.f-subsites:after,
.f-subsites ol:after {
	content: " ";
	display: block;
	clear: both;
}

/* line 38, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

.default-form select,
div.filter select {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 45, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

#header #search button,
#header .search-wrapper form .button input,
#header #login a span,
#header #calendar a span,
#nav-global h2,
.site-info .social-media li a,
.text-section .social-media li a,
.t-kicker h2 em.i-event,
.t-contact .social-media li a,
.stage-main .carousel > button,
.stage-main .carousel .pagination li button,
.filter-list .results .vcard .social-media li a,
.carousel > button,
.carousel .pagination li button,
.lightbox-document button.lightbox-prev,
.lightbox-document button.lightbox-next,
.lightbox-document button.close-dialog,
.default-form .form-acc-edit,
.default-form .form-acc-reset {
	overflow: hidden;
	font: 0/0 serif;
	text-shadow: none;
	color: transparent;
}

/* line 53, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

[id="breadcrumb"] ol,
.text-section .text-col-2,
.teaser-group,
.stage-box,
.testimonial,
.linklist-blocks {
	display: table;
	table-layout: fixed;
	width: 100%;
	word-spacing: -1em;
}

/* line 60, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

[id="breadcrumb"] li,
.text-section figure,
.teaser-group .teaser,
.teaser-group .t-top,
.teaser-group .t-top-full,
.teaser-group .t-default,
.teaser-group .t-2col,
.teaser-group .t-3col,
.teaser-group .t-slope-down,
.stage-main,
.stage-aside,
.tab-list,
.tab-list-content .item-figure .media,
.tab-list-content .item-figure .fig-description,
.linklist-blocks li {
	display: inline-block;
	vertical-align: top;
	word-spacing: 0;
}

/* line 67, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

#header .row:after,
.site-info .footer-nav:before {
	background: no-repeat;
	background-position: 0 -5px, 0 100%;
	background-size: 100% 10px;
	background-image: -webkit-radial-gradient(50%, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
	background-image: radial-gradient(farthest-side at 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

/* line 75, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* line 80, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	overflow: visible;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
}

/* line 92, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

button,
.btn,
.input-picker .ws-picker-controls button,
.input-picker .ws-button-row button,
.survey-wrapper input[type="submit"],
div.filter input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	display: inline-block;
	padding: 10px 20px;
	color: #007eb4;
	background: #f8f8f8;
	border: 1px solid #ddd;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

/* line 108, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

button:hover,
.btn:hover,
.input-picker .ws-picker-controls button:hover,
.input-picker .ws-button-row button:hover,
.survey-wrapper input[type="submit"]:hover,
div.filter input[type="submit"]:hover,
button:focus,
.btn:focus,
.input-picker .ws-picker-controls button:focus,
.input-picker .ws-button-row button:focus,
.survey-wrapper input[type="submit"]:focus,
div.filter input[type="submit"]:focus {
	background: #007eb4;
	color: #f8f8f8;
	border: 1px solid #007eb4;
}

/* line 138, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

button[disabled],
[disabled].btn,
.input-picker .ws-picker-controls button[disabled],
.input-picker .ws-button-row button[disabled],
.survey-wrapper input[disabled][type="submit"],
div.filter input[disabled][type="submit"] {
	cursor: not-allowed;
	opacity: 0.75;
}

/* line 143, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

button[disabled]:hover,
[disabled].btn:hover,
.survey-wrapper input[disabled][type="submit"]:hover,
div.filter input[disabled][type="submit"]:hover,
button[disabled]:focus,
[disabled].btn:focus,
.survey-wrapper input[disabled][type="submit"]:focus,
div.filter input[disabled][type="submit"]:focus {
	border-color: #ddd;
	background-color: #f8f8f8;
	color: #007eb4;
}

/* line 151, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

.teaser h2,
.teaser h2 a,
.survey-wrapper .question h3 {
	line-height: 1.3;
	font-size: 28px;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 158, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

.teaser h2 span,
.t-kicker.t-color h2,
.t-kicker.t-color h2 span,
.t-kicker.t-transparent .teaser-box h2 span {
	line-height: 1.3;
	font-size: 28px;
	color: #fff;
}

/* line 171, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

.main-section-box .row > h1,
.main-section-box .row > h2 {
	margin-bottom: 15px;
	line-height: 1.5;
	font-size: 34px;
	color: #007eb4;
}

/* line 178, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

.survey-wrapper h2 {
	margin-bottom: 15px;
	line-height: 1.5;
	font-size: 34px;
	color: #fff;
}

/* line 185, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

.carousel-section h1 {
	margin-bottom: 15px;
	line-height: 1.5;
	font-size: 34px;
}

/* line 192, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

.teaser-section .row > h1,
.text-section h1,
.text-section h2 {
	padding-bottom: 30px;
	line-height: 1.5;
	font-size: 34px;
	color: #07262d;
}

/* line 199, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/extends */

.text-section h3,
.text-section h4,
.text-section h5,
.text-section h6 {
	padding-bottom: 30px;
	line-height: 1.5;
	font-size: 15px;
	color: #07262d;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

html {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

*,
*:before,
*:after {
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/* line 13, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 19, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

body {
	line-height: 1.3;
	color: #666;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	font-size: 62.5%;
}

/* line 32, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

a:focus,
a:active {
	outline: none;
}

/* line 35, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.skip {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 61.875rem;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.skip:before,
.skip:after {
	content: " ";
	display: table;
}

/* line 169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.skip:after {
	clear: both;
}

/* line 39, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.skip li {
	list-style: none;
}

/* line 45, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.skip a,
.skip em,
.skip span {
	display: block;
	position: absolute;
	overflow: hidden;
	left: -9999px;
	width: 1px;
	height: 1px;
	background-color: transparent;
}

/* line 56, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.skip a:focus,
.skip a:active {
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 10px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: normal;
	background-color: #fff;
}

/* line 70, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.skip .a11y-focus-key {
	outline: none;
}

/* line 75, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.a11y-focus-key {
	outline: none;
}

/* line 80, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

a {
	color: #007eb4;
	text-decoration: none;
}

/* line 85, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

a:visited { /* 	color: $color-03; */ /* TEMP removal for development */
}

/**
 * Images
 */

/* line 94, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

img {
	display: inline-block;
	max-width: 100%;
}

/* line 104, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-i {
	color: #007eb4;
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: 7px 20px;
}

/* line 111, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-i:hover,
.btn-i:focus {
	background: #007eb4;
	color: #f8f8f8;
	border: 1px solid #007eb4;
}

/* line 118, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1 {
	position: relative;
	float: right;
	color: #fff;
	background: #e7402d;
	border: 1px solid #fff;
}

/* line 126, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1:hover,
.btn-var1:focus {
	background: #07262d;
	border: 1px solid #fff;
}

/* line 131, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup {
	position: relative;
}

/* line 134, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup.charged {
	padding-left: 35px;
}

/* line 137, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup.charged:before {
	content: "";
	position: absolute;
	top: 14px;
	left: 12px;
	width: 10px;
	height: 13px;
	background-position: 0 0;
}

/* line 149, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup.closed {
	padding-left: 35px;
}

/* line 152, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup.closed:before {
	content: "";
	position: absolute;
	top: 14px;
	left: 12px;
	width: 11px;
	height: 12px;
	background-position: 0 0;
}

/* line 163, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup.closed.charged {
	padding-left: 70px;
}

/* line 166, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup.closed.charged:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 42px;
	width: 10px;
	height: 13px;
	background-position: 0 0;
	background-size: auto;
}

/* line 182, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup.external {
	padding-left: 35px;
}

/* line 185, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup.external:before {
	content: "";
	position: absolute;
	top: 14px;
	left: 12px;
	width: 15px;
	height: 15px;
	background-position: 0 0;
}

/* line 196, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup.external.charged {
	padding-left: 70px;
}

/* line 199, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.btn-var1.signup.external.charged:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 42px;
	width: 10px;
	height: 13px;
	background-position: 0 0;
}

/* line 216, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

span.signup.closed.btn {
	position: relative;
	display: inline-block;
	float: right;
	padding: 10px 20px 10px 35px;
	color: #666;
	background: #ddd;
	border: 1px solid #ddd;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: default;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	text-align: left;
}

/* line 232, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

span.signup.closed.btn:before {
	content: "";
	position: absolute;
	top: 14px;
	left: 12px;
	width: 11px;
	height: 12px;
	background-position: 0 0;
}

/* line 244, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.backto {
	display: inline-block;
	background-position: 0 50%;
	padding-left: 20px;
}

/* line 252, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

[id="wrapper"] {
	clear: both;
}

/* line 256, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

[id="main"] {
	position: relative;
}

/* line 261, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.row,
.skip {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 61.875rem;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.row:before,
.row:after,
.skip:before,
.skip:after {
	content: " ";
	display: table;
}

/* line 169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.row:after,
.skip:after {
	clear: both;
}

/* line 265, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.cols {
	width: auto;
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
	margin-top: 0;
	margin-bottom: 0;
	max-width: none;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.cols:before,
.cols:after {
	content: " ";
	display: table;
}

/* line 169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.cols:after {
	clear: both;
}

/* line 269, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.module-box {
	padding-left: 10px;
	padding-right: 10px;
}

/* line 285, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

h1,
h4,
h5,
h6 {
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 290, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

h2,
h3 {
	font-family: "TheSerif-700_", georgia, sans-serif;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/breadcrumb */

[id="breadcrumb"] {
	position: relative;
	z-index: 10;
	min-height: 46px;
	background: rgba(255, 255, 255, 0.9);
}

/* line 10, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/breadcrumb */

[id="breadcrumb"].bc-layer {
	position: absolute;
	top: 0;
	left: 0px;
	right: 0px;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}

/* line 20, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/breadcrumb */

[id="breadcrumb"].bc-layer:before,
[id="breadcrumb"].bc-layer:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100px;
}

/* line 28, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/breadcrumb */

[id="breadcrumb"].bc-layer:before {
	left: 0;
	background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 2;
}

/* line 34, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/breadcrumb */

[id="breadcrumb"].bc-layer:after {
	right: 0;
	background: -webkit-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
}

/* line 45, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/breadcrumb */

[id="breadcrumb"] ol {
	max-width: 960px;
	margin: 0 auto;
	padding: 15px 25px 5px;
}

/* line 57, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/breadcrumb */

[id="breadcrumb"] li {
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 10px;
}

/* line 65, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/breadcrumb */

[id="breadcrumb"] li:first-child a,
[id="breadcrumb"] li:first-child strong {
	background: none;
	padding: 0;
}

/* line 72, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/breadcrumb */

[id="breadcrumb"] li a,
[id="breadcrumb"] li strong {
	display: block;
	padding-left: 10px;
	margin-right: 10px;
	background-position: 0 5px;
}

/* line 2, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .module-box {
	padding: 0;
}

/* line 6, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .row {
	position: relative;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .row:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	height: 5px;
	z-index: 15;
}

/* line 24, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header h1 {
	display: block;
	width: 100%;
	margin: 20px 0 20px;
	padding-left: 10px;
}

/* line 30, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header h1 span {
	display: block;
	background-position: 0 0;
	width: 170px;
	height: 44px;
}

/* line 40, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header h1 #print {
	display: none;
}

/* line 43, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header h1 img {
	width: 170px;
	height: 40px;
	max-width: none;
}

/* line 49, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .header-box {
	display: table;
	width: 100%;
}

/* line 59, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .meta-nav {
	float: right;
	text-align: right;
	padding-bottom: 4px;
}

/* line 68, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search,
#header #calendar,
#header #login,
#header #language {
	position: relative;
	display: block;
	float: left;
	padding: 0;
	border-left: 0;
	vertical-align: middle;
	text-align: center;
	top: 0;
	border-left: 1px solid #ddd;
}

/* line 82, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search a,
#header #search h2,
#header #search .languages,
#header #search button,
#header #calendar a,
#header #calendar h2,
#header #calendar .languages,
#header #calendar button,
#header #login a,
#header #login h2,
#header #login .languages,
#header #login button,
#header #language a,
#header #language h2,
#header #language .languages,
#header #language button {
	display: inline-block;
	cursor: pointer;
}

/* line 86, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search a span,
#header #search h2 span,
#header #search .languages span,
#header #search button span,
#header #calendar a span,
#header #calendar h2 span,
#header #calendar .languages span,
#header #calendar button span,
#header #login a span,
#header #login h2 span,
#header #login .languages span,
#header #login button span,
#header #language a span,
#header #language h2 span,
#header #language .languages span,
#header #language button span {
	position: relative;
	z-index: 10;
}

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search a:after,
#header #search h2:after,
#header #search .languages:after,
#header #search button:after,
#header #calendar a:after,
#header #calendar h2:after,
#header #calendar .languages:after,
#header #calendar button:after,
#header #login a:after,
#header #login h2:after,
#header #login .languages:after,
#header #login button:after,
#header #language a:after,
#header #language h2:after,
#header #language .languages:after,
#header #language button:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #fff;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

/* line 106, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search a.js-active:after,
#header #search a:hover:after,
#header #search a:focus:after,
#header #search h2.js-active:after,
#header #search h2:hover:after,
#header #search h2:focus:after,
#header #search .languages.js-active:after,
#header #search .languages:hover:after,
#header #search .languages:focus:after,
#header #search button.js-active:after,
#header #search button:hover:after,
#header #search button:focus:after,
#header #calendar a.js-active:after,
#header #calendar a:hover:after,
#header #calendar a:focus:after,
#header #calendar h2.js-active:after,
#header #calendar h2:hover:after,
#header #calendar h2:focus:after,
#header #calendar .languages.js-active:after,
#header #calendar .languages:hover:after,
#header #calendar .languages:focus:after,
#header #calendar button.js-active:after,
#header #calendar button:hover:after,
#header #calendar button:focus:after,
#header #login a.js-active:after,
#header #login a:hover:after,
#header #login a:focus:after,
#header #login h2.js-active:after,
#header #login h2:hover:after,
#header #login h2:focus:after,
#header #login .languages.js-active:after,
#header #login .languages:hover:after,
#header #login .languages:focus:after,
#header #login button.js-active:after,
#header #login button:hover:after,
#header #login button:focus:after,
#header #language a.js-active:after,
#header #language a:hover:after,
#header #language a:focus:after,
#header #language h2.js-active:after,
#header #language h2:hover:after,
#header #language h2:focus:after,
#header #language .languages.js-active:after,
#header #language .languages:hover:after,
#header #language .languages:focus:after,
#header #language button.js-active:after,
#header #language button:hover:after,
#header #language button:focus:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #f8f8f8;
}

/* line 121, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search a,
#header #search h2,
#header #search span,
#header #calendar a,
#header #calendar h2,
#header #calendar span,
#header #login a,
#header #login h2,
#header #login span,
#header #language a,
#header #language h2,
#header #language span {
	display: inline-block;
}

/* line 126, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search {
	display: inline-block;
	vertical-align: top;
}

/* line 130, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search button {
	display: inline-block;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
}

/* line 142, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search button span {
	display: block;
	line-height: 1;
	width: 60px;
	min-height: 45px;
	background-position: 50% 50%;
}

/* line 153, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper {
	display: none;
	position: relative;
	padding: 25px 20px 25px 20px;
}

/* line 158, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper.js-visible {
	display: block;
}

/* line 162, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper form {
	display: table;
	width: 100%;
}

/* line 170, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper form input {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 83.3333333333%;
	float: left;
	padding: 10px 10px 10px 0;
	margin-bottom: 10px;
	border: none;
	border-bottom: 2px solid #007eb4;
	background: #f8f8f8;
	color: #666;
	font-size: 24px;
}

/* line 180, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper form input:focus {
	border-bottom: 2px solid #007eb4;
}

/* line 185, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper form .button {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 16.6666666667%;
	float: left;
	text-align: right;
}

/* line 189, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper form .button input {
	display: inline-block;
	background-size: 100% auto;
	border: none;
	height: 52px;
	width: 45px;
	cursor: pointer;
}

/* line 200, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper form ::-webkit-input-placeholder {
	color: #666;
}

/* line 208, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper form ::-moz-placeholder {
	color: #666;
}

/* line 212, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper form :-ms-input-placeholder {
	color: #666;
}

/* line 217, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper fieldset {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* line 222, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill {
	position: static !important;
	padding: 0;
	margin: 0;
}

/* line 227, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .ws-po-outerbox {
	padding: 0;
	background: #f8f8f8;
}

/* line 232, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .ws-po-box {
	border: none;
	background: #f8f8f8;
	color: #666;
	padding: 20px 0;
}

/* line 238, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .ws-po-box .datalist-box {
	position: relative;
}

/* line 242, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .ws-po-box ul {
	margin: 40px 40px 0 0;
	background: #f8f8f8;
	border-top: 1px solid #ddd;
}

/* line 248, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .ws-po-box li {
	padding: 8px 5px;
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
	background-position: 97% 50%;
}

/* line 255, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .ws-po-box li span {
	display: inline-block;
	font-size: 18px;
	color: #666;
	cursor: pointer;
}

/* line 262, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .ws-po-box li span.option-label:before {
	content: ", ";
}

/* line 270, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .ws-po-box li.active-item,
#header .search-wrapper .datalist-polyfill .ws-po-box li:hover,
#header .search-wrapper .datalist-polyfill .ws-po-box li:focus {
	background: #007eb4;
	color: #fff;
}

/* line 273, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .ws-po-box li.active-item span,
#header .search-wrapper .datalist-polyfill .ws-po-box li:hover span,
#header .search-wrapper .datalist-polyfill .ws-po-box li:focus span {
	color: #fff;
}

/* line 280, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .ws-po-arrow {
	display: none;
}

/* line 285, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper .datalist-polyfill .datalist-box .active-item {
	cursor: default;
	background-color: #f8f8f8;
}

/* line 291, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language {
	display: inline-block;
	vertical-align: top;
}

/* line 295, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language .languages {
	min-height: 45px;
	width: 60px;
	text-align: center;
}

/* line 302, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language a,
#header #language strong {
	display: block;
	font-size: 12px;
	position: relative;
	top: 17px;
	text-transform: uppercase;
	text-decoration: none;
}

/* line 311, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language strong {
	display: none;
	font-weight: bold;
	text-decoration: none;
}

/* line 318, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #login {
	display: inline-block;
}

/* line 321, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #login a {
	display: block;
}

/* line 324, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #login a span {
	display: block;
	width: 60px;
	min-height: 45px;
	background-position: 50% 50%;
}

/* line 335, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #calendar {
	display: inline-block;
}

/* line 338, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #calendar a {
	display: block;
}

/* line 341, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #calendar a span {
	display: block;
	width: 60px;
	min-height: 45px;
	background-position: 50% 50%;
}

.no-js #header .search-wrapper {
	display: block;
}


/* line 585, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

.ie9 #header .row:after {
	border-bottom: 1px solid #ddd;
	bottom: 0;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

.navigation-wrapper {
	background: #f8f8f8;
}

/* NAV - GOLBAL - SECTIONS*/

/* line 6, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections {
	display: none;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #f8f8f8;
}

/* line 14, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections.js-active {
	display: block;
}

/* line 22, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group {
	position: relative;
	max-width: 96em;
	margin: 0 auto;
}

/* line 27, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group h3 {
	display: block;
	cursor: pointer;
	margin-bottom: 1px;
	color: #fff;
	background-color: #007eb4;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 10px 10px 30px;
	background-position: 10px 50%;
	cursor: pointer;
}

/* line 40, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group h3.js-active {
	background-color: #666;
}

/* line 45, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group h3.active {
	background-color: #666;
}

/* line 53, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu.js-active .menu-box .menu-group {
	display: block;
}

/* line 59, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box {
	position: relative;
	padding: 0 10px 0 10px;
}

/* line 64, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box .menu-group {
	display: none;
}

/* line 67, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box .menu-group.skip {
	display: block;
}

/* line 71, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box .menu-group.js-active {
	display: block;
}

/* line 79, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.double-list .menu-group ul {
	width: 100%;
	float: none;
}

/* line 83, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.double-list .menu-group ul:last-child {
	float: right;
}

/* line 86, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.double-list .menu-group ul:first-child {
	float: left;
}

/* line 92, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.topic-nav .topic-box figure {
	display: none;
}

/* line 99, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box .skip ul {
	border-top: none;
}

/* line 103, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box .skip li {
	border: none;
}

/* line 109, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box ul li {
	border-bottom: 1px solid #ddd;
}

/* line 112, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box ul li.overview a {
	font-size: 18px;
}

/* line 117, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box ul li a,
#nav-global-sections .section-group .menu .menu-box ul li strong {
	display: block;
	padding: 8px 10px;
	font-size: 18px;
	color: #333;
	background-position: 97% 50%;
}

/* Nav global */

/* line 307, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global {
	float: left;
}

/* line 310, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global h2 {
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	cursor: pointer;
}

/* line 317, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global h2.js-active,
#nav-global h2.active {
	background-color: #f8f8f8;
}

/* line 322, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global h2:hover,
#nav-global h2:focus {
	background-color: #f8f8f8;
}

/* line 327, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global ul {
	display: none;
}

/* line 331, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global ul li .menu {
	display: none;
}

/* line 335, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global ul li h3 {
	display: none;
}

/* line 339, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global ul li button {
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info {
	margin-top: 40px;
}

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info.slope-up {
	position: relative;
	margin-top: 0;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info.slope-up:before {
	content: "";
	position: absolute;
	height: 160px;
	top: -80px;
	left: 0;
	right: 0;
	background-color: #fff;
	-webkit-transform: skew(-180deg, -4.58deg);
	-ms-transform: skew(-180deg, -4.58deg);
	transform: skew(-180deg, -4.58deg);
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* line 22, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .module {
	position: relative;
}

/* line 26, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .toggle {
	width: 100%;
	display: block;
}

/* line 30, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .toggle .is-open {
	display: none;
}

/* line 34, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .toggle .is-closed {
	display: block;
}

/* line 39, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .toggle.js-selected .is-open {
	display: block;
}

/* line 43, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .toggle.js-selected .is-closed {
	display: none;
}

/* line 49, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media {
	margin-bottom: 20px;
}

/* line 52, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media h1 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
	line-height: 1.5;
	font-size: 34px;
	color: #007eb4;
	margin-bottom: 20px;
}

/* line 59, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media ul {
	display: table;
	width: 100%;
}

/* line 64, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 15px 0;
}

/* line 70, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media li h2 {
	display: block;
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.site-info .social-media li img {
	position: absolute;
	z-index: 1;
}

/* line 373, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.site-info .social-media li img {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* line 101, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media li a {
	position: relative; 
	display: inline-block; 
	width: 50px; 
	height: 50px; border: 0; 
	background-color: #007eb4; 
	outline-width: 0; 
	outline-color: #007eb4; 
	outline-style: solid; 
		-webkit-transition: outline-width 0.25s ease-in-out; 
	transition: outline-width 0.25s ease-in-out; 
		-ms-transition: none !important;
}

/* line 112, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media li a:hover,
.site-info .social-media li a:focus {
	 outline-width: 10px;
}

/* line 116, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media li a.a11y-focus-key {
	outline: none;
}

/* line 123, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav {
	position: relative;
	padding-top: 40px;
	margin-top: 35px;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.1s linear 0s, height 0.4s ease-out 0.1s;
	transition: opacity 0.1s linear 0s, height 0.4s ease-out 0.1s;
}

/* line 131, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	height: 10px;
}

/* line 143, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.ie9 .site-info .footer-nav:before {
	border-top: 1px solid #ddd;
}

/* line 148, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav.js-open {
	opacity: 1;
	-webkit-transition: height 0.4s ease-in 0s, opacity 0.1s linear 0.4s;
	transition: height 0.4s ease-in 0s, opacity 0.1s linear 0.4s;
}

/* line 152, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav.js-open .footer-subsection {
	display: block;
}

/* line 161, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection {
	display: none;
	word-wrap: break-word;
	text-align: center;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 167, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection h2 {
	margin-bottom: 15px;
	font-size: 18px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	font-weight: bold;
	border-top: 1px solid #ddd;
}

/* line 174, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection .service {
	margin-bottom: 40px;
}

/* line 178, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection .btn {
	display: block;
	margin: 25px 0 10px 0;
}

/* line 183, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection li {
	padding: 0 0 10px 0;
}

/* line 186, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection li a {
	font-size: 15px;
	color: #666;
}

/* line 192, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection .copyright {
	margin-bottom: 20px;
}

/* line 196, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection.footer-links h2 {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

/* line 205, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection.footer-service .service-box:last-child h2 {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

/* line 215, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection.vcard h3 {
	font-family: "TheSans_B4_500_", arial, sans-serif;
	font-size: 15px;
}

/* line 220, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection.vcard span {
	font-size: 15px;
}

/* line 223, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection.vcard span.street-address {
	display: block;
}

/* line 227, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection.vcard span.post-office-box {
	display: block;
	margin-top: 20px;
}

/* line 2, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.main-section {
	position: relative;
}

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.main-section .row > h2 {
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 10, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.main-section .btn-wrapper {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	padding-bottom: 50px;
	text-align: center;
}

/* line 16, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.main-section .btn-wrapper .btn {
	display: block;
}

/* line 23, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.main-section .btn-wrapper .btn.show-few {
	display: none;
}

/* line 30, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.main-section .btn-wrapper.toggle-btn .btn.show-more {
	display: none;
}

/* line 34, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.main-section .btn-wrapper.toggle-btn .btn.show-few {
	display: block;
}

/* line 45, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/sections */

.main-section-box {
	position: relative;
	padding-top: 30px;
}

/* line 58, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.main-section-box .row > h1,
.main-section-box .row > h2 {
	color: #07262d;
	margin-bottom: 20px;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 69, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-01 .main-section-box {
	border-top: 1px solid #ddd;
	background-color: #f8f8f8;
}

/* line 73, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-01 .main-section-box .btn {
	background: #fff;
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-01 .main-section-box .btn:hover,
.highlight-section-01 .main-section-box .btn:focus {
	background: #007eb4;
	color: #f8f8f8;
	border: 1px solid #007eb4;
}

/* line 86, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-02 .main-section-box {
	background-color: #007eb4;
}

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-02 .main-section-box *,
.highlight-section-02 .main-section-box .row > h1,
.highlight-section-02 .main-section-box .row > h2 {
	color: #fff;
}

.highlight-section-02 .main-section-box a {
	text-decoration: underline;
}

/* line 95, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-02 .main-section-box .btn {
	background-color: #fff;
	color: #007eb4;
}

/* line 101, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-02 .main-section-box .btn:hover,
.highlight-section-02 .main-section-box .btn:focus,
.highlight-section-02 .main-section-box .btn:active {
	background-color: #007eb4;
	color: #fff;
	border-color: #fff;
}

/* line 106, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-02 .main-section-box .btn:hover[disabled],
.highlight-section-02 .main-section-box .btn:focus[disabled],
.highlight-section-02 .main-section-box .btn:active[disabled] {
	background-color: #007eb4;
}

/* line 115, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-02 .main-section-box .carousel .pagination li button {
	border-color: #fff;
}

/* line 119, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-02 .main-section-box .carousel .pagination li button:hover,
.highlight-section-02 .main-section-box .carousel .pagination li button:focus {
	background-color: #fff;
	border-color: #fff;
}

/* line 126, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-02 .main-section-box .carousel .pagination li.on button {
	background-color: #fff;
	border-color: #fff;
}

/* line 138, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-03 .main-section-box {
	background-color: #07262d;
}

/* line 143, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-03 .main-section-box *,
.highlight-section-03 .main-section-box .row > h1,
.highlight-section-03 .main-section-box .row > h2 {
	color: #fff;
}

/* line 147, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-03 .main-section-box .btn {
	background-color: #fff;
	color: #007eb4;
}

/* line 153, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-03 .main-section-box .btn:hover,
.highlight-section-03 .main-section-box .btn:focus,
.highlight-section-03 .main-section-box .btn:active {
	background-color: #ddd;
}

/* line 156, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-03 .main-section-box .btn:hover[disabled],
.highlight-section-03 .main-section-box .btn:focus[disabled],
.highlight-section-03 .main-section-box .btn:active[disabled] {
	background-color: #f8f8f8;
}

/* line 165, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-03 .main-section-box .carousel .pagination li button {
	border-color: #fff;
}

/* line 169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-03 .main-section-box .carousel .pagination li button:hover,
.highlight-section-03 .main-section-box .carousel .pagination li button:focus {
	background-color: #fff;
	border-color: #fff;
}

/* line 176, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-03 .main-section-box .carousel .pagination li.on button {
	background-color: #fff;
	border-color: #fff;
}

/* line 187, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-05 .main-section-box {
	background-color: #e7402d;
}

/* line 192, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-05 .main-section-box *,
.highlight-section-05 .main-section-box .row > h1,
.highlight-section-05 .main-section-box .row > h2 {
	color: #fff;
}

/* line 196, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-05 .main-section-box .btn {
	background-color: #fff;
	color: #007eb4;
}

/* line 202, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-05 .main-section-box .btn:hover,
.highlight-section-05 .main-section-box .btn:focus,
.highlight-section-05 .main-section-box .btn:active {
	background-color: #ddd;
}

/* line 205, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-05 .main-section-box .btn:hover[disabled],
.highlight-section-05 .main-section-box .btn:focus[disabled],
.highlight-section-05 .main-section-box .btn:active[disabled] {
	background-color: #f8f8f8;
}

/* line 214, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-05 .main-section-box .carousel .pagination li button {
	border-color: #fff;
}

/* line 218, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-05 .main-section-box .carousel .pagination li button:hover,
.highlight-section-05 .main-section-box .carousel .pagination li button:focus {
	background-color: #fff;
	border-color: #fff;
}

/* line 225, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-05 .main-section-box .carousel .pagination li.on button {
	background-color: #fff;
	border-color: #fff;
}

/* line 236, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-04 .main-section-box {
	background-color: #f8f8f8;
}

/* line 239, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-04 .main-section-box .btn {
	background: #fff;
}

/* line 243, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-04 .main-section-box .btn:hover,
.highlight-section-04 .main-section-box .btn:focus {
	background: #007eb4;
	color: #f8f8f8;
	border: 1px solid #007eb4;
}

/* line 250, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-04 .main-section-box .btn-1 {
	background: #007eb4;
	color: #f8f8f8;
}

/* line 255, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-04 .main-section-box .btn-1:hover,
.highlight-section-04 .main-section-box .btn-1:focus {
	background: #fff;
	color: #007eb4;
	border: 1px solid #007eb4;
}

/* line 266, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.slope-down .main-section-box {
	padding-bottom: 100px;
}

/* line 273, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.slope-up .main-section-box {
	padding-top: 0;
}

/* line 277, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.slope-up:before {
	content: "";
	position: absolute;
	height: 160px;
	top: -80px;
	left: 0;
	right: 0;
	background-color: #fff;
	-webkit-transform: skew(-180deg, -4.58deg);
	-ms-transform: skew(-180deg, -4.58deg);
	transform: skew(-180deg, -4.58deg);
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* line 290, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.slope-up.highlight-section-01 .main-section-box {
	border-top: 0;
}

/* line 294, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.slope-up.highlight-section-01:before {
	background-color: #f8f8f8;
}

/* line 300, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.slope-up.highlight-section-02:before {
	background-color: #007eb4;
}

/* line 306, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.slope-up.highlight-section-03:before {
	background-color: #07262d;
}

/* line 312, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.slope-up.highlight-section-04:before {
	background-color: #f8f8f8;
}

/* line 318, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.slope-up.highlight-section-05:before {
	background-color: #e7402d;
}

.no-js .survey-section .main-section-box {
	background-color: #f8f8f8;
}

.no-js .survey-section .survey-wrapper {
	display: none;
}



/* line 326, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.teaser-stage .main-section-box {
	padding-top: 30px;
}

.no-js .teaser-stage .btn-wrapper {
	display: none;
}


/* line 340, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.teaser-section .row > h1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 61.875rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.teaser-section .row > h1:before,
.teaser-section .row > h1:after {
	content: " ";
	display: table;
}

/* line 169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.teaser-section .row > h1:after {
	clear: both;
}

/* line 359, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.blog-section .main-section-box {
	margin-top: 30px;
}

/* line 366, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.carousel-section h1 {
	max-width: 990px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	color: #07262d;
}

/* line 377, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.highlight-section-02.event-section .main-section-box .row > h2 {
	padding-top: 30px;
	font-size: 20px;
	line-height: 1.3;
}

/* line 393, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.event-section dl {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	margin-bottom: 20px;
	font-size: 14px;
}

/* line 403, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.event-section dl dt {
	display: block;
	margin-bottom: 3px;
	font-family: "TheSerif-700_", georgia, sans-serif;
}

/* line 409, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.event-section dl dd {
	display: block;
}

/* line 412, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.event-section dl dd address span {
	display: block;
}

/* line 422, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/sections */

.member-section .text-section {
	padding-left: 0;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	margin-bottom: 30px;
	position: relative;
	font-size: 15px;
	line-height: 1.5em;
}

/* line 8, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .backto {
	position: absolute;
	top: 0;
	right: 0.9375rem;
}

/* line 23, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section h1 {
	line-height: 1.2;
}

/* line 26, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section h1 em {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
	font-family: "TheSans_B4_400_sc", arial, sans-serif;
}

/* line 33, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section h2.subline {
	margin-top: -20px;
}

/* line 44, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section h2 {
	font-size: 18px;
	padding-bottom: 10px;
}

/* line 54, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section h3 {
	font-size: 14px;
	padding-bottom: 20px;
}

/* line 62, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section p,
.text-section ul,
.text-section ol,
.text-section dl {
	margin-bottom: 25px;
}

/* line 65, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section p:last-child,
.text-section ul:last-child,
.text-section ol:last-child,
.text-section dl:last-child {
	margin-bottom: 0;
}

.text-section p b,
.text-section li b {
	font-family: "TheSans_B2_800_", arial, sans-serif;
}


/* line 70, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section ul {
	list-style: none;
}

/* line 72, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section ul li {
	position: relative;
	padding-left: 15px;
	overflow: hidden;
}

.text-section ul.link-list li {
	position: relative;
	padding-left: 15px;
	overflow: inherit;
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section ul li:before {
	position: absolute;
	left: 0;
	top: 8px;
	content: "";
	color: #007eb4;
	height: 5px;
	width: 5px;
	background: #007eb4;
}

/* line 88, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.highlight-section-02 .text-section ul li:before,
.highlight-section-03 .text-section ul li:before,
.highlight-section-05 .text-section ul li:before {
	background: #fff;
}

/* line 95, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section ol {
	list-style: outside decimal;
}

/* line 100, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section ul,
.text-section ol {
	margin-left: 0;
}

/* line 104, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .intro-deflist {
	margin-bottom: 25px;
}

/* line 107, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .intro-deflist dl {
	margin-bottom: 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* line 113, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .intro-deflist dl .external {
	position: relative;
	padding: 5px 10px 5px 30px;
}

/* line 117, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .intro-deflist dl .external:after {
	content: "";
	position: absolute;
	top: 8px;
	left: 8px;
	width: 15px;
	height: 15px;
}

/* line 128, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .intro-deflist dl .external:hover {
	color: #fff;
	background-color: #007eb4;
}

/* line 142, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .intro-deflist dd,
.text-section .intro-deflist dt {
	display: inline-block;
}

/* line 146, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .intro-deflist dt {
	font-weight: bold;
	margin-right: 10px;
}

/* line 153, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .btn-wrapper {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding-right: 0;
	padding-left: 0;
	text-align: left;
	padding-bottom: 30px;
}

/* line 160, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .btn-wrapper .download span {
	padding-left: 30px;
}

/* line 180, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .btn {
	margin-bottom: 40px;
}

/* line 184, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .cta {
	float: right;
	clear: both;
	margin-bottom: 30px;
	width: 100%;
	display: block;
}

/* line 192, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .cta span {
	display: block;
	padding-right: 30px;
	background-position: 100% 2px;
}

/* line 226, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .teaser {
	margin-bottom: 30px;
}

/* line 231, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .t-contact,
.text-section .t-postit {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 236, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .text-col-1 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding-left: 0;
	margin-bottom: 30px;
}

/* line 242, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .text-col-2 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 246, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .text-col-2 * {
	word-spacing: 0;
}

/* line 250, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .text-col-2 h3 {
	font-size: 18px;
}

/* line 253, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .text-col-2 .image-right {
	float: right;
}

/* line 257, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .text-col-2 .list-striped {
	padding: 0;
	margin-left: 0;
}

/* line 262, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .text-col-2 .list-striped li a {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 14px;
}

/* line 295, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .event-header h1,
.text-section .publication-header h1 {
	color: #07262d;
	display: block;
	word-wrap: break-word;
}

/* line 300, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .event-header img,
.text-section .publication-header img {
	width: 80px;
	height: 80px;
}

/* line 305, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .calendar-sheet {
	display: block;
	width: 105px;
}

/* line 310, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .date {
	display: block;
	position: relative;
	width: 80px;
	padding-right: 40px;
	margin: 20px 0 20px 0;
	border: 1px solid #ddd;
	padding: 10px;
}

/* line 319, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .date em {
	display: block;
	font-size: 23px;
	color: #e7402d;
	text-align: center;
	font-family: "TheSerif-700_", georgia, sans-serif;
}

/* line 330, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .date em span.month {
	display: block;
	padding: 5px 0 0 0;
	margin-top: 3px;
	border-top: 1px solid #ddd;
	font-size: 13px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	color: #666;
	text-transform: uppercase;
}

/* line 384, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	padding-left: 0;
	max-width: 300px;
	margin-bottom: 30px;
}

/* line 391, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure.image-full {
	width: 100%;
	max-width: 100%;
}

/* line 396, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure a {
	position: relative;
	display: block;
}

/* line 400, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure a img {
	display: block;
}

/* line 404, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 35px;
	width: 35px;
	background-color: #000;
	background-position: 50% 50%;
	opacity: 0.8;
}

/* line 417, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure a:after:hover,
.text-section figure a:after:focus {
	opacity: 1;
}

/* line 423, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure figcaption {
	background: #f8f8f8;
	padding: 10px;
	color: #000;
	font-size: 13px;
	line-height: 1.5;
}

/* line 430, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure figcaption span {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #666;
}

/* line 439, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure .picture-element .picture-wrapper {
	display: block;
}

/* line 442, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure .picture-element .picture-wrapper .s {
	display: block;
}

/* line 446, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure .picture-element .picture-wrapper .l {
	display: none;
}

/* line 490, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section table {
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0 0 30px;
}

/* line 497, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section th {
	background: #f8f8f8;
	border-left: 1px solid #ddd;
	padding: 16px 12px;
	font-size: 18px;
	text-align: left;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 506, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section th:first-child {
	border: none;
}

/* line 510, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section td {
	padding: 11px 12px;
	border-left: 1px solid #ddd;
}

/* line 515, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section td:first-child {
	border: none;
}

/* line 519, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section tr:nth-child(odd) {
	background: #f8f8f8;
}

/* line 523, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section tr:hover {
	background: #fff;
}

/* line 527, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .tag-box .tags {
	margin-bottom: 20px;
	margin-left: 0;
}

/* line 530, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .tag-box .tags li {
	padding-left: 0;
}

/* line 532, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .tag-box .tags li:before {
	background: none;
}

/* line 539, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .hl-blog {
	background-position: 0 50%;
	padding: 0 0 0 65px;
	margin-top: 20px;
}

/* line 547, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section.alt-grid .text-col-1 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 551, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section.alt-grid .text-col-2 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 569, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media {
	margin-bottom: 20px;
	padding: 0 0 0 20px;
	margin-left: 0;
	list-style: none;
	text-align: right;
}

/* line 576, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media li {
	display: inline-block;
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid #ddd;
	list-style: none;
}

/* line 583, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media li:first-child {
	padding-left: 0;
	margin-left: 0;
	border-left: none;
}

/* line 589, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media li:last-child {
	border-left: none;
}

/* line 593, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media li:before {
	background: none;
}

/* line 597, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media li a {
	display: block;
}

/* line 601, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media li a.btn {
	height: auto;
	width: auto;
	overflow: visible;
	font: 15px "TheSans_B4_500_", arial, sans-serif;
	text-shadow: none;
	color: #007eb4;
	margin-bottom: 0;
	margin-top: 10px;
}

/* line 611, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media li a.btn:hover {
	color: #fff;
}

/* line 616, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media li a.vcard-download {
	height: 22px;
	width: 24px;
}

/* line 622, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media li a.xing {
	height: 24px;
	width: 23px;
}

/* line 628, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .social-media li a.linked {
	height: 24px;
	width: 23px;
}

/* line 637, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .content-list {
	margin-left: 10px;
	margin-bottom: 35px;
}

/* line 641, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .content-list li {
	list-style: none;
	position: relative;
	padding-left: 20px;
	margin-bottom: 8px;
}

/* line 647, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .content-list li:before {
	content: "";
	position: absolute;
	top: 23%;
	left: 0;
	width: 8px;
	height: 14px;
}

/* line 658, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .image-wrapper {
	position: relative;
	display: inline-block;
}

/* line 661, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .image-wrapper img {
	display: block;
}

/* line 664, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .image-wrapper .credit {
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.6);
	color: #000;
	padding: 5px;
	font-size: 13px;
}

.publication-detail {
	padding-bottom: 30px;
}

.publication-detail h2 {
	padding-bottom: 15px;
}

.text-section .publication-detail h2 {
	padding-bottom: 5px;
}

/* line 711, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.publication-detail img {
	display: block;
	margin-bottom: 15px;
}

.stage-aside {
	display: none;
}

/* line 731, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/text-sections */

.mobile .related {
	display: block;
}

/* line 733, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/text-sections */

.mobile .related ul.linklist-blocks {
	margin-left: 0;
	margin-bottom: 30px;
}

/* line 737, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/text-sections */

.mobile .related ul.linklist-blocks li {
	padding-left: 0;
	margin-left: 0;
	margin-right: 10px;
}

/* line 741, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/text-sections */

.mobile .related ul.linklist-blocks li :before {
	background: transparent;
	position: static;
}

.text-section .text-col-2 .tag-box,
.text-section .text-col-2 .t-contact,
.text-section .text-col-2 .alert {
	display: none;
}

.mobile .text-section .text-col-2 .tag-box,
.mobile .text-section .text-col-2 .t-contact,
.mobile .text-section .text-col-2 .alert {
	display: block;
}


/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group > * {
	word-spacing: 0;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .teaser {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
}

/* line 15, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-top,
.teaser-group .t-top-full {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
}

/* line 21, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-default {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
}

/* line 27, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-2col {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
}

/* line 33, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-3col {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
}

/* line 41, /Users/felix.berger/localhost/git/bitkom/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.tabtree-section #panel-1 > .main-section:first-child .row.teaser-group + .teaser-group {
	padding-top: 0;
}

/* line 46, /Users/felix.berger/localhost/git/bitkom/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.no-js .home .teaser-group {
	display: none;
}

.no-js .home .teaser-group.js-visible {
	display: block;
}


/* line 2, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser {
	margin-bottom: 20px;
}

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .teaser-box {
	position: relative;
	min-height: 300px;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .teaser-box a:hover,
.teaser .teaser-box a:focus {
	text-decoration: underline;
}

/* line 14, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics {
	margin-top: 10px;
	position: relative;
}

/* line 18, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics button {
	position: relative;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	color: #007eb4;
	background-color: transparent;
	text-align: left;
	width: 100%;
	border-radius: 0;
	font-size: 13px;
	border: 1px solid #ddd;
	padding: 5px 10px;
	cursor: pointer;
	-webkit-transition: none;
	transition: none;
	background-image: none;
}

/* line 33, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics button:after {
	content: "";
	position: absolute;
	top: 10px;
	right: 1px;
	background-position: 0 0;
	width: 15px;
	height: 8px;
}

/* line 45, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics button.js-selected:after {
	background-position: 0 0;
}

/* line 50, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics button.js-selected:focus {
	border: 1px solid #007eb4;
	background-image: none;
}

/* line 56, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics button em {
	display: block;
	margin-right: 13px;
	border-right: 1px solid #ddd;
}

/* line 62, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics button:focus {
	border: 1px solid #007eb4;
}

/* line 67, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics div {
	display: none;
	width: 100%;
}

/* line 71, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics div.js-open {
	display: block;
	position: absolute;
	z-index: 10;
}

/* line 77, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics div ul {
	border: 1px solid #ddd;
	border-top: none;
	padding: 5px;
	position: absolute;
	z-index: 10;
	background: #fff;
	width: 100%;
}

/* line 87, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics div ul li a {
	display: block;
	padding: 5px 10px;
	font-size: 13px;
}

/* line 93, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .subtopics div ul li a:hover,
.teaser .subtopics div ul li a:focus {
	background: #007eb4;
	color: #fff;
}

.no-js .teaser .subtopics button {
	position: relative;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	color: #07262d;
	background-color: transparent;
	text-align: left;
	width: 100%;
	border-radius: 0;
	font-size: 13px;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	-webkit-transition: none;
	transition: none;
	background-image: none;
}

/* line 121, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.no-js .teaser .subtopics button:after {
	position: static;
	background: none;
}

/* line 125, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.no-js .teaser .subtopics button em {
	margin-right: 0;
	border-right: none;
}

/* line 130, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.no-js .teaser .subtopics div {
	display: block;
}

/* line 133, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.no-js .teaser .subtopics div ul {
	border: none;
	border-top: none;
	padding: 0;
	position: static;
}

.teaser h2 {
	color: #666;
	line-height: 1.2;
}

/* line 110, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser h2 span {
	display: inline-block;
}

/* line 117, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser p {
	font-size: 15px;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	color: #07262d;
}

/* line 123, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .t-footer {
	padding-top: 15px;
	border-top: 1px solid #ddd;
	position: absolute;
	bottom: 15px;
	left: 20px;
	right: 20px;
}

/* line 132, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .t-footer img {
	float: left;
	margin-right: 10px;
}

/* line 137, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .t-footer h4 {
	margin-top: 5px;
	display: inline-block;
	font-size: 18px;
	font-family: "TheSans_B2_800_", arial, sans-serif;
	color: #07262d;
}

.teaser .t-footer h4 a {
	color: #07262d;
}

/* line 144, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .t-footer span {
	display: block;
	font-size: 16px;
	color: #07262d;
}

.teaser .t-footer span a {
	color: #07262d;
}

/* line 154, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser.t-3col .teaser-box,
.teaser.t-highlight .teaser-box {
	min-height: 0;
}

/* line 182, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color .teaser-box {
	padding: 30px 20px 5.4em 20px;
}

/* line 186, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color .category {
	display: inline-block;
	position: absolute;
	bottom: 15px;
	left: 13px;
	padding-right: 20px;
	color: #fff;
	font-size: 12px;
	background-position: 100% 50%;
}

/* line 198, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color h2 {
	color: #fff;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 201, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color h2 a {
	color: #fff;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 220, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color-1 .teaser-box {
	background: #007eb4;
}

/* line 223, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color-1 .teaser-box:before {
	background: #007eb4;
}

/* line 230, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color-2 .teaser-box {
	background: #000;
}

/* line 233, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color-2 .teaser-box:before {
	background: #000;
}

/* line 240, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color-3 .teaser-box {
	background: #fff;
	border: 1px solid #eee;
}

/* line 244, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color-3 .teaser-box:before {
	background: #fff;
}

/* line 252, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-kicker .teaser-box {
	padding-top: 40px;
}

/* line 254, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-kicker .teaser-box .category {
	position: absolute;
	top: 19px;
}

/* line 261, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker .teaser-box {
	padding-top: 45px;
}

/* line 266, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker.t-color .teaser-box {
	padding-top: 45px;
}

/* line 270, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker.t-color h2 span {
	display: inline-block;
}

/* line 276, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker.t-color h2 em {
	display: block;
	position: absolute;
	top: -35px;
	right: -10px;
	padding: 5px 10px;
	background: #fff;

	font-size: 12px;
	color: #07262d;
}

/* line 296, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker.t-transparent .teaser-box {
	padding-top: 0;
}

/* line 299, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker.t-transparent .teaser-box h2 span {
	display: block;

}

/* line 305, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker.t-transparent .teaser-box h2 em {
	display: block;
	position: absolute;
	top: -30px;
	right: 10px;
	padding: 5px 10px;
	background: #fff;

	font-size: 12px;
	color: #07262d;
}

/* line 317, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker.t-transparent .teaser-box h2 a:hover em {
	background: #007eb4;
	color: #fff;
	border: 1px solid #007eb4;
}

/* line 326, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker h2 {
	position: relative;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 328, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker h2 em {
	display: block;
	position: absolute;
	top: -30px;
	right: -10px;
	padding: 5px 10px;
	font-size: 12px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	border: 1px solid #ddd;
	background: #f8f8f8;
	color: #07262d;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

/* line 340, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker h2 em.i-event {
	position: static;
	float: right;
	padding: 0;
	border: none;
	height: 33px;
	width: 31px;
	background-color: transparent;
}

/* line 355, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker h2:hover em {
	background: #007eb4;
	color: #fff;
	border: 1px solid #007eb4;
}

/* line 363, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-kicker h2:hover em.i-event {
	background-color: transparent;
	color: #fff;
	border: none;
}

/* line 374, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default {
	position: relative;
}

/* line 377, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default .teaser-box {
	border: 1px solid #ddd;
	padding: 20px 20px 20px 20px;
	background: #fff;
}

/* line 383, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default h2 {
	margin-bottom: 0;
	color: #07262d;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 387, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default h2 a {
	color: #007eb4;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 392, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default p {
	display: none;
}

/* line 396, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default .category {
	display: inline-block;
	margin-bottom: 5px;
	padding-right: 15px;
	font-size: 12px;
	color: #07262d;
	background-position: 100% 50%;
}

/* line 406, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default .date {
	text-align: center;
	display: block;
	position: relative;
	top: -10px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 0;
}

/* line 415, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default .date em {
	display: block;
	font-size: 42px;
	color: #e7402d;
	line-height: 1;
	text-align: center;
	font-family: "TheSans_B4_400_sc", arial, sans-serif;
	font-weight: bold;
}

/* line 426, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default .date span.month,
.t-default .date span.year {
	display: inline-block;
	margin-top: 8px;
	font-size: 13px;
	font-weight: bold;
	color: #07262d;
	text-transform: uppercase;
}

.t-default.t-press .teaser-box {
	border: 1px solid #007eb4;
	padding-top: 50px;
}

/* line 504, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-press .teaser-box h2 {
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 506, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-press .teaser-box h2 em {
	top: -40px;
}

/* line 480, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .teaser-box,
.t-top-full .teaser-box {
	position: relative;
	background: #07262d;
	overflow: hidden;
}

.t-top .teaser-box h2,
.t-top-full .teaser-box h2 {
	margin-bottom: 17px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	color: #fff;
}


/* line 486, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .teaser-content,
.t-top-full .teaser-content {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 12px 20px 15px 20px;
}


/* line 492, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .picture-element .picture-wrapper,
.t-top-full .picture-element .picture-wrapper  {
	display: block;
}


/* line 495, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .picture-element .picture-wrapper .s,
.t-top-full .picture-element .picture-wrapper .s {
	display: block;
}


/* line 499, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .picture-element .picture-wrapper .l,
.t-top-full .picture-element .picture-wrapper .l  {
	display: none;
}


/* line 505, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .picture-element,
.t-top-full .picture-element {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}


/* line 509, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .picture-element img,
.t-top-full .picture-element img {
	display: block;
}


/* line 514, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top p, 
.t-top-full p {
	display: none;
}

/* line 518, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .btn {
	display: block;
	overflow: hidden;
	text-shadow: none;
	color: transparent;
	line-height: 0;
	padding: 0;
	background: #000;
	border: none;
}

/* line 529, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .btn:hover,
.t-top .btn:focus {
	background: #000;
}

/* line 538, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .btn:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	height: 65px;
	width: 65px;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	background-position: 0 0;
	cursor: pointer;
}

/* line 626, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box {
	position: relative;
	min-height: 300px;
}

/* line 630, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box .picture-element {
	display: block;
}

/* line 633, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box .picture-element .picture-wrapper {
	display: none;
}

/* line 636, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box .picture-element .picture-wrapper .s {
	display: block;
}

/* line 640, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box .picture-element .picture-wrapper .l {
	display: none;
}

/* line 664, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box img {
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

/* line 670, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	padding-bottom: 0;
	font-size: 18px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 683, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box h2 a {
	display: block;
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
	padding: 5px 10px;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	font-size: 18px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 698, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box h2 a:hover,
.t-image .teaser-box h2 a:focus {
	background: black;
}

/* line 702, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box h2 a.external {
	padding-right: 50px;
	background-position: 97% 50%;
}

/* line 708, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box h2 a.external:hover,
.t-image .teaser-box h2 a.external:focus {
	background-position: 97% 50%;
}

/* line 716, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box h2 em {
	position: static;
	display: block;
	padding: 0;
	background: none;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}

/* line 727, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box .date {
	display: block;
	position: absolute;
	width: auto;
	top: 10px;
	right: 10px;
	padding: 5px 10px;
	background: #fff;
	font-size: 12px;
	color: #07262d;
}

.t-image.t-3col h2 {
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 741, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image.t-3col h2 a {
	display: block;
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
	padding: 0 10px 5px 10px;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	font-size: 18px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 756, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image.t-3col h2 a:hover,
.t-image.t-3col h2 a:focus {
	background: rgba(0, 0, 0, 0.8);
}

/* line 759, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image.t-3col h2 a.subline {
	padding-bottom: 0;
	min-height: 0;
}

/* line 762, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image.t-3col h2 a.subline em {
	display: inline-block;
	background-position: 100% 50%;
	padding-right: 20px;
}

.teaser.t-contact .teaser-box {
	min-height: 0;
}


/* line 774, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact {
	border: 1px solid #ddd;
}

/* line 777, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .teaser-box {
	min-height: 0;
	padding-bottom: 20px;
	background-color: #fff;
}

/* line 783, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .social-media {
	margin-bottom: 0;
	padding: 10px 0 10px 20px;
	margin-left: 0;
	list-style: none;
	text-align: left;
}

/* line 797, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .social-media li {
	display: inline-block;
	padding-left: 10px;
	list-style: none;
	margin-left: 0;
	border: none;
}

/* line 809, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .social-media li:first-child {
	padding-left: 0;
}

/* line 812, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .social-media li:before {
	background: none;
}

/* line 816, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .social-media li a {
	display: block;
}

/* line 820, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .social-media li a.vcard-download {
	height: 22px;
	width: 24px;
}

/* line 826, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .social-media li a.xing {
	height: 24px;
	width: 23px;
}

/* line 832, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .social-media li a.linked {
	height: 24px;
	width: 23px;
}

/* line 841, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .link-list {
	list-style: none;
	margin-bottom: 0;
	margin-left: 20px;
	padding-left: 0;
	padding-top: 7px;
}

/* line 856, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .link-list li:before {
	background: none;
}

/* line 859, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .link-list li a {
	display: block;
	margin-bottom: 2px;
}

/* line 866, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact img {
	float: left;
	padding: 10px 10px 0 10px;
}

/* line 878, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact h2 {
	clear: both;
	font-size: 18px;
	padding: 0 10px;
	margin: 0;
	font-family: "TheSerif-700_", georgia, sans-serif;
	color: #07262d;
}

/* line 889, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact h2 span {
	display: inline-block;
	margin-right: 5px;
	color: #07262d;
	text-transform: none;
	font-size: 18px;
	color: #07262d;
}

/* line 900, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .title,
.t-contact .role,
.t-contact .org {
	display: block;
	padding: 0 10px;
}

/* line 909, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.text-section .t-contact h2 {
	padding-bottom: 0;
}

/* line 912, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	margin-top: 20px;
}

/* line 916, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight .image-wrapper {
	position: relative;
}

/* line 919, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight .image-wrapper img {
	display: block;
	float: none;
}

/* line 923, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight .image-wrapper .credit {
	position: absolute;
	right: 0;
	bottom: 10px;
	background: rgba(255, 255, 255, 0.6);
	color: #000;
	padding: 5px;
	font-size: 13px;
}

/* line 934, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight .teaser-box {
	min-height: 0;
}

/* line 937, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight .teaser-box h2 {
	font-size: 20px;
	margin-bottom: 10px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	color: #666;
}

/* line 946, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight .teaser-box h2 a {
	font-size: 20px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
/*	color: #666; */
}

/* line 955, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight img {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0 0 10px 0;
}

/* line 960, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight blockquote {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 964, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight blockquote p {
	font-size: 20px;
	font-family: "TheSerif_400_", georgia, sans-serif;
	margin-bottom: 30px;
}

/* line 976, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight blockquote cite {
	font-size: 14px;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 982, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight h2 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding-bottom: 20px;
	padding: 0;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1040, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-postit .teaser-box {
	background: #f8f8f8;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	min-height: 0;
	padding: 50px 20px 30px 20px;
}

/* line 1048, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-postit .teaser-box:before {
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	left: -1px;
	right: -1px;
	bottom: -13px;
	height: 27px;
}

/* line 1059, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-postit .teaser-box h2 {
	margin-bottom: 0;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1063, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-postit .teaser-box .btn {
	display: block;
	margin: 0;
	background-color: #fff;
}

/* line 1068, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-postit .teaser-box .btn:hover,
.t-postit .teaser-box .btn:focus {
	background-color: #007eb4;
	color: #fff;
}

/* line 1078, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-blog .teaser-box {
	position: relative;
	padding-bottom: 9em;
}

/* line 1082, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-blog .teaser-box h2 {
	margin-bottom: 20px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1087, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-blog .t-footer {
	background-position: 100% 100%;
}

/* line 1093, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-twitter .teaser-box {
	padding-top: 20px;
}

/* line 1098, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-twitter .teaser-box {
	min-height: 300px;
	background-position: 50% 20px;
	padding-top: 22px;
}

/* line 1188, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-twitter .teaser-box .t-footer {
	text-align: center;
}

/* line 1190, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-twitter .teaser-box .t-footer .t-footer-box {
	display: inline-block;
}

/* line 1104, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-twitter h2 {
	position: relative;
	margin-top: 40px;
	font-size: 16px;
	color: #07262d;
	font-family: "TheSerif_400i", georgia, serif;
	text-align: center;
}

/* line 1111, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-twitter h2 a {
	font-size: 16px;
	font-family: "TheSerif_400i", georgia, serif;
}

/* line 1115, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-twitter h2 .url {
	display: block;
}

/* line 1118, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-twitter h2 em {
	top: -50px;
}

/* line 1124, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default.t-twitter h2:hover em {
	background: #f8f8f8;
	color: #07262d;
	border: 1px solid #ddd;
}

/* line 1143, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-transparent .teaser-box {
	position: relative;
}

/* line 1146, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-transparent .teaser-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
}

/* line 1156, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-transparent .teaser-box h2 {
	top: 40px;
	position: absolute;
	top: 40px;
	z-index: 1;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 1162, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-transparent .teaser-box h2 a {
	color: #fff;
	background: none;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 1166, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-transparent .teaser-box h2 a:hover,
.t-transparent .teaser-box h2 a:focus {
	background: none;
}

/* line 1175, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-external .teaser-box {
	padding: 0;
}

/* line 1178, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-external .teaser-box img {
	width: 100%;
}

/* line 1182, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-external .teaser-box h2 {
	padding: 9px 17px;
	font-size: 15px;
	color: #07262d;
	margin: 0;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1188, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-external .teaser-box h2 a {
	position: relative;
	display: block;
	padding-right: 50px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 15px;
	color: #07262d;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1300, /Users/felix.berger/localhost/git/bitkom/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-external .teaser-box h2 a:before {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	width: 30px;
	height: 38px;
}

/* line 1315, /Users/felix.berger/localhost/git/bitkom/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-download .teaser-box {
	min-height: 0;
	padding: 0;
}

/* line 1205, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-download .teaser-box img {
	width: 100%;
}

/* line 1209, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-download .teaser-box h2 {
	padding: 17px;
	font-size: 15px;
	color: #07262d;
	margin: 0;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1215, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-download .teaser-box h2 a {
	display: block;
	background-position: 100% 50%;
	padding-right: 50px;
	font-size: 15px;
	color: #07262d;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1228, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-video .teaser-box {
	min-height: 0;
	padding-top: 60px;
	padding-bottom: 20px;
	background-position: 50% 20px;
}

/* line 1241, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-video .teaser-box figure a {
	position: relative;
	display: block;
	overflow: hidden;
	text-shadow: none;
	color: transparent;
	line-height: 0;
	padding: 0;
	background: #000;
	border: none;
}

/* line 1252, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-video .teaser-box figure a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 65px;
	width: 65px;
	background-position: 0 0;
	cursor: pointer;
}

/* line 1269, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-video .teaser-box figure a:hover,
.t-video .teaser-box figure a:focus {
	background: #000;
}

/* line 1280, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-video .teaser-box img {
	width: 100%;
}

/* line 1284, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-video .teaser-box h2 {
	font-size: 15px;
	color: #07262d;
	margin-top: 12px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1290, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-video .teaser-box h2 a {
	display: block;
	font-size: 15px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1298, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-2col.t-slope-down {
	min-height: 0;
}

/* line 1310, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.ok-box h2,
.ok-box h1 {
	padding: 20px 0 20px 90px;
	position: relative;
	font-family: "TheSerif_400_", georgia, sans-serif;
	font-size: 28px;
}

/* line 1320, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.ok-box h2:before,
.ok-box h1:before {
	content: "";
	position: absolute;
	top: 32px;
	left: 0;
	height: 60px;
	width: 60px;
	background-position: 0 0;
}

/* line 1348, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.tl-blog .teaser-box {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding-left: 0;
	float: none;
	padding: 0;
}

/* line 1359, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.tl-blog .teaser-box h2 {
	margin-bottom: 10px;
}

/* line 1364, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.tl-blog .teaser-box h2 a:hover,
.tl-blog .teaser-box h2 a:focus {
	text-decoration: underline;
}

/* line 1371, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.tl-blog .image {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 20px 0 0 0;
	display: block;
	margin-bottom: 8px;
	float: none;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage {
	position: relative;
	overflow: hidden;
}

/* line 8, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-cover {
	display: none;
}

/* line 41, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-box {
	position: relative;
	z-index: 1;
	max-width: 960px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}

/* line 62, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-box > * {
	word-spacing: 0;
}

/* line 66, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-box h1 {
	margin-bottom: 15px;
	font-size: 34px;
	line-height: 1.1em;
	font-family: "TheSerif_400_", georgia, sans-serif;
	color: #07262d;
}

/* line 78, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main {
	width: 100%;
}

/* line 86, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .opener-stage {
	padding: 30px 0;
		background: rgba(255, 255, 255, 0);
}

/* line 111, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .opener-stage h2 {
	margin-bottom: 15px;
	font-size: 34px;
	line-height: 1.1em;
	font-family: "TheSerif_400_", georgia, sans-serif;
	color: #07262d;
}

/* line 118, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .opener-stage p {
	font-size: 15px;
	line-height: 1.6em;
	-webkit-text-size-adjust: none;
	color: #07262d;
}

/* >>>> Begin BAMK-1077 : neues overlay layout fuer subthemenseiten durch .overlay-teaser >>>> */

.stage-main .carousel.overlay-teaser .teaser-box .teaser-description{
	position: absolute;
    bottom: 0px;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px 20px;
    margin: 0px;
	margin-bottom: 3px;
	font-size: 28px;
	line-height: 1.3;
	min-height: 128px;
	width: 100%;
}

.stage-main .carousel.overlay-teaser .teaser-box .teaser-description a{
	color: white;
	text-decoration: none;
}

.stage-main .carousel.overlay-teaser .teaser.st-text {
	padding: 0px;
}

.stage-main .carousel.overlay-teaser .teaser-box a.more{
	position: absolute;
	z-index: 11;
}

.stage-main .carousel.overlay-teaser > button {
	opacity: 0.0;
	top: 45%;
	height: 85%;
    width: 20%;
	background-position: 50%;
}

.stage-main .carousel.overlay-teaser > button.carousel-prev,
.stage-main .carousel.overlay-teaser > button.carousel-next {    
    background-position: 50%;
}

.stage-main .carousel.overlay-teaser > button:hover,
.stage-main .carousel.overlay-teaser > button:focus {
	opacity: 1;
}

.stage-main .carousel.overlay-teaser .carousel-item.only-text {
	vertical-align: middle;	
}

.stage-main .carousel.overlay-teaser .carousel-item.only-text .teaser-box .teaser-description{
	position: relative;    
    color: #07262d;
    background-color: white;
    padding: 0px;
    margin: 0px;
	margin-bottom: 3px;
	font-size: 28px;
	line-height: 1.3;
	min-height: 128px;
	width: 100%;
}

.stage-main .carousel.overlay-teaser .carousel-item.only-text .teaser-box .teaser-description a{
	color: #07262d;	
	text-decoration: none;
}

.stage-main .carousel.overlay-teaser .carousel-item.only-text .teaser-box a.more{
	position: relative;
	z-index: 11;
}

.stage-main .carousel.overlay-teaser .carousel-item.only-text .st-img-text {
	padding: 0px;
}


/* <<<<< End BAMK-1077 <<<<< */

/* line 129, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel {
	position: relative;
	min-width: 243px;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto 30px;
}

/* line 136, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel > button {
	display: none;
	position: absolute;
	top: 32%;
	z-index: 10;
	height: 80px;
	width: 20px;
	border: none;
	opacity: 0.5;
}

/* line 153, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel > button:hover,
.stage-main .carousel > button:focus {
	opacity: 1;
}

/* line 157, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel > button.carousel-prev {
	left: 5px;
	background-position: 50% 0;
}

/* line 163, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel > button.carousel-prev:disabled:hover {
	background-color: transparent;
}

/* line 169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel > button.carousel-next {
	right: 5px;
	background-position: 50% 0;
}

/* line 174, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel > button.carousel-next:disabled {
	right: 20px;
}

/* line 177, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel > button.carousel-next:disabled:hover {
	background-color: transparent;
}

/* line 184, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .carousel-view {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

/* line 191, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .carousel-document {
	position: relative;
	display: table;
	left: 0;
	text-align: left;
	-webkit-backface-visibility: hidden;
}

/* line 199, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .animate.carousel-document {
	-webkit-transition: 400ms left;
	transition: 400ms left;
}

/* line 203, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .snap-animate.carousel-document {
	-webkit-transition-timing-function: cubic-bezier(0.15, 0.66, 0.45, 1.515);
	transition-timing-function: cubic-bezier(0.15, 0.66, 0.45, 1.515);
}

/* line 207, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .carousel-item {
	display: table-cell;
	vertical-align: top;
}

/* line 210, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .carousel-item.only-text {
	vertical-align: middle;
}

/* line 215, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .teaser {
	width: 530px;
	margin: 0;
	padding: 0;
}

/* line 223, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .teaser .teaser-box {
	min-height: 0;
}

/* line 229, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .st-img-text,
.stage-main .carousel .st-text {
	padding: 0;
}

/* line 240, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .st-img-text img {
	float: left;
	vertical-align: bottom;
	max-width: 100%;
	width: 100%;
	margin: 0 20px 15px 0;
}

/* line 259, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .st-img-text p {
	margin-bottom: 15px;
}

/* line 263, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .st-img-text .more {
	font-size: 15px;
	line-height: 1.3em;
}

/* line 271, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .st-text p {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 1.6em;
	-webkit-text-size-adjust: none;
}

/* line 284, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .st-text .more {
	font-size: 15px;
	line-height: 1.3em;
}

/* line 290, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .double-size {
	width: 420px;
}

/* line 294, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .pagination {
	display: inline-block;
	margin-top: 20px;
	padding: 0 20px;
}

/* line 299, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .pagination li {
	display: inline-block;
	margin: 0 5px 5px 5px;
}

/* line 303, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .pagination li button {
	border-radius: 50%;
	width: 16px;
	height: 16px;
	padding: 0;
	background: transparent;
	border: 1px solid #007eb4;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

/* line 314, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .pagination li button:hover,
.stage-main .carousel .pagination li button:focus {
	background: #007eb4;
	border: 1px solid #007eb4;
}

/* line 321, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .pagination li.on button {
	background: #007eb4;
	border: 1px solid #007eb4;
}

/* line 337, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-aside {
	width: 100%;
	margin-bottom: 50px;
}

/* line 349, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-aside .related {
	margin-bottom: 30px;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-aside .related h2 {
	margin-bottom: 15px;
	font-size: 28px;
	line-height: 1.2em;
	font-family: "TheSerif_400_", georgia, sans-serif;
	color: #07262d;
}

/* line 365, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-aside .related h2.color-1 {
	color: #fff;
}

/* line 368, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-aside .related h2.color-2 {
	color: #000;
}

/* line 374, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-aside .t-contact {
	margin-bottom: 30px;
}

/* line 383, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-aside .t-contact p,
.stage-aside .t-contact li,
.stage-aside .t-contact .title,
.stage-aside .t-contact .org {
	font-size: 15px;
	line-height: 1.2em;
	color: #07262d;
}

/* line 388, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-aside .t-contact .title {
	font-family: "TheSerif_400_", georgia, sans-serif;
}

.stage-aside .related,
.stage-aside .t-contact,
.stage-aside .alert {
	display: none;
}


/* Stage var 1 (Topic level 1 / Image cover) */

/* line 395, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.st-var-01 {
	position: relative; /* Combined with layered breadcrumb */
}

/* line 410, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.bc-layer + .st-var-01 {
	padding-top: 46px; /* see breadcrumb min height */
}

/* line 418, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.st-var-01 .copyright {
	position: absolute;
	bottom: 10px;
	right: 0px;
	padding: 5px 8px;
	font-size: 14px;
	background: rgba(255, 255, 255, 0.8);
}

/* Stage var 2 (Topic level 2 / plain stage) */

/* line 430, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.st-var-02 .stage-box {
	padding-top: 40px;
}

/* line 435, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.st-var-02.stage-fullsize .stage-box {
	position: relative;
}

/* line 438, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.st-var-02.stage-fullsize .stage-box .stage-aside {
	width: 100%;
	padding: 0;
}

/* line 444, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.st-var-02.stage-fullsize .alert {
	text-align: center;
}

/* line 448, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.st-var-02.stage-fullsize .stage-main {
	width: 100%;
}

/* line 452, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.st-var-02.stage-fullsize .stage-main .carousel .teaser {
	margin: 0;
}

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-section .row > h1,
.chart-section .row > h2 {
	text-align: center;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-section .row > p {
	margin-bottom: 25px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 23px;
	line-height: 1.4375rem; /* 15*150% */
	text-align: center;
}

/* line 23, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-group {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 61.875rem;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.chart-group:before,
.chart-group:after {
	content: " ";
	display: table;
}

/* line 169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.chart-group:after {
	clear: both;
}

/* line 31, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item {
	position: relative;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
}

/* line 73, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-wrapper {
	outline: none;
}

/* line 94, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.fig-section {
	position: relative;
}

/* line 97, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.fig-section .chart {
	position: relative;
	width: 100%;
	padding-bottom: 100%; /* Maintain vertical dimension / aspect ratio */
}

/* line 102, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.fig-section .chart .chart-percent {
	position: absolute; /* Expand svg container */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
}

/* line 111, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.fig-section .chart .chart-percent svg {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: visible;
}

/* line 118, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.fig-section .chart .chart-percent .progress {
	stroke: #00597f;
	fill: transparent;
}

/* line 123, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.fig-section .chart .chart-percent .left-over {
	stroke: #007eb4;
	fill: transparent;
}

/* line 130, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.fig-section .caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0, 110, 157, 0.8);
	border-radius: 50%;
}

/* line 140, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.fig-section .caption span {
	width: 70%;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
	color: #fff;
}

.gremien-wrapper > span {
	display: block !important;
	color: white !important;
	text-align: left !important;
	padding: 20px !important;
}

.gremien-wrapper > span > h2 > a {
	color: #fff !important;
	word-break: break-word !important;
}

.gremium-caption {
	border-radius: 0 !important;
	background-color: #E7E7E7 !important;
}

.gremium-caption > span {
	padding-right: 0 !important;
	padding-left: 0 !important;
	text-align: left !important;
	top: 0 !important;
	left: 0 !important;
	height: 100% !important;
	webkit-tranform: translate(0,0) !important;
	transform: translate(0,0) !important;
	margin-top: 15px !important;
	width: 100% !important;
}

.gremium-caption > span > div {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.gremium-caption-text-link {
	margin-top: 15px;
	font-weight: bold;
}

.gremium-caption-text > h2 {
	margin-bottom: 15px;
}

.gremium-caption-text > p:empty {
    height:15px;
}

.gremien-list-button-margin {
	margin-right: 4px;
}

.gremien-list-button {
    background-repeat: no-repeat !important;
	background-position: left !important;
	padding-left: 35px;
	padding-right: 10px;
    margin-bottom: 25px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

.gremien-list-button-example {
	background-image: url('') !important;
}

.gremien-list-button-branchen-b {
	background-image: url('../icons/gremien/Gremiendarstellung-branchen-b.png') !important;
}

.gremien-list-button-branchen-b:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-branchen-w.png') !important;
}

.gremien-list-button-branchen-w {
	background-image: url('../icons/gremien/Gremiendarstellung-branchen-w.png') !important;
}

.gremien-list-button-branchen-w:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-branchen-b.png') !important;
}

.gremien-list-button-deutschland-b {
	background-image: url('../icons/gremien/Gremiendarstellung-deutschland-b.png') !important;
}

.gremien-list-button-deutschland-b:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-deutschland-w.png') !important;
}

.gremien-list-button-deutschland-w {
	background-image: url('../icons/gremien/Gremiendarstellung-deutschland-w.png') !important;
}

.gremien-list-button-deutschland-w:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-deutschland-b.png') !important;
}

.gremien-list-button-kommunikation-b {
	background-image: url('../icons/gremien/Gremiendarstellung-kommunikation-b.png') !important;
}

.gremien-list-button-kommunikation-b:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-kommunikation-w.svg') !important;
}

.gremien-list-button-kommunikation-w {
	background-image: url('../icons/gremien/Gremiendarstellung-kommunikation-w.svg') !important;
}

.gremien-list-button-kommunikation-w:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-kommunikation-b.png') !important;
}

.gremien-list-button-maerkte-b {
	background-image: url('../icons/gremien/Gremiendarstellung-maerkte-b.png') !important;
}

.gremien-list-button-maerkte-b:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-maerkte-w.png') !important;
}

.gremien-list-button-maerkte-w {
	background-image: url('../icons/gremien/Gremiendarstellung-maerkte-w.png') !important;
}

.gremien-list-button-maerkte-w:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-maerkte-b.png') !important;
}

.gremien-list-button-recht-b {
	background-image: url('../icons/gremien/Gremiendarstellung-recht-b.png') !important;
}

.gremien-list-button-recht-b:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-recht-w.png') !important;
}

.gremien-list-button-recht-w {
	background-image: url('../icons/gremien/Gremiendarstellung-recht-w.png') !important;
}

.gremien-list-button-recht-w:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-recht-b.png') !important;
}

.gremien-list-button-services-b {
	background-image: url('../icons/gremien/Gremiendarstellung-services-b.png') !important;
}

.gremien-list-button-services-b:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-services-w.png') !important;
}

.gremien-list-button-services-w {
	background-image: url('../icons/gremien/Gremiendarstellung-services-w.png') !important;
}

.gremien-list-button-services-w:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-services-b.png') !important;
}

.gremien-list-button-sicherheit-b {
	background-image: url('../icons/gremien/Gremiendarstellung-sicherheit-b.png') !important;
}

.gremien-list-button-sicherheit-b:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-sicherheit-w.png') !important;
}

.gremien-list-button-sicherheit-w {
	background-image: url('../icons/gremien/Gremiendarstellung-sicherheit-w.png') !important;
}

.gremien-list-button-sicherheit-w:hover {
	background-image: url('../icons/gremien/Gremiendarstellung-sicherheit-b.png') !important;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.fig-section .caption span {
	position: absolute;
	z-index: 1;
}

/* line 373, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.fig-section .caption span {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* temp: IE9 only, to be replaced with feature detection */

/* line 306, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.ie9 .fig-front {
	display: block;
}

/* line 310, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.ie9 .fig-back {
	display: none;
}

/* line 318, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.ie9 .fig-wrapper:focus .fig-back,
.ie9 .fig-wrapper:hover .fig-back,
.ie9 .fig-wrapper.active .fig-back {
	display: block;
}

/* line 321, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.ie9 .fig-wrapper:focus .fig-back .chart-percent,
.ie9 .fig-wrapper:hover .fig-back .chart-percent,
.ie9 .fig-wrapper.active .fig-back .chart-percent {
	display: none;
}

/* line 326, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.ie9 .fig-wrapper:focus .fig-front,
.ie9 .fig-wrapper:hover .fig-front,
.ie9 .fig-wrapper.active .fig-front {
	display: none;
}

/* line 333, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-footer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 61.875rem;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.chart-footer:before,
.chart-footer:after {
	content: " ";
	display: table;
}

/* line 169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.chart-footer:after {
	clear: both;
}

/* line 352, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-footer p {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 120%;
	color: #666;
}

/* line 362, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-footer p em {
	display: block;
	padding-top: 15px;
	border-top: 1px solid #ddd;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.text-section .list-striped li {
	padding-left: 0;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.text-section .list-striped li:before {
	background: none;
}

/* line 7, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.list-striped {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	word-spacing: 0;
	margin-bottom: 30px;
}

/* line 17, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.list-striped li {
	list-style: none;
	border-bottom: 1px solid #ddd;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

/* line 23, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.list-striped li:first-child {
	border-top: 1px solid #ddd;
}

/* line 27, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.list-striped li:nth-child(odd) {
	background: #fff;
}

/* line 31, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.list-striped li:nth-child(even) {
	background: #f8f8f8;
}

/* line 34, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.list-striped li:before {
	background: none;
	padding-left: 0;
}

/* line 38, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.list-striped li a {
	display: block;
	font-size: 15px;
	padding: 10px 30px 10px 10px;
	background-position: 98% 50%;
}

/* line 70, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.list-striped li a:hover,
.list-striped li a:focus {
	background-color: #007eb4;
	color: #fff;
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.list-striped li span {
	display: block;
	font-size: 15px;
	padding: 10px 30px 10px 10px;
}

/* side-topic list*/

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.st-list li {
	display: inline-block;
	padding: 5px 10px 5px 0;
}

/* line 96, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.st-list a {
	display: inline-block;
	padding: 10px 15px;
	color: #fff;
	background-color: #007eb4;
	border: 0 none;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* line 110, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.page-links ul {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/* line 122, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.tags li,
.page-links li {
	list-style: none;
	margin-bottom: 10px;
	float: left;
}

/* line 127, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.tags li a,
.page-links li a {
	display: block;
	margin-right: 10px;
	background: #007eb4;
	color: #fff;
	padding: 8px 10px;
	font-size: 14px;
}

/* line 136, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.tags li a:hover,
.tags li a:focus,
.page-links li a:hover,
.page-links li a:focus {
	color: #007eb4;
	background: #f8f8f8;
}

/* line 145, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.tags li {
	padding-left: 0;
}

/* line 148, /Users/felix.berger/localhost/git/bitkom/bitkom/html-prototype/resources/scss/blocks/lists */

.text-section .tags li {
	padding-left: 0;
}

/* line 152, /Users/felix.berger/localhost/git/bitkom/bitkom/html-prototype/resources/scss/blocks/lists */

.tags li:before {
	display: none;
}

/* line 159, /Users/felix.berger/localhost/git/bitkom/bitkom/html-prototype/resources/scss/blocks/lists */

.main-section-box .row .result-list > h2 {
	padding: 10px 0.9375rem 10px 0.9375rem;
	color: #07262d;
	font-size: 34px;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 156, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li span {
	display: block;
	float: left;
	margin-right: 20px;
}

/* line 161, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li span img {
	display: block;
	height: 80px;
	width: 80px;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li .date {
	float: left;
	margin-right: 20px;
	display: block;
	position: relative;
	width: 80px;
	border: 1px solid #ddd;
	padding: 10px 5px;
	background: #fff;
}

/* line 178, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li .date span {
	display: inline;
	float: none;
	margin-right: 0;
	position: static;
}

/* line 185, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li .date em {
	display: block;
	font-size: 18px;
	color: #e7402d;
	text-align: center;
	font-family: "TheSerif-700_", georgia, sans-serif;
}

/* line 192, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li .date em span.month {
	display: block;
	padding: 5px 0 0 0;
	margin-top: 3px;
	border-top: 1px solid #ddd;
	font-size: 13px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	color: #666;
	text-transform: uppercase;
}


.filter-list .table-list table td.first .is-date {
	display: block;
	font-size: 18px;
	font-family: "TheSans_B4_400_sc", arial, sans-serif;
}


/* line 227, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside,
.filter-list aside {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 230, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside h4,
.filter-list aside h4 {
	font-family: "TheSans_B4_500_", arial, sans-serif;
	font-size: 14px;
	color: #07262d;
	padding-bottom: 15px;
	margin-bottom: 40px;
}

/* line 245, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box,
.filter-list aside .filter-box {
	padding-bottom: 45px;
}

/* line 252, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box h3,
.filter-list aside .filter-box h3 {
	font-size: 14px;
	font-family: "TheSerif-700_", georgia, sans-serif;
	margin-bottom: 8px;
}

/* line 259, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box .show-all span,
.filter-list aside .filter-box .show-all span {
	font-size: 14px;
}

/* line 263, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box .show-all .initial-info,
.filter-list aside .filter-box .show-all .initial-info {
	display: block;
}

/* line 267, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box .show-all .additional-info,
.filter-list aside .filter-box .show-all .additional-info {
	display: none;
}

/* line 272, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box .show-few,
.filter-list aside .filter-box .show-few {
	display: none;
}

/* line 277, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box ul.initial-options,
.filter-list aside .filter-box ul.initial-options {
	display: block;
}

/* line 281, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box ul.more-options,
.filter-list aside .filter-box ul.more-options {
	display: none;
}

/* line 285, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box ul li,
.filter-list aside .filter-box ul li {
	margin-bottom: 5px;
}

/* line 288, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box ul li a,
.filter-list aside .filter-box ul li a {
	display: inline-block;
	font-size: 14px;
	color: #666;
}

/* line 294, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box ul li a:hover,
.result-list aside .filter-box ul li a:focus,
.filter-list aside .filter-box ul li a:hover,
.filter-list aside .filter-box ul li a:focus {
	text-decoration: underline;
}

/* line 298, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box ul li a.selected,
.filter-list aside .filter-box ul li a.selected {
	position: relative;
	background: #007eb4;
	padding: 2px 25px 4px 4px;
	color: #fff;
}

/* line 304, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box ul li a.selected:after,
.filter-list aside .filter-box ul li a.selected:after {
	content: "";
	position: absolute;
	right: 4px;
	top: 5px;
	height: 14px;
	width: 14px;
}

/* line 315, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box ul li a.selected:hover,
.result-list aside .filter-box ul li a.selected:focus,
.filter-list aside .filter-box ul li a.selected:hover,
.filter-list aside .filter-box ul li a.selected:focus {
	background-color: #666;
}

/* line 337, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box.show-all ul.initial-options,
.filter-list aside .filter-box.show-all ul.initial-options {
	display: none;
}

/* line 341, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box.show-all ul.more-options,
.filter-list aside .filter-box.show-all ul.more-options {
	display: block;
}

/* line 347, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box.show-all .show-all .initial-info,
.filter-list aside .filter-box.show-all .show-all .initial-info {
	display: none;
}

/* line 351, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box.show-all .show-all .additional-info,
.filter-list aside .filter-box.show-all .show-all .additional-info {
	display: block;
}

/* line 359, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results,
.filter-list .results {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 363, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li,
.filter-list .results ul li {
	border-bottom: 1px solid #ddd;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
}

/* line 369, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li:last-child,
.filter-list .results ul li:last-child {
		border-bottom: none;
}

/* line 374, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li h2,
.filter-list .results ul li h2 {
	font-family: "TheSerif_400_", georgia, sans-serif;
	font-size: 18px;
	word-wrap: break-word;
}

.result-list .results ul li h2 .date-form,
.filter-list .results ul li h2 .date-form {
	position: static;
	font-family: "TheSans_B4_400_sc", arial, sans-serif;
}

/* line 379, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li h2 a,
.filter-list .results ul li h2 a {
	word-wrap: break-word;
}

/* line 382, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li h2 a:hover,
.result-list .results ul li h2 a:focus,
.filter-list .results ul li h2 a:hover,
.filter-list .results ul li h2 a:focus {
	text-decoration: underline;
}

/* line 387, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li h2 em,
.filter-list .results ul li h2 em {
	display: block;
	margin-bottom: 3px;
	font-size: 12px;
	color: #666;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 399, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number,
.filter-list .results .choose-number {
	text-align: right;
	padding-bottom: 10px;
	margin-bottom: 40px;
}

/* line 405, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number h4,
.filter-list .results .choose-number h4 {
	margin-right: 10px;
	padding-top: 4px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	font-size: 14px;
	color: #07262d;
	display: inline-block;
	vertical-align: top;
}

/* line 415, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number ul,
.filter-list .results .choose-number ul {
	display: inline-block;
}

/* line 418, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number ul li,
.filter-list .results .choose-number ul li {
	border-bottom: none;
	border-right: 1px solid #666;
	padding: 0;
	margin-top: 0;
	border-top: none;
	margin-bottom: 0;
	display: inline-block;
	min-height: 0;
}

/* line 428, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number ul li:last-child,
.filter-list .results .choose-number ul li:last-child {
	border: none;
}

/* line 433, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number ul li a,
.result-list .results .choose-number ul li strong,
.filter-list .results .choose-number ul li a,
.filter-list .results .choose-number ul li strong {
	display: block;
	vertical-align: top;
	font-size: 14px;
	padding: 5px 0 5px 15px;
	margin: 0 15px 0 0;
}

/* line 442, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number ul li a:hover,
.result-list .results .choose-number ul li a:focus,
.filter-list .results .choose-number ul li a:hover,
.filter-list .results .choose-number ul li a:focus {
	text-decoration: underline;
}

.filter-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}


/* line 479, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .choose-number {
	border-bottom: none;
}


.filter-list .table-list table {
	padding-left: 0;
	padding-right: 0;
}

.filter-list .result-pagination {
	padding-left: 0;
	padding-right: 0;
}


/* line 483, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 20px;
}

/* line 487, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .choose-number {
	border-bottom: none;
}

/* line 491, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .second {
	padding-right: 0;
}

/* line 496, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results ul li {
	overflow: hidden;
	padding: 20px 0 0 0;
	margin-top: 20px;
	margin-bottom: 0;
	border-top: 1px solid #ddd;
	border-bottom: 0;
}

/* line 504, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results ul li:first-child {
	border-top: none;
	padding: 0;
	margin-top: 0;
}

/* line 513, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard img {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	padding-left: 0;
}

/* line 518, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .contact-details {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	padding: 0;
}

/* line 523, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .contact-details h2 {
	clear: both;
	font-size: 18px;
	padding: 0;
	margin: 0;
	font-family: "TheSerif-700_", georgia, sans-serif;
}

/* line 530, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .contact-details h2 span {
	display: inline-block;
	margin-right: 5px;
	color: #666;
	text-transform: none;
	font-size: 18px;
}

/* line 540, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .contact-details .title,
.filter-list .results .vcard .contact-details .org,
.filter-list .results .vcard .contact-details .email {
	display: block;
	font-size: 14px;
	padding: 0;
}

/* line 546, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .contact-details .title {
	margin-bottom: 20px;
}

/* line 551, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .contact-details dl dt {
	font-size: 14px;
	display: inline-block;
}

/* line 556, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .contact-details dl dd {
	font-size: 14px;
	display: inline-block;
}

/* line 563, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .topic-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	margin-top: 20px;
	padding-left: 0;
}

/* line 568, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .topic-list h3 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	font-family: "TheSerif-700_", georgia, sans-serif;
}

/* line 575, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .topic-list ul {
	list-style: none;
	margin-left: 20px;
}

/* line 578, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .topic-list ul li {
	padding: 0 0 0 15px;
	position: relative;
	border: none;
	overflow: visible;
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 14px;
}

/* line 587, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .topic-list ul li:before {
	position: absolute;
	left: 0;
	top: 7px;
	content: "";
	color: #007eb4;
	height: 5px;
	width: 5px;
	background: #007eb4;
}

/* line 598, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .topic-list ul li:before,
.filter-list .results .vcard .topic-list ul li:after {
	clear: none;
	display: inline;
}

/* line 607, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .social-media {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

/* line 614, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .social-media li {
	display: inline-block;
	padding-left: 20px;
	border: none;
	list-style: none;
}

/* line 620, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .social-media li:first-child {
	padding-left: 0;
}

/* line 623, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .social-media li:before {
	background: none;
}

/* line 627, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .social-media li a {
	display: block;
}

/* line 631, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .social-media li a.vcard-download {
	height: 22px;
	width: 24px;
}

/* line 637, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .social-media li a.xing {
	height: 24px;
	width: 23px;
}

/* line 643, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .social-media li a.linked {
	height: 24px;
	width: 23px;
}

/* line 652, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .link-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

/* line 658, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .link-list li {
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
}

/* line 663, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .link-list li a {
	display: block;
	margin-bottom: 5px;
}

/* line 674, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list.contact-list .results .vcard .contact-details {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
}

/* line 800, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.search-result .results {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 802, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.search-result .results h2 {
	margin-bottom: 8px;
}

/* line 805, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.search-result .results h2 a:hover,
.search-result .results h2 a:focus {
	text-decoration: underline;
}

/* line 809, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.search-result .results p {
	font-size: 15px;
}

/* line 811, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.search-result .results p em {
	background: #ddd;
	font-style: normal;
	padding: 0 3px;
}

/* Topic blocks as used on start page sections */

/* line 2, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section {
	text-align: center;
}

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section h1 {
	text-align: left;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section ul {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	display: block;
	margin-bottom: 20px;
	padding: 0;
	float: none;
	text-align: left;
}

/* line 19, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section li {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
}

/* line 23, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section .topic-box {
	margin-bottom: 20px;
	vertical-align: top;
	text-align: center;
}

/* line 29, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section figure {
	display: block;
}

/* line 32, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section figure img {
	vertical-align: bottom;
}

/* line 36, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section figure > a {
	display: block;
	margin-bottom: 10px;
}

/* line 42, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section figure > a:focus img,
.topics-section figure > a:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* line 47, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section figure > a img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
}

/* line 55, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section h2 {
	font-family: "TheSans_B4_500_", arial, sans-serif;
	font-size: 14px;
	min-height: 40px;
}

/* line 61, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section h2 a:focus,
.topics-section h2 a:hover {
	text-decoration: underline;
}

/* line 67, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section h3 {
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel {
	position: relative;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto 30px;
}

/* line 7, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel > button {
	display: none;
	position: absolute;
	z-index: 10;
	height: 80px;
	width: 20px;
	background-color: transparent;
	border: none;
	opacity: 0.5;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.carousel > button {
	position: absolute;
	z-index: 1;
}

/* line 361, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.carousel > button {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* line 20, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel > button:hover,
.carousel > button:focus {
	opacity: 1;
}

/* line 24, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel > button.carousel-prev {
	left: 20px;
	background-position: 0 0;
}

/* line 30, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel > button.carousel-prev:disabled:hover {
	background-color: transparent;
	opacity: 0.5;
}

/* line 37, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel > button.carousel-next {
	right: 20px;
	background-position: 100% 0;
}

/* line 42, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel > button.carousel-next:disabled {
	right: 20px;
}

/* line 45, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel > button.carousel-next:disabled:hover {
	background-color: transparent;
	opacity: 0.5;
}

/* line 53, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .carousel-view {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

/* line 60, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .carousel-document {
	position: relative;
	display: table;
	left: 0;
	text-align: left;
	-webkit-backface-visibility: hidden;
}

/* line 68, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .animate.carousel-document {
	-webkit-transition: 400ms left;
	transition: 400ms left;
}

/* line 72, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .snap-animate.carousel-document {
	-webkit-transition-timing-function: cubic-bezier(0.15, 0.66, 0.45, 1.515);
	transition-timing-function: cubic-bezier(0.15, 0.66, 0.45, 1.515);
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .carousel-item {
	display: table-cell;
	vertical-align: top;
}

.carousel .t-image .teaser-box h2 a {
	min-height: 0;
}

/* line 81, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .teaser {
	width: 530px;
	margin: 10px;
	padding: 0;
}

/* line 86, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .teaser .teaser-box {
	min-height: 0;
}

/* line 90, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .teaser h2 {
	font-family: "TheSerif-700_", georgia, sans-serif;
}

/* line 94, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .teaser a {
	display: block;
}

/* line 99, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .double-size {
	width: 420px;
}

/* line 103, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .pagination {
	display: inline-block;
	margin-top: 20px;
	padding: 0 20px;
}

/* line 108, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .pagination li {
	display: inline-block;
	margin: 0 5px 5px 5px;
}

/* line 112, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .pagination li button {
	border-radius: 50%;
	width: 16px;
	height: 16px;
	padding: 0;
	background: transparent;
	border: 1px solid #007eb4;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

/* line 123, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .pagination li button:hover,
.carousel .pagination li button:focus {
	background: #007eb4;
	border: 1px solid #007eb4;
}

/* line 130, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .pagination li.on button {
	background: #007eb4;
	border: 1px solid #007eb4;
}

/* line 2, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.has-open-modal body {
	overflow: hidden;
}

/* line 6, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.modal-document {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	background: rgba(0, 0, 0, 0.6);
	height: 100%;
	min-height: 100%;
	z-index: 999;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 400ms all;
	transition: 400ms all;
}

/* line 23, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.modal-document.modal-open {
	opacity: 1;
	visibility: visible;
	overflow: auto;
}

/* line 29, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.modal-dialog {
	min-width: 320px;
	width: 700px;
	max-width: 100%;
	margin: 50px auto;
	min-height: 200px;
	background: #fff;
}

/* line 39, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog {
	width: 100%;
	padding: 0 110px;
	background: transparent;
}

/* line 48, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button[disabled],
.lightbox-document button.lightbox-prev[disabled],
.lightbox-document button.lightbox-next[disabled] {
	opacity: 0;
}

/* line 52, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button[disabled]:focus,
.lightbox-document button[disabled]:hover,
.lightbox-document button.lightbox-prev[disabled]:focus,
.lightbox-document button.lightbox-prev[disabled]:hover,
.lightbox-document button.lightbox-next[disabled]:focus,
.lightbox-document button.lightbox-next[disabled]:hover {
	opacity: 0;
}

/* line 58, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button.lightbox-prev,
.lightbox-document button.lightbox-next {
	position: absolute;
	z-index: 10;
	height: 78px;
	width: 19px;
	background-color: transparent;
	border: none;
	opacity: 0.5;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.lightbox-document button.lightbox-prev,
.lightbox-document button.lightbox-next {
	position: absolute;
	z-index: 1;
}

/* line 361, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.lightbox-document button.lightbox-prev,
.lightbox-document button.lightbox-next {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* line 70, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button.lightbox-prev:focus,
.lightbox-document button.lightbox-prev:hover,
.lightbox-document button.lightbox-next:focus,
.lightbox-document button.lightbox-next:hover {
	opacity: 1;
}

/* line 75, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button.lightbox-prev {
	left: 20px;
	background-position: 0 0;
}

/* line 81, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button.lightbox-prev:disabled:hover {
	background-color: transparent;
	opacity: 0;
}

/* line 88, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button.lightbox-next {
	right: 20px;
	background-position: 100% 0;
}

/* line 94, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button.lightbox-next:disabled:hover {
	background-color: transparent;
	opacity: 0;
}

/* line 101, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button.close-dialog {
	position: absolute;
	top: 50px;
	right: 30px;
	width: 50px;
	height: 50px;
	background-color: transparent;
	border: none;
	opacity: 0.5;
}

/* line 112, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button.close-dialog:after {
	position: absolute;
	content: "";
	top: 17px;
	left: 6px;
	width: 50px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff;
}

/* line 123, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button.close-dialog:before {
	position: absolute;
	top: 17px;
	left: 6px;
	content: "";
	width: 50px;
	height: 8px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #fff;
}

/* line 135, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document button.close-dialog:focus,
.lightbox-document button.close-dialog:hover {
	opacity: 1;
}

/* line 141, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content {
	margin: auto;
	background: #fff;
	padding: 60px 20px 20px 20px;
	-webkit-transition: max-width 400ms;
	transition: max-width 400ms;
}

/* line 147, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content[data-type="video"] {
	max-width: 1024px;
}

/* line 151, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content > figure {
	width: 100%;
	-webkit-transition: opacity 400ms;
	transition: opacity 400ms;
}

/* line 155, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content > figure img {
	display: block;
	margin-bottom: 10px;
	width: 100%;
}

/* line 161, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content > figure figcaption {
	font-size: 15px;
	line-height: 1.5;
}

/* line 172, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content > figure figcaption span {
	display: block;
	font-size: 13px;
}

/* line 178, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content > figure .copyright {
	display: block;
	margin-top: 15px;
}

/* line 190, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content > figure .pager {
	display: block;
}

/* line 199, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content > figure .pager span {
	display: inline;
}

/* line 206, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document.loading-modal-data .dialog-content {
	max-width: 300px;
	min-height: 300px;
	background: #fff url(/bitkom/org/Layout/img/png-icons/loader.gif) no-repeat center;
}

/* line 211, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document.loading-modal-data .dialog-content > figure {
	opacity: 0;
}

/* add basic styles */

/* line 2, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/media */

.mediaplayer {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 56.25%; /* 16/9 */
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/media */

.mediaplayer video,
.mediaplayer .polyfill-video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

/* line 17, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/media */

.touchevents .mediaplayer {
	font-size: 24px;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 7, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	margin-bottom: 20px;
}

/* line 11, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure a {
	position: relative;
	display: block;
}

/* line 15, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure a img {
	display: block;
}

/* line 19, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 35px;
	width: 35px;
	background-color: #000;
	background-position: 50% 50%;
	opacity: 0.8;
}

/* line 32, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure a:after:hover,
.media-gallery figure a:after:focus {
	opacity: 1;
}

/* line 38, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure figcaption {
	background: #f8f8f8;
	padding: 10px;
	color: #000;
	font-size: 13px;
	line-height: 1.5;
}

/* line 46, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure figcaption span {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #666;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.testimonial {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 61.875rem;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.testimonial:before,
.testimonial:after {
	content: " ";
	display: table;
}

/* line 169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/foundation/components/global */

.testimonial:after {
	clear: both;
}

/* line 6, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 16.6666666667%;
	float: left;
	position: relative;
	z-index: 10;
	margin-bottom: 8px;
	padding-right: 0;
}

/* line 14, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list .tab-item {
	margin-bottom: 10px;
}

/* line 17, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list .tab-item a {
	display: block;
}

/* line 19, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list .tab-item a.js-selected {
	border: 2px solid #fff;
}

/* line 24, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list .tab-item .item-img {
	width: 100%;
	height: auto;
	max-height: 100px;
	vertical-align: bottom;
}

/* line 34, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.no-js .tab-list {
	display: none;
}

/* line 38, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.no-js .item-figure {
	margin-bottom: 20px;
}

/* line 43, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

/* line 48, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .section-wrapper {
	position: relative;
}

/* line 52, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure {
	display: block;
	clear: both;
	overflow: hidden;
}

/* line 57, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .media {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 83.3333333333%;
	float: left;
	float: none;
	padding-bottom: 20px;
}

/* line 63, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .media img {
	width: 100%;
	height: auto;
}

/* line 69, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .fig-description {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
	position: relative;
}

/* line 75, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .fig-description .description-wrapper {
	border-top: 1px solid #fff;
	padding-top: 60px;
}

/* line 79, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .fig-description .description-wrapper:before {
	top: 0;
	left: 45%;
	border-color: transparent;
	border-top-color: #fff;
	border-width: 30px 0 30px 20px;
}

/* line 88, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .fig-description .description-wrapper:before,
.tab-list-content .item-figure .fig-description .description-wrapper:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	background-color: transparent;
}

/* line 98, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .fig-description .description-wrapper:after {
	top: -2px;
	left: 45%;
	border-color: transparent;
	border-top-color: #007eb4;
	border-width: 29px 0 29px 19px;
}

/* line 107, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .fig-description .quote {
	display: block;
	font-size: 24px;
}

/* line 111, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .fig-description .quote p {
	margin-bottom: 30px;
	line-height: 1.4;
}

/* line 117, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .fig-description cite {
	font-size: 14px;
}

/* line 120, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .fig-description cite span {
	display: block;
}

/* line 125, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content .item-figure .fig-description .btn {
	width: 100%;
	margin-top: 45px;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/videoplayer */

.mediaplayer {
	margin-bottom: 30px;
}

/**
 * Forms Stylesheet
 *
 * Standard Screen Layout
 */

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Basisformatierungen
 *
 * @section base-formattings
 */

/* line 17, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

[hidden] {
	display: none !important;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Allgemeine Formularformatierungen
 *
 * @section form
 */

/* line 32, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

select::-ms-expand {
	display: none;
}

/* line 38, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.lt-ie10 select {
	overflow: hidden;
	padding-right: 10px !important;
	background-image: none !important;
}

select,
input,
textarea {
	font-family: "TheSans_B4_500_", arial, sans-serif;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * WS form items 
 * Default CSS overrides using !important declarations
 * Those are intentional to keep WS kontext flexible
 *
 */

/* WS Range */

/* line 57, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.ws-range {
	width: 100%; /* not using ws width calculation */
}

/* line 60, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.ws-range .ws-range-thumb {
	cursor: move;
}

/* WS number */

/* line 66, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.number-input-buttons {
	display: none;
}

/* WS date, ws-popover eg datepicker */

/* line 76, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker li,
.input-picker button,
.input-picker .picker-list td > button,
.input-picker .ws-picker-header button,
.input-picker .ws-button-row button {
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 79, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .ws-picker-header button {
	font-family: "TheSans_B2_800_", arial, sans-serif;
	font-weight: normal;
}

/* line 84, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/forms */

/* line 71, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.has-input-buttons {
	padding-right: 30px !important;
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-button-size-1,
.input-button-size-2 {
	margin-left: -30px !important;
}

/* line 80, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.step-controls {
	display: none;
}

/* line 84, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.ws-popover-opener {
	background-color: transparent !important;
	margin: 0;
	width: 18px;
	height: 19px;
	margin: 0 0 0 3px;
	border-radius: 0;
}

/* line 93, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.ws-popover-opener:focus,
.ws-popover-opener:hover {
	border: 0;
}

/* line 101, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.ws-popover-opener > span {
	display: block;
	top: 0;
	left: 0;
	width: 18px;
	height: 19px;
	margin: 0;
	background-size: 100% auto;
}

/* line 111, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.ws-popover-opener > span:before {
	content: "";
}

/* WS Popover */

/* line 119, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .ws-po-box {
	border-color: #ddd;
}

/* line 123, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .ws-po-arrow {
	border-bottom-color: #ddd;
}

/* line 127, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .ws-picker-header {
	margin: 0 80px;
}

/* line 130, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .ws-picker-header select {
	display: none;
}

/* line 134, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .ws-picker-header button {
	padding: 11px 0;
}

/* line 138, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .ws-picker-header button:focus,
.input-picker .ws-picker-header button:hover {
	background: none;
	border: 0;
	color: inherit;
}

/* line 149, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .picker-grid button:focus,
.input-picker .picker-grid button:hover {
	background-color: #007eb4 !important;
	border: 0;
	color: #fff;
}

/* line 155, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .picker-grid button[aria-selected="true"] {
	background-color: #07262d !important;
	color: #fff;
}

/* line 162, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .picker-list {
	padding-top: 10px;
}

/* line 167, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .ws-picker-controls button {
	padding: 5px;
}

/* line 178, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .prev-controls button:focus:before,
.input-picker .prev-controls button:focus:after,
.input-picker .prev-controls button:hover:before,
.input-picker .prev-controls button:hover:after {
	border-right-color: #fff;
}

/* line 190, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .next-controls button:focus:before,
.input-picker .next-controls button:focus:after,
.input-picker .next-controls button:hover:before,
.input-picker .next-controls button:hover:after {
	border-left-color: #fff;
}

/* line 197, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker .ws-button-row {
	border-color: #ddd;
}

/* line 205, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.input-picker button {
	border-radius: 0 !important;
}

/* WS popover alternative animation */

/* line 212, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

[class*="animate-"] .ws-popover {
	overflow: visible;
}

/* line 217, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

[class*="animate-"].ws-po-visible .ws-po-outerbox {
	opacity: 1;
	-webkit-transform: translate(0, 0) scale(1);
	-ms-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1);
}

/* line 225, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.animate-2 .ws-popover {
	overflow: visible;
	-webkit-perspective: 600px;
	-ms-perspective: 600px;
	perspective: 600px;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/* line 231, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.animate-2 .ws-po-outerbox {
	-webkit-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0 0;
	-ms-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;
}

/* line 237, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.animate-2 [data-vertical="bottom"] .ws-po-outerbox {
	-webkit-transform-origin: 50% 100% 0;
	-ms-transform-origin: 50% 100% 0;
	transform-origin: 50% 100% 0;
	-webkit-transform: rotateX(60deg);
	-ms-transform: rotateX(60deg);
	transform: rotateX(60deg);
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Default form context
 *
 * @section default-form
 */

/* line 253, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form {
	position: relative;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
	clear: both; /**
	 * ---------------------------------------------------------------------------------------------------- #
	 *
	 * Formular-Clearfix
	 * 
	 * @subsection form-clearfix
	 */ /**
	 * ---------------------------------------------------------------------------------------------------- #
	 *
	 * Formulargestaltung
	 *
	 * @section form-design
	 */ /* Radio-Buttons in Labels */ /* Checkboxes in Labels */ /**
	 * Formulargestaltung - Reihen
	 * 
	 * @subsection form-row
	 */ /* Hidden form row for meta validation messaging */ /* Form row for js-off specific options. Hidden while js-on */ /* Override foundation "[class*="column"] + [class*="column"]:last-child" */ /**
	 * Formulargestaltung - Anordnung, Größe
	 * 
	 * @subsection form-box
	 */ /**
	 * Formulargestaltung - Felder
	 * 
	 * @subsection form-field
	 */ /**
	 * Formulargestaltung - Erklärungstext
	 * 
	 * @subsection text
	 */ /**
	 * Formulargestaltung - Validierung
	 * 
	 * @subsection validation
	 */ /**
	 * Formulargestaltung - Range
	 * 
	 * @subsection ff-range
	 */ /**
	 * Formulargestaltung - Passwortsicherheit
	 * 
	 * @subsection password-security
	 */ /**
	 * ---------------------------------------------------------------------------------------------------- #
	 *
	 * Buttons
	 *
	 */ /**
	 * ---------------------------------------------------------------------------------------------------- #
	 *
	 * Form footer
	 *
	 */ /**
	 * ---------------------------------------------------------------------------------------------------- #
	 *
	 * Custom / additional form content
	 *
	 */ /* Custom style first spirit captcha */ /* Google recaptcha */ /* Accordions inside form */ /* Text sections for descriptional / disclaimer usage */ /* Form row nesting */ /* Form-ACC */ /* ACC-Handle */ /* Status changes: toggle handle content */ /* Status change: toggle button availability */ /* ACC select cases */ /**
	 * ---------------------------------------------------------------------------------------------------- #
	 *
	 * Media Query: small viewports only
	 *
	 */ /**
	 * ---------------------------------------------------------------------------------------------------- #
	 *
	 * Media Query: medium viewports
	 *
	 */ /**
	 * ---------------------------------------------------------------------------------------------------- #
	 *
	 * Media Query: large viewports
	 *
	 */ /**
	 * ---------------------------------------------------------------------------------------------------- #
	 *
	 * Media Query: xlarge viewports
	 *
	 */
}

/* line 259, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form legend {
	display: none;
}

/* line 276, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input[type="date"],
.default-form input[type="email"],
.default-form input[type="month"],
.default-form input[type="number"],
.default-form input[type="password"],
.default-form input[type="range"],
.default-form input[type="search"],
.default-form input[type="tel"],
.default-form input[type="text"],
.default-form input[type="time"],
.default-form input[type="url"],
.default-form input[type="week"],
.default-form select,
.default-form textarea {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 0;
	border: 1px solid #b0b0b0;
	border-radius: 2px;
	color: #666;
	box-shadow: none; /* do not use the 'all' transition-property: it creates errors with width, padding, border-width and margin! */
	-webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; /* do not use the 'all' transition-property: it creates errors with width, padding, border-width and margin! */
	transition: border-color linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
}

/* line 301, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input[type="date"],
.default-form input[type="email"],
.default-form input[type="month"],
.default-form input[type="number"],
.default-form input[type="password"],
.default-form input[type="range"],
.default-form input[type="search"],
.default-form input[type="tel"],
.default-form input[type="text"],
.default-form input[type="time"],
.default-form input[type="url"],
.default-form input[type="week"],
.default-form textarea {
	padding: 10px;
}

/* line 317, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input[type="date"],
.default-form input[type="email"],
.default-form input[type="month"],
.default-form input[type="number"],
.default-form input[type="password"],
.default-form input[type="range"],
.default-form input[type="search"],
.default-form input[type="tel"],
.default-form input[type="text"],
.default-form input[type="time"],
.default-form input[type="url"],
.default-form input[type="week"],
.default-form select {
	min-height: 40px;
	font-size: 14px;
	line-height: 1.2em;
}

/* line 323, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form textarea {
	max-width: 100%;
	min-height: 4em;
	max-height: 60em;
	height: 9em;
	padding: 10px;
	resize: vertical;
}

/* line 333, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input[type="radio"],
.default-form input[type="checkbox"] {
	margin: 0;
	padding: 0;
}

/* line 340, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus {
	border-color: #007eb4;
}

/* line 346, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input:hover,
.default-form select:hover,
.default-form textarea:hover {
	border-color: #007eb4;
}

/* line 351, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form select,
.default-form input[type="search"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* line 357, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form select {
	padding: 10px 25px 10px 10px;
	background-position: 100% 50%;
	vertical-align: top;
}

/* line 370, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input[type="hidden"] {
	display: none !important;
}

/* line 377, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input[disabled],
.default-form select[disabled],
.default-form textarea[disabled],
.default-form option[disabled] {
	cursor: not-allowed;
}

/* line 392, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row,
.default-form .ff-group-inline {
	zoom: 1;
}

/* line 405, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row:before,
.default-form .form-group:before,
.default-form .form-group-row:before,
.default-form .ff-group-block:before,
.default-form .ff-group-inline:before,
.default-form .form-row:after,
.default-form .form-group:after,
.default-form .form-group-row:after,
.default-form .ff-group-block:after,
.default-form .ff-group-inline:after {
	display: table;
	content: "";
}

/* line 414, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row:after,
.default-form .form-group:after,
.default-form .form-group-row:after,
.default-form .ff-group-block:after,
.default-form .ff-group-inline:after {
	clear: both;
}

/* line 427, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form fieldset {
	border: 0;
}

/* line 431, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .fs-section {
	position: relative;
	padding-bottom: 45px;
}

/* line 437, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .fs-section h2,
.default-form .fs-section h6 {
	font-size: 28px;
	padding-bottom: 25px;
	margin-bottom: 40px;
	border-bottom: 1px solid #666;
	font-family: "TheSerif_400_", georgia, sans-serif;
	color: #07262d;
}

/* line 446, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .fs-highlight {
	padding: 25px;
	margin-bottom: 45px;
	background-color: #f8f8f8;
}

/* line 452, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .fs-feedback {
	padding-bottom: 45px;
}

/* line 456, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form hr {
	width: 100%;
	height: 1px;
	margin-bottom: 45px;
	border: 0;
	background-color: #ddd;
}

/* line 465, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form label,
.default-form .label-replacement {
	display: block;
	margin: 0 0 5px;
	padding: 10px 2px 0;
	font-size: 14px;
	line-height: 1.2em;
	color: #666;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	word-wrap: break-word;
}

/* line 478, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio.ff-group label,
.default-form .ff-check.ff-group label,
.default-form .ff-check.ff-single label {
	position: relative;
	margin-bottom: 0;
	padding: 5px 0 7px 25px;
	cursor: pointer;
}

/* line 486, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio label span:before,
.default-form .ff-check label span:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 1;
	width: 16px;
	height: 17px;
	background-position: 0 0;
}

/* line 499, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .no-csschecked .ff-radio label span:before,
.default-form .no-csschecked .ff-check label span:before {
	background: none;
}

/* line 505, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio label span:before,
.default-form .ff-radio label input[disabled]:hover ~ span:before {
	background-position: 0 -200px;
}

/* line 510, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio label input:focus ~ span:before,
.default-form .ff-radio label input:hover ~ span:before {
	background-position: 0 -300px;
}

/* line 515, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio label input:checked ~ span:before,
.default-form .ff-radio label input[disabled]:checked:hover ~ span:before {
	background-position: 0 -400px;
}

/* line 520, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio label input:checked:focus ~ span:before,
.default-form .ff-radio label input:checked:hover ~ span:before {
	background-position: 0 -500px;
}

/* line 524, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio.invalid label input ~ span:before {
	background-position: 0 -1000px;
}

/* line 529, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio.invalid label input:focus ~ span:before,
.default-form .ff-radio.invalid label input:hover ~ span:before {
	background-position: 0 -1100px;
}

/* line 535, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-check label span:before,
.default-form .ff-check label input[disabled]:hover ~ span:before {
	background-position: 0 -600px;
}

/* line 540, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-check label input:focus ~ span:before,
.default-form .ff-check label input:hover ~ span:before {
	background-position: 0 -700px;
}

/* line 545, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-check label input:checked ~ span:before,
.default-form .ff-check label input[disabled]:checked:hover ~ span:before {
	background-position: 0 -800px;
}

/* line 550, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-check label input:checked:focus ~ span:before,
.default-form .ff-check label input:checked:hover ~ span:before {
	background-position: 0 -900px;
}

/* line 554, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-check.invalid label input ~ span:before {
	background-position: 0 -1200px;
}

/* line 559, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-check.invalid label input:focus ~ span:before,
.default-form .ff-check.invalid label input:hover ~ span:before {
	background-position: 0 -1300px;
}

/* line 564, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio label input[disabled] ~ span,
.default-form .ff-check label input[disabled] ~ span {
	color: #878787;
	cursor: not-allowed;
}

/* line 570, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio label input[disabled] ~ span:before,
.default-form .ff-check label input[disabled] ~ span:before {
	opacity: 0.4;
	cursor: not-allowed;
}

/* line 578, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio .ff-group-block label,
.default-form .ff-radio .ff-group-inline label,
.default-form .ff-check .ff-group-block label,
.default-form .ff-check .ff-group-inline label {
	width: auto;
}

/* line 583, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-radio .ff-group-inline label,
.default-form .ff-check .ff-group-inline label {
	display: inline-block;
	margin-right: 30px;
}

/* line 589, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-group-row > .form-field > label,
.default-form .form-group-row > .form-field > .label-replacement {
	position: absolute;
	top: -32768px;
	left: -32768px;
}

/* line 595, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .required {
	display: block;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.5em;
}

/* line 602, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .required em {
	color: #e7402d;
}

/* line 606, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form dfn {
	color: #e7402d;
}

/* line 611, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-check.invalid.ff-group label input[type="checkbox"]:valid ~ span {
	color: #666;
}

/* line 615, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-check.invalid.ff-group label input[type="checkbox"]:valid ~ span:before {
	background-position: 0 -800px;
}

/* line 632, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row,
.default-form .form-group-row {
	position: relative;
	margin-bottom: 15px;
}

/* line 637, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-group-inline {
	position: relative;
	padding: 4px 30px 0 0;
}

/* line 642, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-group-block {
	position: relative;
	padding: 4px 30px 4px 0;
}

/* line 648, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row:last-child,
.default-form .form-group-row:last-child {
	margin-bottom: 0;
	
}

.default-form .form-row.companyprofile:last-child {
	margin-top: 15px;
}

/* line 653, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-group-row .form-field > label,
.default-form .form-group-row .form-field > .label-replacement {
	position: absolute;
	top: -32768px;
	left: -32768px;
}

/* line 660, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row-hidden {
	margin-bottom: 0;
}

/* line 665, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row-hidden .ff-check.valid:after {
	display: none;
}

/* line 671, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row-hidden .ff-check.invalid:after {
	top: 20px;
}

/* line 676, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row-hidden .ff-check label {
	display: none !important;
}

/* line 681, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row-hidden .ff-check .error-box p {
	margin-top: 15px;
	padding: 5px 0 5px;
	border-bottom: 1px solid #e7402d;
}

/* line 692, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.js .default-form .form-row-js-hidden {
	display: none !important;
}

/* line 698, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar:last-child {
	float: none;
}

/* line 710, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-box {
	position: relative; /* Tooltip positioning */
	float: left;
	padding: 0 5px 0 0;
}

/* line 716, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-box + .form-box {
	padding: 0 0 0 5px;
}

/* line 720, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-group .form-box { /* Tooltip positioning */
	position: static;
}

/* line 724, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-width-s {
	width: 25%;
}

/* line 725, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-width-m {
	width: 50%;
}

/* line 726, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-width-l {
	width: 75%;
}

/* line 727, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-width-xl {
	width: 100%;
}

/* line 729, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-box.form-width-xl {
	float: none;
	padding: 0;
}

/* line 742, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field {
	position: relative;
	width: 100%;
	zoom: 1;
}

/* line 748, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field .before {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0 10px 10px;
	font-size: 14px;
	pointer-events: none;
}

/* line 757, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field .before + input {
	padding-left: 30px;
}

/* line 761, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field .after {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 10px 10px 0;
	font-size: 14px;
	pointer-events: none;
}

/* line 770, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field .after + input {
	padding-right: 30px;
}

/* line 774, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field .maxlength-counter {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 1px;
	right: 40px;
	color: #666;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	pointer-events: none;
}

/* line 785, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field .maxlength-counter.maxlength-input-active {
	opacity: 1;
	visibility: visible;
}

/* line 802, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input[type="date"],
.default-form input[type="email"],
.default-form input[type="month"],
.default-form input[type="number"],
.default-form input[type="password"],
.default-form input[type="range"],
.default-form input[type="search"],
.default-form input[type="tel"],
.default-form input[type="text"],
.default-form input[type="time"],
.default-form input[type="url"],
.default-form input[type="week"],
.default-form textarea {
	-webkit-appearance: none;
}

/* line 814, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field.ff-feedback > input[readonly],
.default-form .form-field.ff-feedback > select[readonly],
.default-form .form-field.ff-feedback > textarea[readonly],
.default-form .form-field.ff-feedback > input[readonly]:focus,
.default-form .form-field.ff-feedback > select[readonly]:focus,
.default-form .form-field.ff-feedback > textarea[readonly]:focus,
.default-form .form-field.ff-feedback > input[readonly]:hover,
.default-form .form-field.ff-feedback > select[readonly]:hover,
.default-form .form-field.ff-feedback > textarea[readonly]:hover {
	border-color: #ddd;
	background-color: #f8f8f8;
}

/* line 827, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field.valid > input[readonly],
.default-form .form-field.valid > select[readonly],
.default-form .form-field.valid > textarea[readonly],
.default-form .form-field.valid > input[readonly]:focus,
.default-form .form-field.valid > select[readonly]:focus,
.default-form .form-field.valid > textarea[readonly]:focus,
.default-form .form-field.valid > input[readonly]:hover,
.default-form .form-field.valid > select[readonly]:hover,
.default-form .form-field.valid > textarea[readonly]:hover {
	opacity: 0.6;
	border-color: #0c0;
	background-color: transparent;
	cursor: not-allowed;
}

/* line 834, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form textarea {
	font-size: 16px; /* 16px */ /* 16px is a must for iOS not zooming into the form */
	line-height: 18px; /* 18px */
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 840, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form option {
	padding: 0 10px;
}

/* line 844, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input[type="range"] {
	border: none;
	border-radius: none;
}

/* line 850, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input[type="radio"],
.default-form input[type="checkbox"] {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 3px;
	left: 0;
	width: 16px;
	height: 17px;
	cursor: pointer;
}

/* line 862, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .no-csschecked input[type="radio"],
.default-form .no-csschecked input[type="checkbox"] {
	opacity: 1;
	background-color: transparent;
}

/* line 868, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .no-csschecked input[type="radio"]:focus,
.default-form .no-csschecked input[type="checkbox"]:focus {
	outline: 1px dotted #000;
}

/* line 873, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form input[type="radio"][disabled],
.default-form input[type="checkbox"][disabled] {
	cursor: not-allowed;
}

/* line 885, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-note {
	clear: both;
	padding: 5px 30px 0 0;
	font-size: 14px;
	line-height: 1.3em;
	color: #666;
}

/* line 906, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .valid:after,
.default-form .invalid:after,
.default-form .ff-group.valid .ff-group-block:after,
.default-form .ff-group.invalid .ff-group-block:after,
.default-form .ff-group.valid .ff-group-inline:after,
.default-form .ff-group.invalid .ff-group-inline:after {
	content: "";
	display: none;
	position: absolute;
	right: 0;
	top: 10px;
	width: 18px;
	height: 18px;
	background-position: 0 -100px;
	pointer-events: none;
}

/* line 921, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .valid:after,
.default-form .ff-group.valid .ff-group-block:after,
.default-form .ff-group.valid .ff-group-inline:after {
	background-position: 0 0;
}

/* line 927, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .invalid:after,
.default-form .ff-group.invalid .ff-group-block:after,
.default-form .ff-group.invalid .ff-group-inline:after {
	background-position: 0 -100px;
}

/* line 932, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .valid:after,
.default-form .invalid:after {
	top: 41px;
}

/* line 937, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-group .valid:after,
.default-form .form-group .invalid:after {
	top: 11px;
}

/* line 944, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-group.valid .ff-group-block:after,
.default-form .ff-group.invalid .ff-group-block:after,
.default-form .ff-group.valid .ff-group-inline:after,
.default-form .ff-group.invalid .ff-group-inline:after {
	top: 8px;
}

/* line 949, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-group.valid:after,
.default-form .ff-group.invalid:after {
	content: none;
}

/* line 955, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-single.valid:after,
.default-form .ff-single.invalid:after {
	top: 4px;
}

/* line 972, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .valid input[type="date"],
.default-form .valid input[type="email"],
.default-form .valid input[type="month"],
.default-form .valid input[type="number"],
.default-form .valid input[type="password"],
.default-form .valid input[type="range"],
.default-form .valid input[type="search"],
.default-form .valid input[type="tel"],
.default-form .valid input[type="text"],
.default-form .valid input[type="time"],
.default-form .valid input[type="url"],
.default-form .valid input[type="week"],
.default-form .valid select,
.default-form .valid textarea {
	border-color: #0c0;
	background-color: #fcfefc;
}

/* line 979, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .valid input:hover,
.default-form .valid select:hover,
.default-form .valid textarea:hover {
	border-color: #007eb4;
}

/* line 983, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .invalid label {
	color: #e7402d;
}

/* line 1000, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .invalid input[type="date"],
.default-form .invalid input[type="email"],
.default-form .invalid input[type="month"],
.default-form .invalid input[type="number"],
.default-form .invalid input[type="password"],
.default-form .invalid input[type="range"],
.default-form .invalid input[type="search"],
.default-form .invalid input[type="tel"],
.default-form .invalid input[type="text"],
.default-form .invalid input[type="time"],
.default-form .invalid input[type="url"],
.default-form .invalid input[type="week"],
.default-form .invalid select,
.default-form .invalid textarea {
	border-color: #e7402d;
	background-color: #fefcfc;
}

/* line 1007, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .invalid input:hover,
.default-form .invalid select:hover,
.default-form .invalid textarea:hover {
	border-color: #007eb4;
}

/* line 1016, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .valid input:focus,
.default-form .valid select:focus,
.default-form .valid textarea:focus,
.default-form .invalid input:focus,
.default-form .invalid select:focus,
.default-form .invalid textarea:focus {
	border-color: #007eb4;
	background-color: #fff;
}

/* line 1021, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .error-box {
	overflow: hidden;
	clear: both;
}

/* line 1026, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .error-box p {
	padding: 10px 0 5px;
	font-size: 14px;
	line-height: 1.3em;
	color: #e7402d;
}

/* line 1041, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-range {
	padding-top: 7px;
	padding-bottom: 7px;
}

/* line 1054, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .password-security {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 40px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #efefef;
	background-image: -webkit-repeating-linear-gradient(315deg, #fff, #fff 10px, #efefef 10px, #efefef 20px);
	background-image: repeating-linear-gradient(135deg, #fff, #fff 10px, #efefef 10px, #efefef 20px);
}

/* line 1065, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .password-security > div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #ccc;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, transparent 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, transparent 100%);
	-webkit-transition: all linear 0.4s;
	transition: all linear 0.4s;
}

/* line 1077, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .password-security[data-level="0"] > div {
	background-color: #e7402d;
}

/* line 1081, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .password-security[data-level="1"] > div {
	background-color: #fc0;
}

/* line 1085, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .password-security[data-level="2"] > div {
	background-color: #cf6;
}

/* line 1089, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .password-security[data-level="3"] > div {
	background-color: #3c3;
}

/* line 1093, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .password-security > span {
	position: absolute;
	right: 0;
	left: 0;
	padding: 6px 12px;
	text-align: center;
}

/* line 1109, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .btn {
	margin-bottom: 0;
}

/* line 1113, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .btn-1 {
	background: #007eb4;
	color: #fff;
}

/* line 1119, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .btn-1:hover,
.default-form .btn-1:focus {
	background: #fff;
	color: #007eb4;
	border-color: #007eb4;
}

/* line 1134, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-footer {
	position: relative;
	padding-bottom: 45px;
	margin-bottom: 30px;
}

/* line 1139, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-footer .btn {
	font-size: 14px;
	line-height: 18px;
}

/* line 1154, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form p {
	font-size: 14px;
	line-height: 1.3em;
	padding: 3px 0 10px 0;
}

/* line 1162, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .captcha .form-note {
	margin: 0 0 15px;
}

/* line 1169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .captcha .captcha-box img {
	float: left;
	width: 50%;
}

/* line 1174, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .captcha .captcha-box .captcha-description {
	float: left;
	width: 50%;
	padding-left: 10px;
}

/* line 1180, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .captcha .captcha-box label {
	display: block;
	width: auto;
	padding-top: 0;
	margin-bottom: 15px;
}

/* line 1188, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .captcha .btn {
	display: block;
	width: 100%;
	margin-top: 20px;
}

/* line 1196, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .recaptcha-wrapper {
	border: 1px solid #ddd;
}

/* line 1200, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .recaptchatable {
	border: none !important;
}

/* line 1203, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .recaptchatable tbody {
	width: 100%;
}

/* line 1206, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .recaptchatable tbody input {
	border: 1px solid #ddd !important;
	width: 100% !important;
}

/* line 1211, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .recaptchatable tbody tr:first-child {
	display: block;
	height: auto !important;
	width: 100%;
}

/* line 1216, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .recaptchatable tbody tr:first-child td {
	display: block;
	float: left;
	width: 20% !important;
}

/* line 1221, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .recaptchatable tbody tr:first-child td:first-child {
	display: block;
	float: left;
	width: 80% !important;
}

/* line 1226, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .recaptchatable tbody tr:first-child td:first-child #recaptcha_image {
	width: 100% !important;
	border: none !important;
}

/* line 1232, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .recaptchatable tbody tr:first-child td:last-child {
	display: block;
	clear: both;
	float: none;
	padding-top: 5px;
	width: 100% !important;
}

/* line 1246, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .accordion {
	margin-bottom: 0; /* Form + acc section toggle validation icons */
}

/* line 1253, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .accordion .acc-btn.btn-invalid span,
.default-form .accordion .acc-btn.btn-valid span {
	position: relative;
	padding-right: 25px;
	overflow: visible;
}

/* line 1258, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .accordion .acc-btn.btn-invalid span:before,
.default-form .accordion .acc-btn.btn-valid span:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-size: 100% auto;
}

/* line 1323, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .accordion .acc-box > :last-child {
	margin-bottom: 0;
}

/* line 1330, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description {
	margin-bottom: 30px;
}

/* line 1333, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description:last-child {
	margin-bottom: 0;
}

/* line 1337, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description * {
	font-size: 15px;
	line-height: 1.5em;
}

/* line 1342, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description h3 {
	margin-top: 30px;
}

/* line 1349, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description p,
.default-form .form-description ul,
.default-form .form-description ol,
.default-form .form-description dl {
	margin-bottom: 15px;
	padding: 0;
}

/* line 1353, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description p:last-child,
.default-form .form-description ul:last-child,
.default-form .form-description ol:last-child,
.default-form .form-description dl:last-child {
	margin-bottom: 0;
}

/* line 1359, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description ul,
.default-form .form-description ol {
	margin-left: 20px;
}

/* line 1363, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description ul {
	list-style: none;
}

/* line 1366, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description ul li {
	position: relative;
	padding-left: 15px;
}

/* line 1370, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	color: #007eb4;
	height: 5px;
	width: 5px;
	background: #007eb4;
}

/* line 1383, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-description ol {
	list-style: outside decimal;
}

/* line 1390, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row-level-1 {
	margin-bottom: 0;
}

/* line 1393, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row-level-1 .form-field {
	margin-bottom: 0;
}

/* line 1398, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row-level-2 {
	padding-left: 30px;
}

/* line 1404, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-handle {
	position: relative;
	margin-top: 15px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 1409, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-handle:first-child {
	margin-top: 0;
}

/* line 1414, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-handle .idle,
.default-form .form-acc-handle .completed {
	min-height: 38px;
	padding: 10px 80px 10px 10px;
	font-size: 14px;
	line-height: 1.2em;
	border: 1px solid #b0b0b0;
	border-radius: 2px;
	color: #666;
	border-color: #b0b0b0;
	background-color: #f8f8f8;
}

/* line 1427, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-controls {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	min-width: 80px;
}

/* line 1436, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.js .default-form .form-acc-controls {
	display: block;
}

/* line 1442, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-edit,
.default-form .form-acc-reset {
	position: relative;
	float: right;
	width: 40px;
	height: 36px;
	display: block;
	padding: 0;
	border: 0;
	background-color: transparent;
	border-radius: 0;
	background-color: transparent;
}

/* line 1455, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-edit:before,
.default-form .form-acc-reset:before {
	content: "";
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.default-form .form-acc-edit:before,
.default-form .form-acc-reset:before {
	position: absolute;
	z-index: 1;
}

/* line 373, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.default-form .form-acc-edit:before,
.default-form .form-acc-reset:before {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* line 1462, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-edit:before {
	width: 20px;
	height: 20px;
}

/* line 1477, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-reset:before {
	width: 17px;
	height: 20px;
}

/* line 1491, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-row { /* Do not use bottom + last child (usage of hidden closing rows) */
	margin-top: 15px;
}

/* line 1494, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-row:first-child {
	margin-top: 0;
}

/* line 1501, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-idle .idle {
	display: block;
}

/* line 1505, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-idle .completed {
	display: none;
}

/* line 1511, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-completed .idle {
	display: none;
}

/* line 1515, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-completed .completed {
	display: block;
}

/* line 1522, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-idle .form-acc-edit {
	display: block;
}

/* line 1526, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-idle .form-acc-reset {
	display: none;
}

/* line 1531, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-idle.js-selected .form-acc-edit {
	display: none;
}

/* line 1535, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-idle.js-selected .form-acc-reset {
	display: block;
}

/* line 1542, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-completed .form-acc-edit {
	display: block;
}

/* line 1546, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-completed .form-acc-reset {
	display: block;
}

/* line 1551, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-completed.js-selected .form-acc-edit {
	display: none;
}

/* line 1555, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .edit-status-completed.js-selected .form-acc-reset {
	display: block;
}

/* line 1571, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc .dependent-select .valid:after,
.default-form .form-acc .dependent-select .invalid:after,
.default-form .form-acc .independent-select .valid:after,
.default-form .form-acc .independent-select .invalid:after {
	top: 11px;
}

/* line 1577, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc .dependent-select {
	display: none;
}

/* line 1580, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.js .default-form .form-acc .dependent-select {
	display: block;
}

/* line 1584, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc .dependent-select.ds-fb {
	display: block;
}

/* line 1587, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.js .default-form .form-acc .dependent-select.ds-fb {
	display: none;
}

/* Toggle tooltip button */

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-toggle {
	padding: 15px 0 0;
	margin-bottom: 15px;
	border: 0;
	background-color: transparent;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-toggle em {
	position: relative;
	padding-left: 30px;
	color: #666;
}

/* line 14, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-toggle em:before {
	content: "";
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	background-size: 100% auto;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.tt-toggle em:before {
	position: absolute;
	z-index: 1;
}

/* line 361, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.tt-toggle em:before {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* line 31, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-toggle:focus,
.tt-toggle:hover {
	border: 0;
	background-color: transparent;
}

/* line 35, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-toggle:focus em,
.tt-toggle:hover em {
	color: #007eb4;
}

/* line 44, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.visible-tooltip .tt-toggle {
	display: none;
}

/* Tooltip content */

/* line 50, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tooltip {
	visibility: hidden;
	opacity: 0;
	height: 0;
	padding-top: 15px;
}

/* line 73, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.visible-tooltip > .tooltip {
	visibility: visible;
	opacity: 1;
	height: auto;
}

/* line 80, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-box {
	position: relative;
	padding: 11px 45px 11px 20px; /* 11px to make up for non existing border */
	background-color: #eee;
	border-radius: 2px;
}

/* line 418, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.tt-box:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* line 427, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.tt-box:after {
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
	border-right: 10px solid rgba(255, 255, 255, 0);
	border-bottom: 10px solid #eee;
	border-left: 10px solid rgba(255, 255, 255, 0);
}

/* line 435, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.ie8 .tt-box:after {
	border-right-color: transparent;
	border-left-color: transparent;
}

/* line 98, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-box p {
	padding: 10px 0 0;
}

/* line 101, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-box p:first-child {
	padding-top: 0;
}

/* line 107, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	border: 0;
	background-color: transparent;
}

/* line 124, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-close:focus,
.tt-close:hover {
	border: 0;
	background-color: transparent;
}

/* Columnar fixes */

/* line 146, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.columnar .form-group .tooltip-wrapper {
	padding-left: 0;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Form summary section
 *
 * @section form-summary-section
 */

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section {
	margin-bottom: 30px;
}

/* line 12, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section:last-child {
	margin-bottom: 0;
}

/* line 16, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section * {
	font-size: 15px;
	line-height: 1.5em;
}

/* line 21, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section h3 {
	font-family: "TheSerif-700_", georgia, sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

/* line 31, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section h3,
.default-form .form-summary-section p,
.default-form .form-summary-section ul,
.default-form .form-summary-section ol,
.default-form .form-summary-section dl {
	margin-bottom: 15px;
	padding: 0;
}

/* line 35, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section h3:last-child,
.default-form .form-summary-section p:last-child,
.default-form .form-summary-section ul:last-child,
.default-form .form-summary-section ol:last-child,
.default-form .form-summary-section dl:last-child {
	margin-bottom: 0;
}

/* line 41, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section hr,
.default-form .form-summary-section + hr {
	margin: 30px 0;
}

/* line 45, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item {
	margin-bottom: 15px;
}

/* line 48, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item:last-child {
	margin-bottom: 0;
}

/* line 53, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item.category-item:before {
	display: none;
}

/* line 57, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item.category-item li {
	display: inline;
}

/* line 60, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item.category-item li:before {
	content: "/";
	padding: 0 0.5em;
}

/* line 66, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item.category-item li:first-child:before {
	display: none;
}

/* line 119, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-footer {
	padding-top: 15px;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Comment display (based on first spirit blog comment markup "swm-comments")
 *
 * @section swm-comments
 *
 */

/* Reset table features */

/* line 11, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.swm-comments {
	table-layout: fixed;
	display: block;
	width: 100%;
	margin-bottom: 40px;
}

/* line 19, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.swm-comments tbody,
.swm-comments tr,
.swm-comments td {
	display: block;
}

/* Comment styling */

/* line 25, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.swm-comments {
	border-bottom: 1px solid #ddd;
}

/* line 30, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.swm-comments tr:nth-child(odd) .swm-comment-content {
	background-color: #f8f8f8;
}

/* line 37, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.swm-comment-content {
	padding: 30px;
	border-top: 1px solid #ddd;
}

/* line 42, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.swm-comment-name {
	font-size: 14px;
	line-height: 1.5em;
}

/* line 47, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.swm-comment-date {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.5em;
}

/* line 54, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.swm-comment-headline {
	margin-bottom: 10px;
	font-size: 18px;
}

/* line 59, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.swm-comment-text {
	font-size: 14px;
	line-height: 1.5em;
}

/* Hiding stuff (method as used in first spirit css) */

/* line 65, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.swm-element-hidden {
	display: none; 
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0);
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.ws-errormessage {
	color: #e7402d;
}

/* line 79, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.visible_fields {
	height: 100% !important;
	width: 100% !important;
}

/* line 84, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/comment-display */

.form-footer .js-success-message {
	position: static;
	height: auto;
	width: auto;
	padding-left: 270px;
	background-position: 240px 3px;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion {
	margin-bottom: 30px;
}

.no-js .accordion .acc-btn em {
	color: #666;
}

.no-js .accordion .acc-btn em.new {
	color: #FFFFFF;
}


/* line 7, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .acc-box > div {
	margin-bottom: 10px;
}

/* line 13, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .text-section {
	float: none;
	margin-bottom: 0;
}

/* line 17, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .text-section h2 {
	font-size: 18px;
	padding-bottom: 10px;
}

/* line 22, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .text-section h3 {
	font-size: 14px;
	padding-bottom: 0;
}

/* line 27, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .text-section .external {
	position: relative;
	padding: 0 0 0 20px;
}

/* line 31, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .text-section .external:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 15px;
	height: 15px;
}

/* line 41, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .text-section .external:hover {
	text-decoration: underline;
}

/* line 47, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .acc-btn {
	background: #007eb4;
	color: #fff;
	position: relative;
	font-size: 18px;
	font-family: "TheSerif_400_", georgia, sans-serif;
	padding: 5px 50px 5px 10px;
	-webkit-transition: background-color 0.5s linear, color 0.5s linear;
	transition: background-color 0.5s linear, color 0.5s linear;
	cursor: pointer;
}

/* line 62, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .acc-btn:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 23px;
	height: 14px;
	margin-top: -7px;
	-webkit-transition: -webkit-transform 0.25s ease-in;
	transition: transform 0.25s ease-in;
}

/* line 75, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .acc-btn:hover,
.accordion .acc-btn:focus {
	background: #fff;
	color: #666;
}

/* line 84, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .acc-btn.js-selected {
	background: #fff;
	color: #666;
	cursor: default;
	outline: 0;
}

/* line 90, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .acc-btn.js-selected:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* line 96, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .acc-btn span {
	display: block;
	overflow: hidden;
}

/* line 101, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .acc-btn em {
	background: #fff;
	border: 1px solid #b0b0b0;
	display: block;
	font-size: 14px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	padding: 3px 5px;
	float: none;
}

.accordion .acc-btn em.new {
	background: #e8412e;
	border: none;
	display: block;
	font-size: 14px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	padding: 3px 5px;
	float: none;
	color: #FFFFFF;
}

/* line 122, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .acc-panel {
	padding: 15px;
	padding-left: 100px;
	background: #f8f8f8;
}

.accordion .accordion .acc-panel {
	padding: 15px 0;
}

/* line 138, /Users/felix.berger/localhost/git/bitkom/bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion .acc-panel.text-section ul {
	margin-left: 0;
}

/* line 142, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/accordion */

.accordion form select {
	background-color: #fff;
}


/* line 2, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc {
	display: block;
	width: 100%;
	max-width: 61.875rem;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	text-align: center;
	background: #f8f8f8;
}

/* line 15, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc li {
	display: inline-block;
	text-align: center;
	margin: 0 10px 20px 10px;
	border: none;
}

/* line 25, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc li a {
	position: relative;
	display: block;
	padding: 10px 10px;
	background: #007eb4;
	color: #fff;
	-webkit-transition: background-color 0.5s linear, color 0.5s linear;
	transition: background-color 0.5s linear, color 0.5s linear;
	width: 100%;
	font-size: 18px;
}

/* line 38, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc li a.on,
.tabtree-section .toc li a.js-selected,
.tabtree-section .toc li a:hover,
.tabtree-section .toc li a:focus {
	background: #07262d;
	color: #fff;
}

/* line 43, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc li a span {
	position: absolute;
	right: 0px;
	top: -12px;
	background: #e7402d;
	color: #fff;
	padding: 2px 7px;
	font-size: 16px;
}

/* line 70, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .panel-group {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

/* line 76, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .panel {
	width: 100%;
}

/* line 84, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section #panel-1 > .main-section:first-child .row {
	padding-top: 40px;
}

/* line 88, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .panel > .main-section .main-section-box {
	padding-top: 0;
}

/* line 174, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical .panel-group {
	overflow: hidden;
}

/* line 178, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical .panel {
	display: block;
	overflow: hidden;
}

/* line 182, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical.event-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

/* line 187, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical ol {
	margin-bottom: 30px;
}

/* line 191, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical-index {
	display: block;
	width: 100%;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	text-align: center;
	background: #f8f8f8;
}

/* line 203, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical-index li {
	display: inline-block;
	text-align: center;
	margin: 0 5px 20px 5px;
	border: none;
}

/* line 213, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical-index li a {
	position: relative;
	display: block;
	padding: 10px 18px;
	background: #007eb4;
	color: #fff;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	width: 100%;
	font-size: 18px;
}

/* line 225, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical-index li a.js-selected,
.alphabetical-index li a:hover,
.alphabetical-index li a:focus {
	background: #fff;
	color: #007eb4;
}

/* line 230, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical-index li a.js-selected:before,
.alphabetical-index li a.js-selected:after,
.alphabetical-index li a:hover:before,
.alphabetical-index li a:hover:after,
.alphabetical-index li a:focus:before,
.alphabetical-index li a:focus:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

/* line 241, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical-index li a.js-selected:after,
.alphabetical-index li a:hover:after,
.alphabetical-index li a:focus:after {
	border-color: rgba(0, 126, 180, 0);
	border-top-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}

/* line 248, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical-index li a.js-selected:before,
.alphabetical-index li a:hover:before,
.alphabetical-index li a:focus:before {
	border-color: rgba(0, 126, 180, 0);
	border-top-color: #fff;
	border-width: 11px;
	margin-left: -11px;
}

/* line 258, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical-index li a.on,
.alphabetical-index li a:hover,
.alphabetical-index li a:focus {
	background: #fff;
	color: #007eb4;
}

/* line 264, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.alphabetical-index li span {
	opacity: 0.5;
	display: block;
	padding: 10px 18px;
	font-size: 15px;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tabtree-section .main-section-box .row .table-list > h2 {
	padding: 10px 0.9375rem 10px 0.9375rem;
	color: #07262d;
	font-size: 34px;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tabtree-section .main-section-box .row:first-child .table-list > h2 {
	padding: 10px 0.9375rem 10px 0.9375rem;
	color: #07262d;
	font-size: 34px;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 17, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tabtree-section .main-section-box .row:first-child .table-list thead tr {
	border-bottom: 1px solid #666;
	width: 100%;
}

/* line 28, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tabtree-section .main-section-box .row:first-child .table-list table {
	margin-bottom: 0;
	border-bottom: 1px solid #ddd;
}

/* line 33, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tabtree-section .main-section-box .btn-wrapper {
	margin-top: 40px;
}

/* line 47, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 50, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table {
	display: block;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
	font-size: 14px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	margin-bottom: 0;
	border-collapse: separate;
}

/* line 64, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table tbody {
	display: block;
}

/* line 68, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table tr {
	position: relative;
	display: block;
	padding-left: 110px;
}

/* line 74, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table td {
	display: block;
}

/* line 77, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table td.first {
	width: 110px;
	position: absolute;
	left: 0;
	top: 0;
}

.table-list table td.first .date-form {
	font-family: "TheSans_B4_400_sc", arial, sans-serif;
}


.table-list table td.first img {
	display: block;
	width: 80px;
	height: 80px;
	max-width: none;
	vertical-align: top;
}


/* line 84, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table td.second {
	min-height: 130px;
}

/* line 88, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table td.third {
	padding-top: 0;
}

/* line 99, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list tbody tr {
	border-bottom: 1px solid #ddd;
}

/* line 102, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list tbody tr:last-child {
	border: none;
}

/* line 107, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list tbody td {
	padding: 20px 30px 20px 0;
	vertical-align: top;
}

/* line 111, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list tbody td.third {
	vertical-align: middle;
}

/* line 117, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list h2 {
	font-family: "TheSerif_400_", georgia, sans-serif;
	font-size: 18px;
	word-wrap: break-word;
}

/* line 122, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list h2 em {
	display: block;
	margin-bottom: 3px;
	font-size: 12px;
	color: #666;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 130, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list h2 a:hover {
	text-decoration: underline;
}

/* line 135, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list .date {
	display: block;
	position: relative;
	width: 80px;
	border: 1px solid #ddd;
	padding: 10px 5px;
	background: #fff;
}

/* line 143, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list .date em {
	display: block;
	font-size: 18px;
	color: #e7402d;
	text-align: center;
	font-family: "TheSerif-700_", georgia, sans-serif;
}

/* line 150, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list .date em span.month {
	display: block;
	padding: 5px 0 0 0;
	margin-top: 3px;
	border-top: 1px solid #ddd;
	font-size: 12px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	color: #666;
	text-transform: uppercase;
}

/* line 164, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list .download {
	position: relative;
	padding-left: 40px;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list .download:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 20px;
	height: 16px;
	background-position: 0 0;
}

/* line 187, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list .sort {
	position: relative;
	display: inline-block;
	margin-right: 30px;
	padding-right: 15px;
}

/* line 192, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list .sort:before {
	content: "";
	position: absolute;
	top: 8px;
	right: 3px;
	width: 8px;
	height: 4px;
	background-position: 0 0;
}

/* line 242, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 247, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table tr {
	padding-left: 0;
}

/* line 252, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table td.first {
	display: table-cell;
	position: static;
	padding: 20px 20px 0 0;
}

/* line 259, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table td.second {
	min-height: 0;
	width: 100%;
}

/* line 271, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events table td.second {
	min-height: 0;
	width: 100%;
}

/* line 286, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup {
	position: relative;
}

/* line 289, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup.charged {
	padding-left: 35px;
}

/* line 292, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup.charged:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 11px;
	height: 12px;
	background-position: 0 0;
}

/* line 311, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup.closed {
	padding-left: 35px;
}

/* line 314, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup.closed:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 11px;
	height: 12px;
	background-position: 0 0;
}

/* line 332, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup.closed.charged {
	padding-left: 70px;
}

/* line 335, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup.closed.charged:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 42px;
	width: 10px;
	height: 13px;
	margin: auto 0;
	background-position: 0 0;
}

/* line 357, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup.external {
	padding-left: 35px;
}

/* line 360, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup.external:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 15px;
	height: 15px;
	background-position: 0 0;
}

/* line 378, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup.external.charged {
	padding-left: 70px;
}

/* line 381, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events .signup.external.charged:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 42px;
	width: 10px;
	height: 13px;
	background-position: 0 0;
}

/* line 404, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events span.closed.btn {
	display: inline-block;
	padding: 10px 20px 10px 35px;
	color: #666;
	background: #ddd;
	border: 1px solid #ddd;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: default;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	text-align: left;
}

/* line 417, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events span.closed.btn:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 11px;
	height: 12px;
	background-position: 0 0;
}

/* line 430, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events span.closed.btn:hover:before,
.tl-events span.closed.btn:focus:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 11px;
	height: 12px;
	background-position: 0 0;
}

/* line 445, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications {
	border-bottom: none;
}

/* line 449, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications .second {
	padding-right: 0;
}

/* line 453, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications .first {
	vertical-align: top;
}

/* line 456, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications .first span {
	display: block;
	vertical-align: top;
	word-wrap: break-word;
}

/* line 462, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications .first img {
	display: block;
	width: 80px;
	height: 80px;
	max-width: none;
	vertical-align: top;
}

/* line 471, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 {
	display: table-cell;
	word-wrap: break-word;
	width: 100%;
}

/* line 476, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 + a {
	word-wrap: break-word;
}

/* line 481, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 + a .btn-wrapper {
	text-align: left;
	padding: 0;
	vertical-align: middle;
	display: inline-block;
	word-wrap: break-word;
	padding: 0;
	width: 100%;
}

/* line 492, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 + a .btn-wrapper .btn {
	margin-top: 20px;
	display: inline-block;
	float: right;
}

/* line 503, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 + a:hover .btn,
.tl-publications h2 + a:focus .btn {
	background-color: #007eb4;
	color: #fff;
}

/* line 519, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tabtree-section .main-section-box .tl-publications .btn-wrapper {
	margin-top: 0;
}

/* line 552, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list.tl-committees td.second {
	width: 100%;
}

/* line 565, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list.tl-committees .first {
	display: block;
}

/* line 567, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list.tl-committees .first img {
	max-width: none;
	width: 80px;
	height: 80px;
	vertical-align: top;
}

/* line 575, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list.tl-committees .second {
	padding-right: 0;
}

/* line 579, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list.tl-committees .third a.closed {
	position: relative;
	padding-left: 35px;
}

/* line 583, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list.tl-committees .third a.closed:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 11px;
	height: 12px;
	background-position: 0 0;
}

.tl-blog {
	overflow: hidden;
}

/* line 612, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-blog .second {
	padding-right: 0;
}

.tl-blog img {
	float: right;
}

/* line 620, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-blog h2 a span {
	display: inline-block;
	word-wrap: break-word;
}

/* line 624, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-blog h2 a span.btn-wrapper {
	text-align: left;
	padding: 0;
	vertical-align: middle;
}

/* line 628, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-blog h2 a span.btn-wrapper .btn {
	margin-top: 20px;
	display: inline-block;
}

/* line 636, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-blog h2 a:hover,
.tl-blog h2 a:focus {
	text-decoration: underline;
}

/* line 638, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-blog h2 a:hover .btn,
.tl-blog h2 a:focus .btn {
	background-color: #007eb4;
	color: #fff;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/alert */

.alert {
	text-align: center;
}

/* line 11, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/alert */

.alert-box {
	max-width: 329px;
	display: inline-block;
	padding: 10px 15px 10px 0;
	color: #fff;
	background-color: #e7402d;
	-webkit-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
}

/* line 21, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/alert */

.alert-box:hover,
.alert-box:focus,
.alert-box:active {
	background-color: #07262d;
}

/* line 29, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/alert */

.alert-box p {
	position: relative;
	padding-left: 60px;
	display: inline-block;
	font-size: 15px;
	line-height: 1.2em;
}

/* line 36, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/alert */

.alert-box p:before {
	content: "";
	position: absolute;
	left: 10px;
	width: 40px;
	height: 30px;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.alert-box p:before {
	position: absolute;
	z-index: 1;
}

/* line 361, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.alert-box p:before {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/linklists */

.linklist-blocks {
	margin: -15px 0 0 -10px;
}

/* line 7, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/linklists */

.linklist-blocks li {
	margin: 15px 0 0 10px;
	font-size: 15px;
	line-height: 1.2em;
}

/* line 14, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/linklists */

.linklist-blocks a {
	display: block;
	background-color: #007eb4;
	color: #fff;
	padding: 5px 10px;
	-webkit-transition: color 0.5s linear;
	transition: color 0.5s linear;
}

/* line 23, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/linklists */

.linklist-blocks a:hover,
.linklist-blocks a:focus,
.linklist-blocks a:active {
	background-color: #fff;
	color: #007eb4;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.no-js .survey-wrapper .survey,
.no-js .survey-wrapper .result,
.js .survey-wrapper .survey,
.js .survey-wrapper .result {
	display: none;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* line 13, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper h2 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 22, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .question {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	vertical-align: top;
}

/* line 26, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .question h3 {
	-ms-word-break: break-all;
	word-break: break-word;
	color: #fff;
	position: relative;
	border-bottom: 2px solid #fff;
	border-top: 0;
	padding-bottom: 30px;
	margin-bottom: 50px;
}

/* line 37, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .question h3:before {
	bottom: -60px;
	left: 45%;
	border-color: transparent;
	border-top-color: #fff;
	border-width: 29px 0 29px 26px;
}

/* line 46, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .question h3:before,
.survey-wrapper .question h3:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	background-color: transparent;
}

/* line 56, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .question h3:after {
	bottom: -60px;
	left: 45%;
	border-color: transparent;
	border-top-color: #007eb4;
	border-width: 29px 0 33px 24px;
}

/* line 65, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .question h3 {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* line 75, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper form {
	padding: 0;
	clear: both;
}

/* line 80, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper fieldset {
	border: none;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding-top: 20px;
}

/* line 86, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper label {
	color: #fff;
	width: 80%;
	padding: 0;
	margin: 0;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
}

/* line 96, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .form-item {
	width: 100%;
	margin: 0 0 25px;
	overflow: hidden;
	display: table;
}

/* line 102, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .form-item.btn-wrapper {
	text-align: left;
	margin: 0;
	padding: 0 0 0 25px;
}

/* line 109, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper label {
	position: relative;
	padding-left: 30px;
}

/* line 113, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper label input[type="radio"] {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 1px;
	left: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/* line 123, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper label input[type="radio"] ~ span {
	color: #fff;
	display: block;
	line-height: 1.3;
	cursor: pointer;
}

/* line 129, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper label input[type="radio"] ~ span:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 1;
	width: 16px;
	height: 16px;
	background-position: 0 -200px;
	background-repeat: no-repeat;
	line-height: 1.3;
}

/* line 151, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper label input[disabled]:focus ~ span:before,
.survey-wrapper label input[disabled]:hover ~ span:before,
.survey-wrapper label input:hover ~ span:before,
.survey-wrapper label input:focus ~ span:before,
.survey-wrapper label span:before {
	background-position: 0 -300px;
}

/* line 157, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper label input:checked ~ span:before,
.survey-wrapper label input[disabled]:checked:focus ~ span:before,
.survey-wrapper label input[disabled]:checked:hover ~ span:before {
	background-position: 0 -400px;
}

/* line 162, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper label input:checked:hover ~ span:before,
.survey-wrapper label input:checked:focus ~ span:before {
	background-position: 0 -500px;
}

/* line 166, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	display: block;
	width: 100%;
}

/* line 173, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper input[type="submit"]:hover,
.survey-wrapper input[type="submit"]:focus {
	border: 1px solid #fff;
	color: #fff;
}

/* Result*/

/* line 181, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result {
	display: none;
}

/* line 184, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result .result-wrapper {
	position: relative;
	display: table;
	width: 100%;
	clear: both;
}

/* line 190, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result .result-wrapper .total-count {
	position: absolute;
	top: -38px;
	right: 0;
	font-size: 15px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

/* line 202, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result .result-wrapper .total-count.js-hidden {
	display: none;
}

/* line 208, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result ul {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding-top: 40px;
}

/* line 213, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result li {
	margin-bottom: 20px;
}

/* line 218, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure div.number-box {
	display: block;
	width: 100%;
	padding-bottom: 15px;
	overflow: hidden;
}

/* line 225, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .number {
	color: #fff;
	background-color: #000;
	display: block;
	font-size: 15px;
	padding: 4px 10px;
	position: relative;
	vertical-align: middle;
	float: right;
	margin: 0 30px 0 0;
	width: 60px;
	text-align: right;
}

/* line 241, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .number:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-color: transparent;
	border-left-color: #000;
	border-width: 13px;
	border-style: solid;
	background-color: transparent;
	right: -26px;
	top: 0;
}

/* line 257, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .percentage-wrapper {
	overflow: hidden;
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	border-right: 1px solid #fff;
	padding: 5px 10px 5px 0;
}

/* line 271, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .percentage-wrapper .percentage {
	display: block;
	min-width: 0.01%;
	max-width: 140px;
	background-color: #fff;
	height: 30px;
	vertical-align: middle;
	float: right;
}

/* line 288, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .answer {
	width: 100%;
	padding-left: 0;
	font-size: 15px;
	text-align: left;
}

/* line 1, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination {
	clear: both;
	margin: 20px 0 40px 0;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

/* line 7, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination .pagination-index {
	padding-top: 20px;
	border-top: 1px solid #07262d;
}

/* line 17, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul {
	width: 100%;
	text-align: right;
}

/* line 21, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li {
	float: left;
	margin-right: 10px;
}

/* line 30, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.previous {
	display: inline-block;
	float: none;
}

/* line 34, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.previous a {
	position: relative;
	padding-left: 35px;
	padding-right: 20px;
}

/* line 39, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.previous a:before {
	content: "";
	position: absolute;
	left: 15px;
	top: 16px;
	width: 8px;
	height: 13px;
}

/* line 51, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.previous a[href]:hover,
.result-pagination ul li.previous a[href]:focus {
	background-color: #007eb4;
	color: #fff;
}

/* line 63, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.next {
	display: inline-block;
	float: none;
	margin-right: 0;
}

/* line 68, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.next a {
	position: relative;
	padding-right: 35px;
	padding-left: 20px;
}

/* line 73, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.next a:before {
	content: "";
	position: absolute;
	right: 15px;
	top: 16px;
	width: 8px;
	height: 13px;
}

/* line 84, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.next a:hover,
.result-pagination ul li.next a:focus {
	background-color: #007eb4;
	color: #fff;
}

/* line 97, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.next a:not([href]),
.result-pagination ul li.previous a:not([href]) {
	opacity: 0.8;
	background: #fff;
	color: #007eb4;
}

/* line 105, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li a,
.result-pagination ul li strong {
	display: block;
	font-size: 14px;
	padding: 9px 15px;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

/* line 112, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li a {
	background: #fff;
}

/* line 119, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li strong,
.result-pagination ul li a:hover,
.result-pagination ul li a:focus,
.result-pagination ul li a:not([href]) {
	background: #07262d;
	color: #fff;
}

/* line 125, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul a:not([href]) {
	cursor: default;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	overflow: hidden;
	margin-bottom: 30px;
	position: relative;
}

/* line 10, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .filter-members {
	display: block;
	overflow: hidden;
}

/* line 15, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter > h2 {
	font-size: 28px;
	margin-bottom: 20px;
	font-family: "TheSerif_400_", georgia, sans-serif;
	color: #07262d;
}

/* line 22, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter div {
	margin-bottom: 0;
}

/* line 26, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .page-links {
	margin-bottom: 25px;
}

/* line 36, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .first-selection .form-width-s,
div.filter .f-selects .form-width-s {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

/* line 50, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .first-selection .form-group-row .form-box,
div.filter .f-selects .form-group-row .form-box {
	width: 100%;
}

div.filter .first-selection .form-group-row .form-box:first-child,
div.filter .f-selects .form-group-row .form-box:first-child {
	padding-left: 0;
}

/* line 72, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .first-selection .form-group-row .form-box:first-child:after,
div.filter .f-selects .form-group-row .form-box:first-child:after {
	content: "";
	position: static;
	width: auto;
	height: auto;
	background: none;
}

/* line 80, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .first-selection .form-group-row .form-box.is-button,
div.filter .f-selects .form-group-row .form-box.is-button {
	padding-left: 0;
}

/* line 82, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .first-selection .form-group-row .form-box.is-button:after,
div.filter .f-selects .form-group-row .form-box.is-button:after {
	content: "";
	position: static;
	width: auto;
	height: auto;
	background: none;
}


/* line 85, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .filter-panel {
	padding: 20px 20px 25px;
	background: #f8f8f8;
}

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .js-open .filter-panel {
	display: block;
}

/* line 95, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .form-footer {
	padding: 0 0 20px 0;
	clear: both;
}

/* line 100, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .label-replacement {
	display: block;
	font-family: "TheSans_B4_500_", arial, sans-serif;
	font-size: 14px;
	margin-bottom: 12px;
}

/* line 107, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter select {
	display: inline-block;
	width: 100%;
	margin: 0;
	border: 1px solid #cfcfcf;
	border-radius: 2px;
	padding: 9px 10px;
	font-family: arial, helvetica, sans-serif;
	color: #007eb4;
	-ms-appearance: none;
	text-shadow: none; /* do not use the 'all' transition-property: it creates errors with width, padding, border-width and margin! */
	-webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
	transition: border-color linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
}

/* line 122, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter select.js-disabled,
div.filter select:disabled {
	display: none;
}

/* line 127, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter select:focus {
	outline: none;
	border-color: #007eb4;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(153, 153, 153, 0.8);
}

/* line 133, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-webkit-border: none;
	display: block;
	background: #007eb4;
	color: #fff;
	min-width: 0;
}

/* line 144, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter input[type="submit"]:hover,
div.filter input[type="submit"]:focus {
	border: 1px solid #007eb4;
	background: #fff;
	color: #007eb4;
}

/* line 164, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter input[type="date"],
div.filter input[type="email"],
div.filter input[type="month"],
div.filter input[type="number"],
div.filter input[type="password"],
div.filter input[type="range"],
div.filter input[type="search"],
div.filter input[type="tel"],
div.filter input[type="text"],
div.filter input[type="time"],
div.filter input[type="url"],
div.filter input[type="week"],
div.filter select,
div.filter textarea {
	display: inline-block;
	width: 100%;
	margin: 0;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #666; /* do not use the 'all' transition-property: it creates errors with width, padding, border-width and margin! */
	-webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; /* do not use the 'all' transition-property: it creates errors with width, padding, border-width and margin! */
	transition: border-color linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
}

div.filter select,
div.filter option {
	-ms-appearance: none;
	text-shadow: none;
}

/* line 191, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/filter */

div.filter ::-moz-selection,
div.filter ::-webkit-selection,
div.filter ::-moz-selection {
	-ms-appearance: none;
	text-shadow: none;
}

/* line 191, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/filter */

div.filter ::-moz-selection,
div.filter ::-webkit-selection,
div.filter ::selection {
	-ms-appearance: none;
	text-shadow: none;
}

/* line 177, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter input[type="date"],
div.filter input[type="text"],
div.filter select {
	padding: 10px;
}

/* line 183, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter input[type="date"],
div.filter input[type="text"],
div.filter select {
	font-size: 14px;
	line-height: 1.2em;
}

/* line 190, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter input:focus,
div.filter select:focus,
div.filter textarea:focus {
	outline: none;
	border-color: #007eb4;
}

/* line 197, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter input:hover,
div.filter select:hover,
div.filter textarea:hover {
	border-color: #007eb4;
}

/* line 202, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter select,
div.filter input[type="search"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* line 208, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter select {
	padding: 10px 25px 10px 10px;
	background-position: 100% 50%;
}

div.filter.f-events .form-box.dependent-select {
	display: none;
}

/* line 245, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events { /* .form-box.dependent-select {
			display: block;
		} */
}

/* line 247, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events.initialising-done .form-box.dependent-select {
	display: block;
}

/* line 222, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .special-options label {
	display: inline-block;
	position: relative;
	padding: 0;
	font-size: 14px;
	color: #666;
	background-color: #fff;
}

/* line 229, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .special-options label input[type="checkbox"] {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 7px;
	left: 5px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/* line 240, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .special-options label input[type="checkbox"] ~ span {
	color: #666;
	display: block;
	line-height: 1.3;
	cursor: pointer;
	border: 1px solid #ddd;
	padding: 4px 8px 4px 28px;
}

/* line 248, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .special-options label input[type="checkbox"] ~ span:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 5px;
	z-index: 10;
	width: 16px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 1.3;
}

/* line 268, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .special-options label:hover input[type="checkbox"] ~ span,
div.filter .special-options label input[type="checkbox"]:hover ~ span,
div.filter .special-options label input[type="checkbox"]:focus ~ span {
	color: #fff;
	background-color: #007eb4;
}

/* line 272, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .special-options label:hover input[type="checkbox"] ~ span:before,
div.filter .special-options label input[type="checkbox"]:hover ~ span:before,
div.filter .special-options label input[type="checkbox"]:focus ~ span:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 5px;
	z-index: 10;
	width: 16px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 1.3;
}

/* line 288, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .special-options label input[type="checkbox"]:checked ~ span,
div.filter .special-options label input[type="checkbox"]:checked:focus ~ span {
	color: #fff;
	background-color: #007eb4;
}

/* line 292, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .special-options label input[type="checkbox"]:checked ~ span:before,
div.filter .special-options label input[type="checkbox"]:checked:focus ~ span:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 5px;
	z-index: 10;
	width: 16px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 1.3;
}

/* line 310, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .special-options label:hover input[type="checkbox"]:checked ~ span,
div.filter .special-options label input[type="checkbox"]:checked:hover ~ span,
div.filter .special-options label:hover input[type="checkbox"]:checked:focus ~ span,
div.filter .special-options label input[type="checkbox"]:checked:focus:hover ~ span {
	color: #fff;
	background-color: #333;
}

/* line 313, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .special-options label:hover input[type="checkbox"]:checked ~ span:before,
div.filter .special-options label input[type="checkbox"]:checked:hover ~ span:before,
div.filter .special-options label:hover input[type="checkbox"]:checked:focus ~ span:before,
div.filter .special-options label input[type="checkbox"]:checked:focus:hover ~ span:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 5px;
	z-index: 10;
	width: 16px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 1.3;
}

/* line 332, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label {
	display: inline-block;
	position: relative;
	padding: 0 0 0 28px;
	font-size: 14px;
	color: #666;
}

/* line 339, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label input[type="radio"] {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 3px;
	left: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/* line 349, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label input[type="radio"] ~ span {
	color: #666;
}

/* line 352, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label input[type="radio"] ~ span:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 1;
	width: 16px;
	height: 16px;
	background-position: 0 -200px;
	background-repeat: no-repeat;
}

/* line 367, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label input[type="checkbox"] {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 3px;
	left: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/* line 377, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label input[type="checkbox"] ~ span {
	display: block;
	line-height: 1.3;
	cursor: pointer;
}

/* line 382, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label input[type="checkbox"] ~ span:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 1;
	width: 16px;
	height: 16px;
	background-position: 0 -600px;
	background-repeat: no-repeat;
	line-height: 1.3;
}

/* line 402, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label:hover input[type="radio"] ~ span:before,
div.filter .options label input[type="radio"]:hover ~ span:before,
div.filter .options label input[type="radio"]:focus ~ span:before {
	background-position: 0 -300px;
}

/* line 409, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label input[type="radio"]:checked ~ span:before,
div.filter .options label input[type="radio"]:checked:focus ~ span:before,
div.filter .options label:hover input[type="radio"]:checked ~ span:before,
div.filter .options label input[type="radio"]:checked:hover ~ span:before {
	background-position: 0 -400px;
}

/* line 415, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label:hover input[type="checkbox"] ~ span:before,
div.filter .options label input[type="checkbox"]:hover ~ span:before,
div.filter .options label input[type="checkbox"]:focus ~ span:before {
	background-position: 0 -700px;
}

/* line 422, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .options label input[type="checkbox"]:checked ~ span:before,
div.filter .options label input[type="checkbox"]:checked:focus ~ span:before,
div.filter .options label:hover input[type="checkbox"]:checked ~ span:before,
div.filter .options label input[type="checkbox"]:checked:hover ~ span:before {
	background-position: 0 -800px;
}

/* line 427, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .filter-btn {
	background: #f8f8f8;
	border-bottom: 1px solid #fff;
	color: #007eb4;
	padding: 10px 30px 10px 15px;
	font-family: base-font;
	position: relative;
	font-size: 18px;
	font-family: "TheSerif_400_", georgia, sans-serif;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	cursor: pointer;
}

/* line 439, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .filter-btn:after {
	content: "";
	position: absolute;
	top: 42%;
	right: 20px;
	width: 23px;
	height: 14px;
}

/* line 450, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .filter-btn:hover,
div.filter .filter-btn:focus {
	background: #fff;
	color: #007eb4;
}

/* line 458, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .filter-btn.js-selected {
	background: #fff;
	color: #007eb4;
}

/* line 461, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .filter-btn.js-selected:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* line 501, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-search ul li {
	margin-bottom: 10px;
}

/* line 518, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events label,
div.filter.f-press label,
div.filter.f-blog label,
div.filter.f-members label {
	font-size: 14px;
}

/* line 522, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .form-row,
div.filter.f-press .form-row,
div.filter.f-blog .form-row,
div.filter.f-members .form-row {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	border-bottom: 1px solid #ddd;
	padding: 0 0 20px 0;
	margin-bottom: 25px;
}

/* line 530, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .form-box,
div.filter.f-events .form-field,
div.filter.f-press .form-box,
div.filter.f-press .form-field,
div.filter.f-blog .form-box,
div.filter.f-blog .form-field,
div.filter.f-members .form-box,
div.filter.f-members .form-field {
	margin-bottom: 0;
}

/* line 535, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .form-field,
div.filter.f-events .form-row,
div.filter.f-press .form-field,
div.filter.f-press .form-row,
div.filter.f-blog .form-field,
div.filter.f-blog .form-row,
div.filter.f-members .form-field,
div.filter.f-members .form-row {
	display: table;
	word-spacing: -1em;
	width: 100%;
}

/* line 541, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .form-field *,
div.filter.f-press .form-field *,
div.filter.f-blog .form-field *,
div.filter.f-members .form-field * {
	word-spacing: 0;
}

/* line 547, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .ff-group ul li,
div.filter.f-press .ff-group ul li,
div.filter.f-blog .ff-group ul li,
div.filter.f-members .ff-group ul li {
	display: inline-block;
	float: none;
	width: auto;
	padding: 0;
	margin-bottom: 10px;
	margin-right: 10px;
}

/* line 559, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .form-group,
div.filter.f-events .ff-group-block,
div.filter.f-press .form-group,
div.filter.f-press .ff-group-block,
div.filter.f-blog .form-group,
div.filter.f-blog .ff-group-block,
div.filter.f-members .form-group,
div.filter.f-members .ff-group-block {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	word-spacing: 0;
}

/* line 570, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .label-replacement,
div.filter.f-press .label-replacement,
div.filter.f-blog .label-replacement,
div.filter.f-members .label-replacement {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	word-spacing: 0;
}

/* line 580, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .form-width-m,
div.filter.f-press .form-width-m,
div.filter.f-blog .form-width-m,
div.filter.f-members .form-width-m {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

/* line 593, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .form-width-m.depending-selectee,
div.filter.f-events .form-width-m.depending-selector,
div.filter.f-press .form-width-m.depending-selectee,
div.filter.f-press .form-width-m.depending-selector,
div.filter.f-blog .form-width-m.depending-selectee,
div.filter.f-blog .form-width-m.depending-selector,
div.filter.f-members .form-width-m.depending-selectee,
div.filter.f-members .form-width-m.depending-selector {
	margin-bottom: 0;
}

/* line 599, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .ff-date label,
div.filter.f-press .ff-date label,
div.filter.f-blog .ff-date label,
div.filter.f-members .ff-date label {
	display: inline-block;
	padding-right: 15px;
}

/* line 604, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-events .ff-date input,
div.filter.f-press .ff-date input,
div.filter.f-blog .ff-date input,
div.filter.f-members .ff-date input {
	display: inline-block;
	width: auto;
}

/* line 612, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-keyword label,
div.filter .f-keyword label {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	word-spacing: 0;
	margin-bottom: 12px;
	font-size: 14px;
}

/* line 625, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-keyword .form-width-m,
div.filter .f-keyword .form-width-m {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

/* line 642, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-members .form-row {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* line 655, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-members .f-selects .form-width-s {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

/* line 662, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-members .f-selects .form-width-s,
div.filter.f-members .f-selects .form-width-m {
	padding: 0 0 10px 0;
}

/* line 670, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-members .f-selects .form-group {
	width: 100%;
}

/* line 675, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-members .f-selects .form-group-row .form-box {
	width: 26%;
	position: relative;
	padding-left: 5%;
}

/* line 686, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-members .f-selects .form-group-row .form-box.form-width-s {
	width: 15%;
	text-align: right;
	padding-right: 0;
}

/* line 690, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-members .f-selects .form-group-row .form-box.form-width-s:after {
	background: none;
}

/* line 693, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter.f-members .f-selects .form-group-row .form-box.form-width-s input {
	display: inline-block;
}

div.filter.f-members .f-selects .form-group-row .form-box:first-child {
	padding-left: 0;
}

div.filter.f-members .f-selects .form-group-row .form-box:first-child:after {
	content: "";
	position: static;
	width: auto;
	height: auto;
	background: none;
}



/* line 707, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-members .alphabetical ol {
	margin-bottom: 0;
}

/* line 713, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-members .panel .accordion-members {
	background: #f8f8f8;
	padding: 20px 20px 20px 20px;
}

/* line 719, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-members .panel .accordion-members h3 {
	font-size: 15px;
	margin-bottom: 5px;
}

/* line 723, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-members .panel .accordion-members .acc-btn {
	font-size: 18px;
	background: none;
	padding-left: 0;
	color: #07262d;
	font-family: "TheSerif-700_", georgia, sans-serif;
	border-bottom: 1px solid #ddd;
}

/* line 731, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-members .panel .accordion-members .acc-btn:last-child {
	border: none;
}

/* line 735, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-members .panel .accordion-members .acc-btn:before {
	width: 14px;
	height: 20px;
	background-position: 0 4px;
}

/* line 751, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.no-js .filter .first-selection .form-group-row .form-box {
	display: none;
}

/* line 755, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.no-js .filter .first-selection .form-group-row .form-box:first-child {
	display: block;
	width: 30%;
	padding-right: 0;
}

/* line 760, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.no-js .filter .first-selection .form-group-row .form-box:first-child:after {
	background: none;
}

/* line 770, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol {
	position: relative;
	padding-bottom: 20px;
}

/* line 775, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li {
	display: inline-block;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
}

/* line 789, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li.second,
.f-subsites ol > li.third {
	display: none;
}

/* line 800, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a {
	position: relative;
	display: block;
	background: #fff;
	color: #007eb4;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	width: 100%;
	font-size: 14px;
}

/* line 815, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a.js-selected,
.f-subsites ol > li > a:hover,
.f-subsites ol > li > a:focus {
	display: block;
	background: #007eb4;
	color: #fff;
	font-size: 14px;
}

/* line 825, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a.js-selected:before,
.f-subsites ol > li > a.js-selected:after,
.f-subsites ol > li > a:hover:before,
.f-subsites ol > li > a:hover:after,
.f-subsites ol > li > a:focus:before,
.f-subsites ol > li > a:focus:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

/* line 836, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a.js-selected:after,
.f-subsites ol > li > a:hover:after,
.f-subsites ol > li > a:focus:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #007eb4;
	border-width: 5px;
	margin-left: -5px;
}

/* line 843, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a.js-selected:before,
.f-subsites ol > li > a:hover:before,
.f-subsites ol > li > a:focus:before {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #007eb4;
	border-width: 11px;
	margin-left: -11px;
}

/* line 851, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a span {
	word-wrap: break-word;
	display: block;
	padding-right: 30px;
	padding: 10px 10px;
	min-height: 70px;
}

/* line 859, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a span.toggle {
	display: none;
	padding: 0;
	text-decoration: underline;
	min-height: 0;
}

/* line 867, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a.js-selected span.toggle {
	display: inline-block;
}

/* line 872, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a em {
	display: block;
	font-size: 12px;
}

/* line 880, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a.external span {
	position: relative;
	padding-right: 30px;
	display: block;
}

/* line 884, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a.external span:after {
	content: "";
	position: absolute;
	background-position: 0 0;
	top: 37%;
	right: 10px;
	width: 15px;
	height: 15px;
}

/* line 897, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li > a.external span:hover:after,
.f-subsites ol > li > a.external span:focus:after {
	background-position: 0 0;
}

/* line 905, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li strong {
	position: relative;
	display: block;
	padding: 10px 10px;
	background: #007eb4;
	color: #fff;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	width: 100%;
	font-size: 15px;
	min-height: 70px;
}

/* line 920, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li strong em {
	display: block;
	font-size: 13px;
}

/* line 929, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li strong:before,
.f-subsites ol > li strong:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

/* line 940, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li strong:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #007eb4;
	border-width: 5px;
	margin-left: -5px;
}

/* line 947, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li strong:before {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #007eb4;
	border-width: 11px;
	margin-left: -11px;
}

/* line 956, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li.has-children div {
	display: block;
	width: 100%;
}

/* line 966, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li.has-children ul {
	display: none;
}

/* line 970, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li.has-children .js-open ul {
	display: block;
}

/* line 977, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites .list-striped {
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
}

/* line 988, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites .list-striped.second,
.f-subsites .list-striped.third {
	display: block;
}

/* line 1001, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.js .filter-btn + div {
	height: 0;
	overflow: hidden;
}

/* line 1006, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.js .filter-btn.js-selected + div {
	height: auto;
}

/* line 1009, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.js .filter-members {
	height: 0;
}

/* line 2, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/contact-data */

.contact-data .col {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/contact-data */

.contact-data .col .text-section {
	padding-left: 0;
	padding-right: 0;
}

/* line 19, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/contact-data */

.contact-data .col .teaser {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 24, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/contact-data */

.contact-data .col address {
	margin-bottom: 15px;
}

/* line 27, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/contact-data */

.contact-data .col address p {
	padding: 0;
	margin: 0;
}

/* line 33, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/contact-data */

.contact-data .col h2 {
	padding-bottom: 15px;
	line-height: 1.5;
	font-size: 18px;
}

/* line 39, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/contact-data */

.contact-data .col h3 {
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 0;
}

/* line 45, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/contact-data */

.contact-data .col ul {
	margin: 0 0 15px 0;
}

/* line 48, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/contact-data */

.contact-data .col ul li {
	list-style: none;
}

/* Event registration */

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module {
	padding: 0;
	margin-top: 1px;
}

/* line 10, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module:nth-child(even) .ff-module-box {
	background-color: #fff;
}

/* line 15, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module:first-child {
	margin-top: 0;
}

/* line 19, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module .ff-module-box {
	display: block;
	width: 100%;
	table-layout: fixed;
	display: table;
	padding: 25px 25px 25px 70px;
	background-color: #f8f8f8; /* Reposition & replace checkbox icon */ /* Reset checkbox icons inside span */
}

/* line 28, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module .ff-module-box:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 70px;
	height: 100%;
	background-image: none;
	background-color: rgba(0, 0, 0, 0.05);
	-webkit-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
}

/* line 40, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module .ff-module-box:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 30px;
	margin-left: 20px;
	border: 3px solid #007eb4;
	background-image: none;
	background-position: 50% 50%;
	-webkit-transition: border-color 0.5s linear;
	transition: border-color 0.5s linear;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.default-form .ff-group-modules label.ff-module .ff-module-box:after {
	position: absolute;
	z-index: 1;
}

/* line 361, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.default-form .ff-group-modules label.ff-module .ff-module-box:after {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* line 57, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module .ff-module-box span:before {
	display: none;
}

/* line 63, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module .ff-module-title {
	display: block;
	padding: 0 20px;
	margin-bottom: 15px;
	font-family: "TheSerif-700_", georgia, sans-serif;
	font-size: 18px;
	line-height: 1.3em;
	color: #007eb4;
	vertical-align: middle;
}

/* line 80, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module .ff-module-title span,
.default-form .ff-group-modules label.ff-module .ff-module-title em {
	display: block;
}

/* line 85, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module .ff-module-details {
	display: block;
	padding: 0 20px;
	font-size: 14px;
	line-height: 1.3em;
}

/* line 96, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module .ff-module-details span {
	display: block;
}

/* line 100, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module .ff-module-details .ff-module-price {
	font-family: "TheSerif-700_", georgia, sans-serif;
}

/* line 108, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module:hover .ff-module-box:before,
.default-form .ff-group-modules label.ff-module input:focus ~ .ff-module-box:before {
	background-image: none;
	background-color: #0c0;
}

/* line 113, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module:hover .ff-module-box:after,
.default-form .ff-group-modules label.ff-module input:focus ~ .ff-module-box:after {
	border-color: #fff;
}

/* line 123, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module input:checked ~ .ff-module-box:before,
.default-form .ff-group-modules label.ff-module input:focus:checked ~ .ff-module-box:before,
.default-form .ff-group-modules label.ff-module:hover input:checked ~ .ff-module-box:before {
	background-color: #0c0;
}

/* line 127, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/event-registration */

.default-form .ff-group-modules label.ff-module input:checked ~ .ff-module-box:after,
.default-form .ff-group-modules label.ff-module input:focus:checked ~ .ff-module-box:after,
.default-form .ff-group-modules label.ff-module:hover input:checked ~ .ff-module-box:after {
	border-color: #fff;
	background-position: 50% 50%;
}

.gremien-chart-has-percent {
	display: none;
}

/* line 3, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 5, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 7, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 9, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 11, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 13, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 15, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 17, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 19, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 23, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 29, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 31, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 33, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 35, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 37, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 39, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 41, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 43, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 51, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 53, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 55, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 57, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 59, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 73, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 75, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 77, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 79, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 83, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 85, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 87, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 89, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 91, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 93, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 95, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 97, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 103, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 105, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 107, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 109, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 111, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 121, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 123, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 125, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 127, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 129, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 131, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 141, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 145, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 149, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 151, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 153, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 155, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 157, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 159, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 161, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 165, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 167, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 171, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 173, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 177, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 183, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 195, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 197, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 199, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 201, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 203, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 207, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 209, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 213, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 217, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 221, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/* line 227, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/icons/icons-data-svg */

/*# sourceMappingURL=styles.css.map */

@media (pointer: coarse), (touch-enabled), (-moz-touch-enabled), (-webkit-touch-enabled) {

/* line 23, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/media */

.mediaplayer {
	font-size: 24px;
}

}

@media (min-width: 370px) {

.t-contact .social-media {
	text-align: right;
	background: #f8f8f8;
	margin-bottom: 0;
	padding: 12px 20px 10px 20px;
}

.t-contact .social-media li {
	padding-left: 20px;
}

.t-contact .link-list {
	padding-left: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 7px;
}

/* line 872, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact img {
	float: left;
	padding: 10px 20px 20px 10px;
}

.t-contact h2 {
	padding: 0 10px;
}

.t-contact .title,
.t-contact .role,
.t-contact .org {
	padding: 0 10px;
}

.stage-main .carousel > button {
	display: block;
}

.stage-main .carousel .teaser {
	margin: 0 10px;
}

.stage-main .carousel .st-img-text,
.stage-main .carousel .st-text {
	padding: 0 65px;
}

}

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

/* line 253, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav {
	display: block;
	opacity: 1;
}

/* line 257, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection {
	display: block;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 25%;
	float: left;
	text-align: left;
}

/* line 262, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .footer-subsection h2 {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

/* line 269, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .footer-nav .btn {
	display: block;
}

/* line 274, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .vcard .contact-info {
	padding-left: 25px;
	border-left: 1px solid #ddd;
}

/* line 279, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .toggle {
	display: none;
}

/* line 285, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media ul li {
	border-right: 1px solid #ddd;
}

/* line 288, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media ul li:last-child {
	border: none;
}

/* line 295, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .copyright {
	margin-top: 45px;
	margin-left: 25px;
}

.main-section .btn-wrapper .btn {
	display: inline-block;
}

.main-section .btn-wrapper.toggle-btn .btn.show-few {
	display: inline-block;
}

.event-section dl {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
	margin-bottom: 0;
}

.text-section h2 {
	padding-bottom: 10px;
}

/* line 286, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .publication-header {
	position: relative;
}

/* line 454, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure .picture-element .picture-wrapper {
	display: block;
}

/* line 457, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure .picture-element .picture-wrapper .s {
	display: none;
}

/* line 461, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure .picture-element .picture-wrapper .l {
	display: block;
}

/* line 478, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
}

/* line 558, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section.alt-grid .text-col-1 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 41.6666666667%;
	float: left;
	padding-left: 0;
}

/* line 563, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section.alt-grid .text-col-2 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 58.3333333333%;
	float: left;
}

/* line 699, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.publication-detail .text-col-1 img {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
	padding-left: 0;
}

/* line 703, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.publication-detail .text-col-1 .publication-detail {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 66.6666666667%;
	float: left;
}

/* line 42, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .teaser {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	float: none;
}

/* line 48, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-default {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	float: none;
}

/* line 54, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-slope-down {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	float: none;
}

/* line 60, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-2col {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	float: none;
}

/* line 66, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-3col {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
}

/* line 72, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-top,
.teaser-group .t-top-full  {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
}




/* line 166, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser {
	margin-bottom: 30px;
}

.teaser.t-contact .teaser-box {
	min-height: 0;
}


/* line 169, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .teaser-box {
	min-height: 300px;
}

/* line 175, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-contact .teaser-box {
	min-height: 0;
}

/* line 209, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color .teaser-box {
	padding: 30px 20px 5.4em 20px;
}

/* line 213, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-color .category {
	left: 23px;
}

/* line 444, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default p {
	display: block;
}

/* line 448, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-default h2 {
	margin-bottom: 20px;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 559, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .teaser-box {
	min-height: 300px;
}

/* line 563, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .picture-element,
.t-top-full .picture-element {
	display: block;
	overflow: hidden;
	height: 300px;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	padding: 0;
}

/* line 570, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .picture-element .picture-wrapper,
.t-top-full .picture-element .picture-wrapper {
	display: none;
}


/* line 573, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .picture-element .picture-wrapper .l,
.t-top-full .picture-element .picture-wrapper .l  {
	display: block;
}


/* line 577, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .picture-element .picture-wrapper .s,
.t-top-full .picture-element .picture-wrapper .s {
	display: none;
}

/* line 583, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .teaser-content,
.t-top-full .teaser-content {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	padding: 40px 20px 25px 20px;
}


/* line 588, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top p,
.t-top-full p {
	display: block;
	color: #fff;
	margin-bottom: 20px;
}

/* line 594, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .btn {
	display: inline-block;
	overflow: visible;
	padding: 10px 20px;
	color: #007eb4;
	background: #f8f8f8;
	border-radius: 3px;
	border: 1px solid #ddd;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

/* line 611, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .btn:hover,
.t-top .btn:focus {
	background: #007eb4;
	color: #f8f8f8;
	border: 1px solid #007eb4;
}

/* line 617, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-top .btn:after {
	-webkit-transform: translateX(-25%);
	-ms-transform: translateX(-25%);
	transform: translateX(-25%);
}

/* line 647, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box .picture-element {
	display: block;
}

/* line 650, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box .picture-element .picture-wrapper {
	display: block;
}

/* line 653, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box .picture-element .picture-wrapper .s {
	display: none;
}

/* line 657, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-image .teaser-box .picture-element .picture-wrapper .l {
	display: block;
}

.t-image .teaser-box h2 {
	font-size: 28px;
}

.t-image .teaser-box h2 a {
	font-size: 28px;
	padding: 10px 20px;
	min-height: 128px;
}

.t-image.t-3col h2 a {
	font-size: 28px;
	padding: 10px 20px;
	min-height: 0;
}

.t-highlight .teaser-box h2 {
	font-size: 28px;
	margin-bottom: 0;
}

.t-highlight .teaser-box h2 a {
	font-size: 28px;
}

/* line 971, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight blockquote p {
	font-size: 24px;
}

/* line 1136, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.teaser .teaser-box {
	min-height: 300px;
}

.t-transparent .teaser-box {
	overflow: hidden;
	height: 300px;
}

.t-video .teaser-box {
	min-height: 300px;
	padding-bottom: 0;
}

/* line 1302, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-2col.t-slope-down .teaser-box {
	min-height: 330px;
}

.ok-box h2,
.ok-box h1 {
	padding: 20px 0 20px 180px;
}

.ok-box h2:before,
.ok-box h1:before {
	top: 15px;
}

.ok-box h2:after,
.ok-box h1:after {
	content: "";
	position: absolute;
	border-left: 1px solid #07262d;
	top: 0;
	bottom: 0;
	left: 122px;
}

.tl-blog .teaser-box {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 66.6666666667%;
	float: left;
	padding-left: 0;
}

.tl-blog .image {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
	padding-right: 0;
	padding-top: 0;
}

/* line 1493, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.t-slope-down .teaser-box {
	position: relative;
	min-height: 274px;
}

/* line 1497, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.t-slope-down .teaser-box:before {
	content: "";
	position: absolute;
	height: 32px;
	bottom: -17px;
	left: -1px;
	right: -1px;
	-webkit-transform: skew(-180deg, -3.5deg);
	-ms-transform: skew(-180deg, -3.5deg);
	transform: skew(-180deg, -3.5deg);
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* line 1511, /Users/wibke.jaeger/git/Bitkom/html-prototype/resources/scss/blocks/teaser */

.t-slope-down.t-color .teaser-box:before {
	left: 0px;
	right: 0px;
}

.stage-main .opener-stage p {
	font-size: 20px;
	line-height: 1.3em;
}

.stage-main .carousel .st-img-text img {
	max-width: 50%;
	width: auto;
}

.stage-main .carousel .st-text p {
	font-size: 20px;
	line-height: 1.3em;
}

.chart-group {
	padding: 0 0 30px;
}

.chart-item dt {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	padding-top: 30px; /* see chart-group padding */
	font-size: 20px;
	line-height: 1em;
	text-align: center;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	z-index: 10;
}

/* line 220, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-group {
	margin-bottom: 60px;
}

/* Layout: absolute stacked */

/* line 227, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-wrapper,
.chart-item .fig-section {
	width: 100%;
	height: 100%;
}

/* line 232, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-section {
	position: absolute;
	top: 0;
	left: 0;
}

/* line 238, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .value-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
}

/* line 247, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .value {
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1em;
	text-align: center;
	color: #007eb4;
}

.gremien-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	background-color: #007eb4;
	width: 100%;
	height: 100%;
}

/* line 256, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .digit {
	display: block;
	font-size: 80px;
	line-height: 1em;
	font-family: "TheSans_B4_400_sc", arial, sans-serif;
	color: #07262d;
}

/* Behaviour: Perspective and flip behaviour */

/* line 267, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-wrapper {
	-webkit-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
}

/* line 270, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-wrapper figure {
	position: relative;
	padding-bottom: 100%;
}

/* line 275, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-wrapper .fig-section {
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/* line 281, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-wrapper .fig-back {
	-webkit-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

/* line 288, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-wrapper:focus .fig-back,
.chart-item .fig-wrapper:hover .fig-back,
.chart-item .fig-wrapper.active .fig-back {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/* line 292, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-wrapper:focus .fig-front,
.chart-item .fig-wrapper:hover .fig-front,
.chart-item .fig-wrapper.active .fig-front {
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/* line 298, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-front {
	z-index: 2;
}

.chart-footer {
	margin-bottom: 60px;
}

.chart-footer p {
	text-align: right;
}

.list-striped {
	margin-bottom: 30px;
}

.list-striped li a {
	font-size: 18px;
	padding: 18px 30px 18px 10px;
}

.list-striped li span {
	font-size: 18px;
	padding: 18px 30px 18px 10px;
}

/* line 208, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li {
	padding-left: 100px;
	position: relative;
	min-height: 100px;
}

/* line 214, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results ul li span,
.result-list .results ul li .date {
	position: absolute;
	left: 0;
	top: 0;
}

/* line 776, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list > h2 {
	margin-bottom: 20px;
	padding: 10px 0 10px 0;
}

/* line 781, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
	padding-left: 0;
	padding-right: 0;
}

/* line 786, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside h4 {
	padding-bottom: 10px;
}

/* line 791, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 66.6666666667%;
	float: left;
	padding-left: 0;
}

/* line 822, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.search-result .results {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 75, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/topics */

.topics-section ul li {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 16.6666666667%;
	float: left;
}

.lightbox-document .dialog-content > figure figcaption p {
	position: relative;
	padding-bottom: 30px;
}

.lightbox-document .dialog-content > figure .copyright {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-top: 0;
}

.lightbox-document .dialog-content > figure .pager {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* line 70, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
}

/* line 134, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 8.3333333333%;
	float: left;
	padding-right: 0;
}

/* line 139, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-list-content {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 91.6666666667%;
	float: left;
}

/* line 144, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-content.item-figure .media {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 41.6666666667%;
	float: left;
	padding: 0;
}

/* line 148, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-content.item-figure .media img {
	width: auto;
	height: auto;
}

/* line 154, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-content.item-figure .fig-description {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 58.3333333333%;
	float: left;
	margin-top: 0;
	padding: 0 15px 0 30px;
}

/* line 159, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-content.item-figure .fig-description .description-wrapper {
	position: relative;
	margin-left: 0;
	padding: 20px 0 20px 55px;
	border-left: 2px solid #fff;
	border-top: 0;
}

/* line 166, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-content.item-figure .fig-description .description-wrapper:before {
	top: 50%;
	left: 0;
	margin-top: -2px;
	border-color: transparent;
	border-left-color: #fff;
	border-width: 0 30px 18px 18px;
}

/* line 176, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-content.item-figure .fig-description .description-wrapper:before,
.tab-content.item-figure .fig-description .description-wrapper:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	background-color: transparent;
}

/* line 186, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-content.item-figure .fig-description .description-wrapper:after {
	top: 50%;
	left: -2px;
	border-color: transparent;
	border-left-color: #007eb4;
	border-width: 0 29px 15px 16px;
}

/* line 195, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/testimonial */

.tab-content.item-figure .fig-description .btn {
	width: auto;
	margin: 0 0 0 55px;
}

.default-form { /* Form + acc section toggle validation icons */
}

/* line 1634, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .accordion .acc-btn.btn-invalid span:before,
.default-form .accordion .acc-btn.btn-valid span:before {
	width: 25px;
	height: 26px; /* +1px for correct bg sizing */
	margin-top: -13px;
}

/* line 1647, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-footer .btn {
	float: left;
}

/* line 1650, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-footer .btn + .btn {
	margin-left: 20px;
}

/* line 75, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item {
	position: relative;
}

/* line 78, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item:before {
	content: "";
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	display: block;
	height: 0;
	border-bottom: 1px dotted #ddd;
	z-index: 10;
}

/* line 90, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item dl {
	display: table;
	width: 100%;
}

/* line 95, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item dt {
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	width: 240px;
	z-index: 20;
}

/* line 102, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item dt span {
	padding-right: 10px;
	background-color: #fff;
}

/* line 108, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-summary */

.default-form .form-summary-section .form-summary-item dd {
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	padding-left: 10px;
	background-color: #fff;
	z-index: 20;
}

.accordion .acc-btn {
	font-size: 24px;
	padding: 10px 55px 10px 20px;
}

.accordion .acc-btn em,
.accordion .acc-btn em.new {
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
}

/* line 95, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc {
	display: table;
	padding-top: 0;
	background-color: transparent;
}

/* line 100, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc li {
	display: table-cell;
	border-right: 1px solid #fff;
}

/* line 104, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc li:last-child {
	border-right: none;
}

/* line 108, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc li a {
	padding: 10px 0;
}

/* line 114, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc li a.on,
.tabtree-section .toc li a.js-selected,
.tabtree-section .toc li a:hover,
.tabtree-section .toc li a:focus {
	background: #f8f8f8;
	color: #666;
}

/* line 122, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .panel > .main-section .main-section-box {
	padding-top: 30px;
}

/* line 126, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section #panel-1 .main-section.slope-up .main-section-box {
	padding-top: 0;
}

/* line 22, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tabtree-section .main-section-box .row:first-child .table-list thead tr {
	width: auto;
}

/* line 38, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tabtree-section .main-section-box .row .table-list > h2 {
	padding: 10px 0 10px 0;
}

/* line 207, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table {
	display: table;
}

/* line 210, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table tbody {
	display: table-row-group;
}

/* line 214, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table tr {
	display: table-row;
	position: static;
}

/* line 219, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table td {
	display: table-cell;
}

/* line 222, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table td.first {
	position: static;
	padding: 20px 20px 20px 0;
}

/* line 230, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list table td.third {
	width: 230px;
	text-align: right;
	padding-right: 0;
}

/* line 278, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-events table td.second {
	width: 67%;
}

/* line 525, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 {
	vertical-align: top;
}

/* line 527, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 + a {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

/* line 533, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 + a .btn-wrapper {
	width: 230px;
	text-align: right;
	margin-top: 0;
}

/* line 538, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 + a .btn-wrapper .btn {
	display: inline-block;
	margin-top: 0;
}

/* line 559, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.table-list.tl-committees td.second {
	width: 67%;
}

/* line 655, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 {
	display: table-cell;
	width: 100%;
}

/* line 658, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 a {
	display: table;
	width: 100%;
}

/* line 661, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 a:hover {
	text-decoration: underline;
}

/* line 665, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 a span {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

.tl-publications h2 a span .date-form {
	display: inline;
	font-family: "TheSans_B4_400_sc", arial, sans-serif;
}


/* line 670, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 a span.btn-wrapper {
	width: 230px;
	text-align: right;
}

/* line 674, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tables */

.tl-publications h2 a span.btn-wrapper .btn {
	margin-top: 0;
}

div.filter .first-selection .form-width-s,
div.filter .first-selection .form-width-m,
div.filter .f-selects .form-width-s,
div.filter .f-selects .form-width-m {
	padding: 0 5px 0 0;
}

div.filter .first-selection .form-group-row .form-box,
div.filter .f-selects .form-group-row .form-box {
	width: auto;
	position: relative;
	padding-left: 5%;
}

/* line 59, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

div.filter .first-selection .form-group-row .form-box:after,
div.filter .f-selects .form-group-row .form-box:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 8px;
	width: 8px;
	height: 14px;
	background-position: 0 0;
}

div.filter .filter-btn {
	font-size: 24px;
	padding: 10px 30px 10px 15px;
}

div.filter.f-search .filter-panel fieldset:first-child {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 58.3333333333%;
	float: left;
}

div.filter.f-search .filter-panel fieldset:first-child ul li {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	padding-left: 0;
}

div.filter.f-search .filter-panel fieldset {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 41.6666666667%;
	float: left;
}

div.filter.f-events .form-group,
div.filter.f-events .ff-group-block,
div.filter.f-press .form-group,
div.filter.f-press .ff-group-block,
div.filter.f-blog .form-group,
div.filter.f-blog .ff-group-block,
div.filter.f-members .form-group,
div.filter.f-members .ff-group-block {
	width: 100%;
}

div.filter.f-events .label-replacement,
div.filter.f-press .label-replacement,
div.filter.f-blog .label-replacement,
div.filter.f-members .label-replacement {
	width: 100%;
}

div.filter.f-events .form-width-m,
div.filter.f-press .form-width-m,
div.filter.f-blog .form-width-m,
div.filter.f-members .form-width-m {
	width: auto;
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
}

div.filter.f-keyword label,
div.filter .f-keyword label {
	width: 100%;
}

div.filter.f-keyword .form-width-m,
div.filter .f-keyword .form-width-m {
	width: 25%;
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
}

div.filter.f-members .f-selects .form-width-s,
div.filter.f-members .f-selects .form-width-m {
	padding: 0 5px;
}

.f-members .panel .accordion-members {
	padding: 20px 40px 20px 40px;
}

.f-subsites ol > li.has-children div {
	position: absolute;
	left: 0;
}

.contact-data .col {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
}

.contact-data .col .text-section {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.default-form .ff-group-modules label.ff-module .ff-module-title {
	width: 75%;
	display: table-cell;
	margin-bottom: 0;
}

.default-form .ff-group-modules label.ff-module .ff-module-details {
	display: table-cell;
	width: 25%;
}

}

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

.chart-footer {
	padding: 0 5%;
}

}

@media (min-width: 768px) {

.f-subsites ol > li {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 25%;
	float: left;
}

/* line 795, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites ol > li.second,
.f-subsites ol > li.third {
	display: block;
}

.f-subsites .list-striped {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

/* line 994, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/filter */

.f-subsites .list-striped.second,
.f-subsites .list-striped.third {
	display: none;
}

}

@media only screen and (min-width:768px) {

/* line 355, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header h1 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 25%;
	float: left;
	padding-right: 100px;
	display: table-cell;
	margin-left: 0;
}

/* line 362, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .nav-box {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 75%;
	float: left;
	padding: 0;
	display: table;
	padding-bottom: 0;
}

/* line 369, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .meta-nav {
	display: table-cell;
	vertical-align: middle;
	float: none;
	width: auto;
	padding: 0;
	text-align: center;
	border-left: 1px solid #ddd;
}

/* line 379, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper {
	padding: 25px 30px 25px 30px;
}

/* line 387, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper form input {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 91.6666666667%;
	float: left;
	padding-left: 0;
}

/* line 392, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .search-wrapper form .button {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 8.3333333333%;
	float: left;
}

/* line 402, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search,
#header #calendar,
#header #login,
#header #language {
	position: relative;
	display: block;
	float: left;
	padding: 0;
	border-left: 0;
	vertical-align: middle;
	text-align: center;
	top: 0;
	border-left: 1px solid #ddd;
}

/* line 416, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search a:after,
#header #search h2:after,
#header #search button:after,
#header #calendar a:after,
#header #calendar h2:after,
#header #calendar button:after,
#header #login a:after,
#header #login h2:after,
#header #login button:after,
#header #language a:after,
#header #language h2:after,
#header #language button:after {
	min-height: 90px;
}

/* line 423, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language a:after {
	min-height: 0;
}

/* line 431, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #calendar a span,
#header #login a span,
#header #search button span,
#header #language .languages {
	width: 45px;
	min-height: 44px;
}

/* line 436, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language .languages {
	display: table;
	height: 44px;
}

/* line 441, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #calendar {
	display: block;
	padding: 0;
	border-left: 0;
	border-bottom: 1px solid #ddd;
}

/* line 448, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search {
	display: block;
	clear: both;
	padding: 0;
	border-left: 0;
}

/* line 455, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language {
	display: block;
	padding: 0;
}

/* line 459, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language a {
	display: none;
}

/* line 462, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language strong {
	position: static;
	display: table-cell;
	vertical-align: middle;
}

/* line 469, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #login {
	display: block;
	padding: 0;
	border-bottom: 1px solid #ddd;
}

/* line 486, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search a:after,
#header #search h2:after,
#header #search button:after,
#header #calendar a:after,
#header #calendar h2:after,
#header #calendar button:after,
#header #login a:after,
#header #login h2:after,
#header #login button:after,
#header #language a:after,
#header #language h2:after,
#header #language button:after {
	min-height: 0;
}

/* line 133, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections {
	display: block;
	padding: 0;
}

/* line 138, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group h3 {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* line 146, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu {
	padding-top: 20px;
	display: none;
}

/* line 150, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu.js-active {
	display: block;
}

/* line 154, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box {
	padding: 40px 0 30px 0;
}

/* line 158, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.topic-nav .menu-group {
	display: block;
}

/* line 161, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.topic-nav .menu-group ul {
	display: table;
	width: 100%;
	word-spacing: -1em;
	border: 0;
}

/* line 168, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.topic-nav .menu-group li {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 25%;
	float: left;
	display: table-cell;
	word-spacing: 0;
	border: 0;
	margin-bottom: 30px;
}

/* line 176, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.topic-nav .menu-group li .topic-box figure {
	display: block;
}

/* line 179, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.topic-nav .menu-group li .topic-box figure a,
#nav-global-sections .section-group .menu .menu-box.topic-nav .menu-group li .topic-box figure strong {
	padding: 0;
}

/* line 186, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.topic-nav .menu-group li a,
#nav-global-sections .section-group .menu .menu-box.topic-nav .menu-group li strong {
	display: block;
	text-align: center;
	padding: 0 22px;
	background: none;
}

/* line 193, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.topic-nav .menu-group li.overview {
	position: absolute;
	border: none;
	top: -4px;
	right: 0.9375rem;
	margin-bottom: 0;
	width: auto;
}

/* line 201, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.topic-nav .menu-group li.overview a {
	display: block;
	background-position: 0 6px;
	padding: 0 0 0 25px;
}

/* line 212, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.double-list {
	padding: 40px 0 50px 0;
}

/* line 215, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.double-list .menu-group {
	display: block;
}

/* line 218, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.double-list .menu-group ul {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
}

/* line 222, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.double-list .menu-group ul:first-child li:first-child {
	border: none;
}

/* line 226, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.double-list .menu-group ul:first-child li:nth-child(2) {
	border-top: 1px solid #ddd;
}

/* line 231, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box.double-list .menu-group ul li:first-child {
	border-top: 1px solid #ddd;
}

/* line 239, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box ul li {
	margin-left: 0;
}

/* line 242, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box ul li.overview {
	position: absolute;
	border: none;
	top: -4px;
	right: 0.9375rem;
}

/* line 248, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global-sections .section-group .menu .menu-box ul li.overview a {
	display: block;
	background-position: 0 6px;
	padding: 0 0 0 25px;
}

/* line 347, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global {
	display: table-cell;
	width: 100%;
	padding-right: 0;
	text-align: right;
}

/* line 353, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global h2 {
	height: auto;
	width: auto;
	background: none;
}

/* line 360, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global ul {
	display: table;
	width: 100%;
}

/* line 364, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global ul li {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	text-align: center;
	height: 90px;
	border-left: 1px solid #ddd;
}

/* line 373, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global ul li button {
	display: table-cell;
	height: 100%;
	cursor: pointer;
	font-size: 18px;
	padding: 0 22px;
	color: #666;
	border: none;
}

/* line 382, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global ul li button span {
	position: relative;
	z-index: 10;
}

/* line 387, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global ul li button:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	min-height: 90px;
	background: #fff;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

/* line 404, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global ul li button.js-active:after,
#nav-global ul li button.active:after,
#nav-global ul li button:hover:after,
#nav-global ul li button:focus:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	min-height: 90px;
	background: #f8f8f8;
}

#nav-global ul li a {
	display: table-cell;
    height: 100%;
    cursor: pointer;
    font-size: 18px;
    padding: 0 22px;
    color: #666;
    border: none;
    height: inherit;
    vertical-align: middle;
}
#nav-global ul li a span{
    position: relative;
    z-index: 10;
}

#nav-global ul li a.js-active:after,
#nav-global ul li a.active:after,
#nav-global ul li a:hover:after,
#nav-global ul li a:focus:after,
#nav-global ul li strong.js-active:after,
#nav-global ul li strong.active:after,
#nav-global ul li strong:hover:after,
#nav-global ul li strong:focus:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	min-height: 90px;
	background: #f8f8f8;
	color: #666;
}

.no-js #nav-global ul li button {
	display: none;
}

.no-js #nav-global ul li a,
.no-js #nav-global ul li strong {
	display: table-cell;
	height: 100%;
	cursor: pointer;
	font-size: 18px;
	padding: 0 22px;
	color: #666;
	border: none;
}

.no-js #nav-global ul li a span,
.no-js #nav-global ul li strong span {
	position: relative;
	z-index: 10;
}

.no-js #nav-global ul li a:after,
.no-js #nav-global ul li strong:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	min-height: 90px;
	background: #fff;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.no-js #nav-global ul li a.js-active:after,
.no-js #nav-global ul li a.active:after,
.no-js #nav-global ul li a:hover:after,
.no-js #nav-global ul li a:focus:after,
.no-js #nav-global ul li strong.js-active:after,
.no-js #nav-global ul li strong.active:after,
.no-js #nav-global ul li strong:hover:after,
.no-js #nav-global ul li strong:focus:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	min-height: 90px;
	background: #f8f8f8;
}





/* line 990, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight {
	margin-top: 20px;
}

/* line 996, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight .image-wrapper {
	position: relative;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 41.6666666667%;
	float: left;
	padding: 0 30px 10px 0;
}

/* line 1001, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight .image-wrapper img {
	display: block;
	padding-bottom: 0;
}

/* line 1004, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight .image-wrapper .credit {
	position: absolute;
	right: 30px;
	bottom: 10px;
	background: rgba(255, 255, 255, 0.6);
	color: #000;
	padding: 5px;
	font-size: 13px;
}

/* line 1015, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight blockquote {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 58.3333333333%;
	float: left;
	padding: 20px 0 0 0;
}

/* line 1019, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight blockquote p {
	font-size: 24px;
	font-family: "TheSerif_400_", georgia, sans-serif;
	margin-bottom: 30px;
}

/* line 1025, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight blockquote cite {
	font-size: 14px;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

/* line 1031, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser */

.t-highlight h2 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 58.3333333333%;
	float: left;
	padding: 20px 0 0 0;
	padding-bottom: 20px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

.stage-cover {
	overflow: hidden;
	position: absolute;
	top: 0;
	display: block;
	min-height: 560px;
	width: 100%;
	max-width: 1280px;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.stage-cover {
	position: absolute;
	z-index: 1;
}

/* line 367, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.stage-cover {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* line 22, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-cover .credit {
	position: absolute;
	right: 0;
	top: 55px;
	background: rgba(255, 255, 255, 0.6);
	color: #000;
	padding: 5px;
	font-size: 13px;
}

.stage-cover img {
	max-width: none;
}

.stage-box {
	height: 560px;
	padding-bottom: 110px;
	padding-left: 0;
	padding-right: 0;
}

.stage-box {
	height: 560px;
	padding-bottom: 80px;
}

.stage-box h1 {
	margin-bottom: 30px;
}

.stage-main {
	width: 64.375%; /* 570px max */
}

.stage-main .opener-stage {
	background: rgba(255, 255, 255, 0.9);
}

.stage-main .opener-stage {
	padding: 30px;
}


/* line 93, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .opener-stage.slope-down {
	position: relative;
	background: -webkit-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%);
	background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%);
}

/* line 97, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .opener-stage.slope-down:before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	height: 60px;
	background: -webkit-linear-gradient(bottom, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to top, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
	-webkit-transform: skew(-180deg, -3deg);
	-ms-transform: skew(-180deg, -3deg);
	transform: skew(-180deg, -3deg);
	z-index: -1;
}

.stage-main .carousel .st-img-text img {
	max-width: 100%;
	width: 100%;
}

.stage-aside {
	width: 35.625%; /* 390px max */
	padding: 0 0 0 20px;
	margin-bottom: 0;
}

.stage-aside .related {
	margin-bottom: 40px;
}

.stage-aside .related h2 {
	margin-bottom: 30px;
}

.stage-aside .t-contact {
	margin-bottom: 20px;
}

/* line 398, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.st-var-01 .stage-box {
	padding-top: 125px;
	padding-left: 0;
	padding-right: 0;
}

.bc-layer + .st-var-01 {
	padding-top: 0;
}

.chart-item dt,
.chart-item .fig-wrapper {
	padding-left: 5%;
	padding-right: 10%;
}

.chart-item:first-child dt,
.chart-item:first-child .fig-wrapper {
	padding-left: 10%;
	padding-right: 5%;
}

/* line 78, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
}

.default-form { /* Show validation feedback icons */ /* FF-group layout */ /* Headlines required combination */ /* Columnar layout */ /* 200 + (824 * 0.25) = 406px von 1024px */ /* 200 + (824 * 0.5) = 612px von 1024px */ /* 200 + (824 * 0.75) = 818px von 1024px */ /* 200 + (824 * 1) = 1024px von 1024px */ /* 206 von 824 */ /* 412 von 824 */ /* 618 von 824 */ /* 824 von 824 */ /* Additional columnar layout & empty left column items */
}

/* line 1668, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field {
	padding-right: 25px;
}

/* line 1677, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .valid:after,
.default-form .invalid:after,
.default-form .ff-group.valid .ff-group-block:after,
.default-form .ff-group.invalid .ff-group-block:after,
.default-form .ff-group.valid .ff-group-inline:after,
.default-form .ff-group.invalid .ff-group-inline:after {
	display: block;
}

/* line 1681, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field .after {
	right: 25px;
}

/* line 1685, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-handle {
	padding-right: 25px; /* equals form-field padding */
}

/* line 1688, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-handle .form-acc-controls {
	-webkit-transform: translateX(-25px);
	-ms-transform: translateX(-25px);
	transform: translateX(-25px);
}

/* line 1694, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .ff-feedback .btn-remove {
	right: 25px; /* equals form-field padding */
}

/* line 1700, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-field.ff-group {
	padding: 0;
}

/* line 1706, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .fs-section h2,
.default-form .fs-section h6 {
	padding-right: 125px;
}

/* line 1710, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .required {
	position: absolute;
	top: 12px;
	right: 25px;
}

/* line 1718, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar label,
.default-form .columnar .label-replacement {
	width: 240px;
	padding: 11px 0 0;
}

/* line 1723, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .ff-check.ff-single label {
	width: auto;
}

/* line 1727, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar label {
	display: table-cell;
	vertical-align: top;
}

.default-form .columnar .textarea {
	display: table-cell;
	vertical-align: top;
	width: 240px;
}

/* line 1732, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .label-replacement {
	float: left;
	margin-bottom: 0;
}

/* line 1737, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .ff-range label {
	padding: 2px 0;
}

/* line 1742, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-row > .form-note,
.default-form .columnar.form-row > .form-note {
	padding-left: 240px;
}

/* line 1746, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-field {
	display: table;
	table-layout: fixed;
}

/* line 1752, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .ff-group-block,
.default-form .columnar .ff-group-inline {
	overflow: hidden;
	margin-left: 240px;
}

/* line 1757, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .ff-group-block label {
	float: left;
	clear: left;
}

/* line 1763, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-group .ff-group-inline,
.default-form .columnar .form-group .ff-group-inline + .error-box {
	margin-left: 0;
}

/* line 1768, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .ff-group-inline + .error-box,
.default-form .columnar .ff-group-block + .error-box {
	margin-left: 240px;
}

/* line 1772, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-width-s {
	width: 44.2963%;
}

/* line 1773, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-width-m {
	width: 65.1852%;
}

/* line 1774, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-width-l {
	width: 86.0741%;
}

/* line 1775, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-width-xl {
	width: 100%;
}

/* line 1777, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-group {
	margin-left: 240px;
}

/* line 1781, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-group .form-width-s {
	width: 25%;
}

/* line 1782, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-group .form-width-m {
	width: 50%;
}

/* line 1783, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-group .form-width-l {
	width: 75%;
}

/* line 1784, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-group .form-width-xl {
	width: 100%;
}

/* line 1788, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .valid:after,
.default-form .columnar .invalid:after,
.default-form .columnar .be-invalid:after {
	top: 11px;
}

/* line 1793, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .ff-single.valid:after,
.default-form .columnar .ff-single.invalid:after {
	top: 4px;
}

/* line 1797, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .ff-single label {
	display: inline-block;
	margin-left: 240px;
}

/* line 1802, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .ff-single .error-box {
	margin-left: 240px;
}

/* line 1806, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .form-footer {
	padding-left: 240px;
}

/* line 1812, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .columnar .captcha,
.default-form .columnar .ff-btn {
	padding-left: 240px;
}

.columnar .tooltip-wrapper {
	padding-left: 240px;
	padding-right: 25px;
}

.accordion .acc-btn em,
.accordion .acc-btn em.new  {
	display: inline-block;
	float: right;
}

/* line 134, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc {
	position: relative;
	margin-top: -43px;
	z-index: 1;
}

/* line 141, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section.tabtree-var .toc {
	margin-top: 0;
	text-align: left;
}

/* line 145, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section.tabtree-var .toc li {
	display: inline-block;
	margin: 0;
}

/* line 149, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section.tabtree-var .toc li a {
	padding-left: 30px;
	padding-right: 30px;
}

/* line 157, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section.tabtree-var .table-list > h2 {
	display: block;
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* line 167, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section.tabtree-var #panel-1 > .main-section:first-child .row {
	padding-top: 0;
}

.alert {
	text-align: left;
}

/* line 364, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .percentage-wrapper {
	display: block;
	float: left;
	width: 40%;
	margin: 0 0 10px 0;
	border-right: 1px solid #fff;
	padding: 5px 10px 5px 0;
}

/* line 373, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .answer {
	float: left;
	width: 60%;
	padding-left: 15px;
	font-size: 15px;
	text-align: left;
}

}

@media only screen and (min-width:768px) and (max-width:1023px) {

.chart-footer {
	padding: 0 5%;
}

}

@media (min-width: 769px) {

.highlight-section-02.event-section .main-section-box .row > h2 {
	font-size: 34px;
}

.event-section .text-section {
	padding-left: 280px;
}

.f-subsites ol > li > a {
	font-size: 18px;
}

.f-subsites ol > li > a.js-selected,
.f-subsites ol > li > a:hover,
.f-subsites ol > li > a:focus {
	font-size: 18px;
}

.f-subsites ol > li > a em {
	font-size: 15px;
}

.f-subsites ol > li strong {
	font-size: 18px;
}

.f-subsites ol > li strong em {
	font-size: 15px;
}

}

@media (min-width: 800px) {

/* line 734, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard img {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 16.6666666667%;
	float: left;
	padding-left: 0;
}

/* line 739, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .contact-details {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 16.6666666667%;
	float: left;
}

/* line 743, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .topic-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
	margin-top: 0;
}

/* line 748, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .social-media {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 16.6666666667%;
	float: left;
	float: right;
	margin-top: 0;
	text-align: left;
}

/* line 755, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .link-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 16.6666666667%;
	float: left;
	float: right;
}

/* line 765, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.contact-list .results .vcard .contact-details {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
}

}

@media (min-width: 860px) {

/* line 172, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .btn-wrapper {
	padding-bottom: 20px;
}

/* line 174, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .btn-wrapper .btn {
	margin-bottom: 0;
}

/* line 272, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .text-col-1 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 58.3333333333%;
	float: left;
	padding-left: 0;
	margin-bottom: 0;
}

/* line 278, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .text-col-2 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 41.6666666667%;
	float: left;
	padding-left: 0.9375rem;
	padding-right: 0;
}

/* line 484, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

.stage-aside {
	display: inline-block;
}

.mobile .related {
	display: none;
}


.text-section .text-col-2 .tag-box,
.text-section .text-col-2 .t-contact,
.text-section .text-col-2 .alert {
	display: block;
}

.mobile .text-section .text-col-2 .tag-box,
.mobile .text-section .text-col-2 .t-contact,
.mobile .text-section .text-col-2 .alert {
	display: none;
}

.stage-aside .related,
.stage-aside .t-contact,
.stage-aside .alert {
	display: block;
}


}

@media (min-width: 960px) {

/* line 80, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media li h2 {
	display: block;
	position: static;
	overflow: visible;
	left: auto;
	width: auto;
	height: auto;
	font-size: 14px;
	padding: 0 15px 12px;
	font-family: "TheSans_B4_500_", arial, sans-serif;
}

}

@media only screen and (min-width:1024px) {

/* line 275, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/main */

.module-box {
	padding-left: 20px;
	padding-right: 20px;
}

[id="breadcrumb"] ol {
	padding-left: 0;
	padding-right: 0;
}

/* line 496, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header h1 {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 25%;
	float: left;
}

/* line 500, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .nav-box {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 75%;
	float: left;
}

/* line 504, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header .meta-nav {
	border-left: 0;
}

/* line 511, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search a span,
#header #search button span,
#header #calendar a span,
#header #calendar button span,
#header #login a span,
#header #login button span {
	background-size: 100% auto !important;
}

/* line 536, /Users/felix.berger/localhost/git/bitkom/bitkom/html-prototype/resources/scss/global/header */

#header #search,
#header #calendar,
#header #login,
#header #language {
	display: table-cell;
	vertical-align: middle;
	float: none;
	padding: 0 18px;
	height: 90px;
	border-left: 1px solid #ddd;
	border-bottom: 0;
}

/* line 523, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #search a:after,
#header #search h2:after,
#header #search button:after,
#header #calendar a:after,
#header #calendar h2:after,
#header #calendar button:after,
#header #login a:after,
#header #login h2:after,
#header #login button:after,
#header #language a:after,
#header #language h2:after,
#header #language button:after {
	min-height: 90px;
}

/* line 530, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language a:after {
	min-height: 0;
}

/* line 537, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language .languages:hover:after,
#header #language .languages:focus:after {
	min-height: 90px;
}

/* line 546, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #calendar a span,
#header #login a span,
#header #search button span,
#header #language .languages {
	width: 24px;
	height: 25px;
	min-height: 0;
	background-position: 0 0;
}

/* line 554, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language .languages {
	display: inline-block;
	width: auto;
	height: auto;
}

/* line 559, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language .languages strong,
#header #language .languages a {
	display: block;
	position: static;
}

/* line 564, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language .languages strong {
	display: block;
	cursor: auto;
}

/* line 568, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language .languages strong span {
	text-decoration: underline;
	font-weight: bold;
}

/* line 574, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/header */

#header #language .languages :first-child {
	margin-bottom: 8px;
}

/* line 423, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

#nav-global {
	float: right;
	width: auto;
	padding-right: 0;
	text-align: right;
}

/* line 349, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .calendar-sheet {
	display: table-cell;
	vertical-align: top;
	width: 105px;
}

/* line 357, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .event-header .calendar-sheet .date {
	margin-right: 25px;
	top: 35px;
}

/* line 364, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .event-header,
.text-section .publication-header {
	display: table;
	width: 100%;
	margin-left: -105px;
}

/* line 368, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .event-header img,
.text-section .publication-header img {
	width: 80px;
	height: 80px;
	display: table-cell;
	max-width: none;
	margin-right: 25px;
}

/* line 375, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .event-header h1,
.text-section .publication-header h1 {
	color: #000;
	display: table-cell;
	vertical-align: top;
	width: 100%;
}

/* line 679, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section .date {
	top: 45px;
	margin: 0;
}

/* line 690, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.event-detail .text-section,
.publication-detail .text-section {
	padding-left: 120px;
}

/* line 82, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .teaser {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
	float: none;
}

/* line 88, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-top {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 66.6666666667%;
	float: left;
	float: none;
}

.teaser-group .t-top-full {
	padding-left: 0.9375rem;
	padding-right: 30px;
	width: 100%;
	float: left;
	float: none;
}

/* line 94, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-2col {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	float: none;
}

/* line 100, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/teaser-group */

.teaser-group .t-3col {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	float: none;
}

.chart-section .row > p {
	padding: 0 20%;
}

.chart-item dt,
.chart-item .fig-wrapper {
	padding-left: 8%;
	padding-right: 33%;
}

.chart-item:first-child dt,
.chart-item:first-child .fig-wrapper {
	padding-left: 33%;
	padding-right: 8%;
}

.default-form { /* Reset full width layout / create whitespace */
}

/* line 1828, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row {
	padding-right: 330px;
}

/* line 1831, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-row.form-row-fullsize {
	padding-right: 0;
}

/* line 1836, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-handle {
	padding-right: 355px; /* 330px + 25px */
}

/* line 1839, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-acc-handle .form-acc-controls {
	-webkit-transform: translateX(-355px);
	-ms-transform: translateX(-355px);
	transform: translateX(-355px);
}

.tt-toggle {
	display: none;
}

.tooltip {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 52.381%; /* 330px:630px */
	-webkit-transform: translateX(100%); /* 330px:630px */
	-ms-transform: translateX(100%); /* 330px:630px */
	transform: translateX(100%);
	padding-top: 0;
	padding-left: 15px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-transition: opacity 500ms linear, visibility 500ms linear;
	transition: opacity 500ms linear, visibility 500ms linear;
}

/* line 68, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.form-group .tooltip {
	width: 84.6154%; /* 330px:390px */
}

.tt-box {
	padding-right: 20px; /* Triangle re positioning */
}

/* line 418, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.tt-box:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* line 469, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.tt-box:after {
	top: 50%;
	right: 100%;
	margin-top: -8px;
	border-top: 8px solid rgba(255, 255, 255, 0);
	border-right: 8px solid #eee;
	border-bottom: 8px solid rgba(255, 255, 255, 0);
}

/* line 477, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.ie8 .tt-box:after {
	border-top-color: transparent;
	border-bottom-color: transparent;
}

/* line 92, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/form-tooltip */

.tt-box:after {
	top: 20px;
	left: auto;
}

.tt-close {
	display: none;
}

.columnar .tooltip-wrapper {
	padding-left: 0;
	padding-right: 0;
}

/* line 298, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper {
	padding-top: 0;
}

/* line 301, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper form {
	display: table;
	width: 100%;
}

/* line 306, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .question {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	padding-right: 0;
	border-right: 2px solid #fff;
	display: table-cell;
	float: none;
}

/* line 313, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .question h3 {
	padding-right: 60px;
	padding-bottom: 40px;
	padding-top: 20px;
	border-right: none;
	border-bottom: 0;
	position: relative;
	right: -2px;
}

/* line 322, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .question h3:before {
	bottom: auto;
	left: auto;
	top: 50%;
	right: 0px;
	margin-top: -2px;
	border-color: transparent;
	border-right-color: #fff;
	border-width: 24px 26px 0 36px;
}

/* line 333, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper .question h3:after {
	bottom: auto;
	left: auto;
	top: 50%;
	right: -2px;
	border-color: transparent;
	border-right-color: #007eb4;
	border-width: 20px 22px 0 29px;
}

/* line 345, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper fieldset {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	width: 100%;
	padding-left: 40px;
	display: table-cell;
	float: none;
}

/* line 354, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.survey-wrapper input[type="submit"] {
	min-width: 200px;
	width: auto;
	display: inline-block;
}

/* line 386, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result .question {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 33.3333333333%;
	float: left;
	padding-right: 0;
	border-right: 2px solid #fff;
	display: table-cell;
	float: none;
}

/* line 393, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result .question h3 {
	padding-right: 60px;
}

/* line 398, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result ul {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
	float: left;
	width: 100%;
	padding-left: 40px;
	display: table-cell;
	float: none;
	padding-left: 40px;
	float: none;
}

/* line 409, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure div.number-box {
	width: 100%;
	text-align: right;
	vertical-align: middle;
}

/* line 416, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .number:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-color: transparent;
	border-left-color: #000;
	border-width: 13px;
	border-style: solid;
	background-color: transparent;
	right: -26px;
	top: 0;
}

/* line 432, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .percentage-wrapper {
	display: block;
	width: 40%;
	float: left;
}

/* line 438, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .answer {
	float: left;
	width: 60%;
}

}

@media (max-width: 835px) {

div.filter.f-members .f-selects .form-group-row .form-box {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

}

@media (max-width: 800px) {

/* line 330, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/stage */

.stage-main .carousel .double-size {
	width: 220px;
}

/* line 139, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/carousel */

.carousel .double-size {
	width: 220px;
}

}

@media (max-width: 768px) {

.result .result-wrapper .total-count {
	position: static;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

}

@media (max-width: 767px) {

/* line 265, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

.lines {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: #666;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	display: block;
	height: 4px;
	margin: 4px auto;
	width: 20px;
}

/* line 275, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

.js-active .lines {
	opacity: 0;
}

/* line 279, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

.lines-button {
	padding: 15px 18px;
	width: 50px;
}

/* line 283, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

.lines-button:before,
.lines-button:after {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #666;
	content: "";
	display: block;
	height: 4px;
}

/* line 293, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

.lines-button.js-active {
	background-color: #666;
	color: #666;
}

/* line 298, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

.lines-button.js-active:before {
	-webkit-transform: rotate(45deg) translate(5px, 6px);
	-ms-transform: rotate(45deg) translate(5px, 6px);
	transform: rotate(45deg) translate(5px, 6px);
}

/* line 302, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/navigation */

.lines-button.js-active:after {
	-webkit-transform: rotate(-45deg) translate(5px, -6px);
	-ms-transform: rotate(-45deg) translate(5px, -6px);
	transform: rotate(-45deg) translate(5px, -6px);
}

}

@media (max-width: 640px) {

/* line 237, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog {
	padding: 0;
	height: 100%;
}

/* line 241, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog button {
	height: 88px;
	background-color: #000;
	border: none;
	opacity: 0.5;
	background-position: 50%;
}

/* line 249, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog button:focus,
.lightbox-document .modal-dialog button:hover {
	opacity: 0.7;
}

/* line 253, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog button.lightbox-prev {
	left: 20px;
}

/* line 257, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog button.lightbox-next {
	right: 20px;
}

/* line 261, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog button.close-dialog {
	height: 40px;
	width: 40px;
	top: 15px;
	background-color: transparent;
	opacity: 1;
	border-radius: 0;
}

/* line 269, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog button.close-dialog:before {
	top: 50%;
	left: 50%;
	margin: -2px 0 0 -10px;
	width: 20px;
	height: 5px;
	background-color: #666;
}

/* line 278, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog button.close-dialog:after {
	top: 50%;
	left: 50%;
	margin: -2px 0 0 -10px;
	width: 20px;
	height: 5px;
	background-color: #666;
}

/* line 290, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content {
	min-width: 100%;
	width: 100%;
	min-height: 100%;
}

/* line 300, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.modal-dialog {
	margin: 0;
	width: 100%;
	min-height: 100%;
}

}

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

.chart-item dt { /* hide terms for small screens */
	display: block;
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.gremium-caption-text > h2 {
	color: #fff;
	margin-bottom: 15px;
}

.gremium-caption-text > h2 > a {
	color: #fff;
	margin-bottom: 15px;
	text-decoration: underline;
}

.gremium-caption-text > p {
	color: #fff !important;
}

.gremien-chart-has-percent {
	display: block;
}

/* line 153, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-group {
	margin-bottom: 30px;
}

/* Layout & behaviour: simple version */

/* line 158, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item {
	float: none;
	width: 100%;
	margin-top: 30px;
}

/* line 163, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item:first-child {
	margin-top: 0;
}

/* line 356, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.chart-item .value-wrapper {
	position: absolute;
	z-index: 1;
}

/* line 373, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.chart-item .value-wrapper {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.chart-item .gremien-wrapper {
	position: absolute;
	z-index: 1;
	background-color: #007eb4;
	width: 100%;
	height: 100%;
}

/* line 171, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .value {
	display: block;
	font-size: 22px;
	line-height: 1em;
	text-align: center;
	color: #007eb4;
}

/* line 179, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .digit {
	display: block;
	font-size: 100px;
	line-height: 1em;
	font-family: "TheSans_B4_400_sc", arial, sans-serif;
	color: #07262d;
}

/* line 189, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-back .chart,
.chart-item .fig-back .value-wrapper {
	display: none;
}

/* line 193, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-back .caption {
	position: static;
	background-color: transparent;
	border-radius: 0;
}

/* line 198, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/infochart */

.chart-item .fig-back .caption span {
	position: relative;
	top: auto;
	left: auto;
	display: block;
	width: 100%;
	margin: 25px 0 0;
	padding: 15px 10px;
	word-wrap: break-word;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	background: #07262d;
}

/* line 418, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.chart-item .fig-back .caption span:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* line 427, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.chart-item .fig-back .caption span:after {
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
	border-right: 10px solid rgba(255, 255, 255, 0);
	border-bottom: 10px solid #07262d;
	border-left: 10px solid rgba(255, 255, 255, 0);
}

/* line 435, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/utils/mixins */

.ie8 .chart-item .fig-back .caption span:after {
	border-right-color: transparent;
	border-left-color: transparent;
}

.chart-footer {
	margin-bottom: 30px;
}

/* line 1606, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-footer .btn {
	float: none;
	display: block;
	width: 100%;
}

/* line 1611, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/forms */

.default-form .form-footer .btn + .btn {
	margin-top: 20px;
}

}

@media (max-width: 570px) {

.f-subsites ol > li {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

}

@media (max-width: 550px) {

/* line 239, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside h4,
.filter-list aside h4 {
	margin-bottom: 10px;
	margin-top: 20px;
}

.result-list aside .filter-box,
.filter-list aside .filter-box {
	padding-bottom: 20px;
}

/* line 328, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list aside .filter-box ul li,
.filter-list aside .filter-box ul li {
	display: inline-block;
	margin-right: 10px;
}

/* line 450, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number,
.filter-list .results .choose-number {
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/* line 455, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number h4,
.filter-list .results .choose-number h4 {
	display: inline-block;
	margin-bottom: 5px;
}

/* line 460, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number ul,
.filter-list .results .choose-number ul {
	display: inline-block;
}

/* line 466, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.result-list .results .choose-number ul li:first-child a,
.result-list .results .choose-number ul li:first-child strong,
.filter-list .results .choose-number ul li:first-child a,
.filter-list .results .choose-number ul li:first-child strong {
	padding-left: 0;
}

.tabtree-section .toc li {
	margin: 0 5px 10px 5px;
}

/* line 55, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc li a {
	padding: 5px 10px;
	font-size: 15px;
}

/* line 59, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/tabtree */

.tabtree-section .toc li a span {
	right: -6px;
	top: -13px;
	padding: 2px 4px;
	font-size: 13px;
}

.alphabetical-index li {
	margin: 0 5px 15px 5px;
}

/* line 134, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul {
	text-align: left;
}

/* line 136, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li {
	display: inline-block;
	float: none;
	margin-bottom: 10px;
}

/* line 141, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.previous {
	display: inline-block;
}

/* line 145, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/pagination */

.result-pagination ul li.next {
	display: inline-block;
}

}

@media (max-width: 530px) {

/* line 240, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/global/footer */

.site-info .social-media li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0 0 15px 0;
	margin: 0 7px;
}

}

@media (max-width: 480px) {

.result figure .number {
	float: left;
}

.result figure .percentage-wrapper {
	border: none;
	float: left;
	width: auto;
}

/* line 281, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/survey */

.result figure .percentage-wrapper .percentage {
	display: none;
}

}

@media (max-width: 420px) {

/* line 470, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/text-sections */

.text-section figure {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 687, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard img {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	margin-bottom: 20px;
	padding: 0;
}

/* line 693, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .contact-details {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 698, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .topic-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 704, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .social-media {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 709, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list .results .vcard .link-list {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 718, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/lists */

.filter-list.contact-list .results .vcard .contact-details {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
	padding: 0;
}

/* line 58, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
	float: left;
}

/* line 61, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/gallery */

.media-gallery figure img {
	width: 100%;
}

}

@media (max-width: 330px) {

/* line 217, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog {
	padding: 0;
	height: 100%;
}

/* line 221, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .modal-dialog button {
	top: 30%;
	padding: 5px;
	height: 50px;
	width: 30px;
}

/* line 229, /Users/sven.ridder/Documents/projects/bitkom/html-prototype/resources/scss/blocks/dialog */

.lightbox-document .dialog-content {
	min-width: 100%;
	width: 100%;
	min-height: 100%;
}

}

.bitkom.shariff .orientation-horizontal li {
	min-width:	30px;
	max-width:	30px;
	padding: 0;
}

.bitkom.shariff {
	clear:both;
}

.rss {
	height: 27px;
	width: 27px;
	background-image: url(/bitkom/org/Layout/icons/rss-b.svg);
	background-repeat: no-repeat;
	display: inline-block;
}

.rss:hover {
	height: 27px;
	width: 27px;
	background-image: url(/bitkom/org/Layout/icons/rss.svg);
	background-repeat: no-repeat;
	background-color: #007eb4;
	display: inline-block;
}

.social-footer {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
    float: none;
    line-height: 1.5;
    font-size: 34px;
    color: #007eb4;
    margin-bottom: 20px;
    font-family: "TheSerif_400_", georgia, sans-serif;
}

/* Social Web Modul Rating */

.hover-rating-container {
cursor:pointer;
}

.swm-field-invalid{
border: 1px solid red!important;
}

#socialWebWrapper .swm-rating-thumb-down img:hover{
background-position: left -62px

}
#socialWebWrapper .swm-rating-thumb-up img:hover{
background-position: left -21px

}

/* Alt
.swm-rating-star{
    height: 16px;
    width: 16px;
    float: left;
    background-position: left 0px;
    background-repeat: no-repeat;
    background: url(/bitkom/org/Social-Web/img/rating-star.gif) scroll;
}
li.swm-star-on{
    background-position: left -16px;
}
li.swm-star-yellow {
    background-position: left 16px;
}

*/

.swm-rating-star{
   
    background-repeat: no-repeat;
	float: left;
    background-position: left 0px;
	height: 18px;
    width: 19px;
    background: url(/bitkom/org/Social-Web/img/stern-outline.svg) scroll;
}
li.swm-star-on{
    background: url(/bitkom/org/Social-Web/img/stern-gelb.svg ) no-repeat;
	height: 18px;
	width:19px;
}
li.swm-star-yellow {
    background: url(/bitkom/org/Social-Web/img/stern-gelb.svg ) no-repeat;
	height: 18px;
	width:19px;
}

.swm-rating-totalCountRatings{}
.swm-rating-bar {
	margin:0px;
/*	padding: 11px 0 0; */
	list-style: none;
	overflow:hidden;
	float: right;
}
.swm-ratings-container{
	display: table;
}

.form-row .swm-ratings-container .average-rating {
	display: table-cell;
    padding: 30px 30px 30px 0;
	font-size: 14px;
    line-height: 1.2em;
    color: #666;
    font-family: "TheSans_B4_500_", arial, sans-serif;
}

.swm-ratings-container .already-rated {
    padding: 30px 30px 30px 0;
	font-size: 14px;
    line-height: 1.2em;
    color: #666;
    font-family: "TheSans_B4_500_", arial, sans-serif;
}

.form-row .swm-ratings-container label{
	padding: 0;
}

.swm-rating-star-on, .swm-rating-star-off, .swm-rating-thumb-up, .swm-rating-thumb-down{
	float:left;
	border: none;
	padding:0px;
	margin:0px;
	color: #00CC00;
}

#socialWebWrapper .swm-rating-star-off, #socialWebWrapper .swm-rating-thumb-down{
	color: #C75A5A;
}

/* Alt
#socialWebWrapper .swm-rating-star-on img, #socialWebWrapper .swm-rating-star-off img{
	background: url(/bitkom/org/Social-Web/img/rating-star.gif ) no-repeat left -16px;
	height: 16px;
	width:16px;
}
*/

#socialWebWrapper .swm-rating-star-on img, #socialWebWrapper .swm-rating-star-off img{
	background: url(/bitkom/org/Social-Web/img/stern-gelb.svg ) no-repeat;
	height: 18px;
	width:19px;
}

#socialWebWrapper .swm-rating-star-off img{
	background-position: left 0px;
}
#socialWebWrapper .swm-rating-thumb-up img, #socialWebWrapper .swm-rating-thumb-down img{
	vertical-align: top;
	height: 21px;
	width:21px;
	background: url( /bitkom/org/Social-Web/img/rating-thumb.png ) no-repeat left 0px;
}
#socialWebWrapper .swm-rating-thumb-down img{
	background-position: left -42px;
}
#socialWebWrapper .swm-rating-thumb-up span, #socialWebWrapper .swm-rating-thumb-down{
	line-height: 21px;
}

.main-section .highlight-section-06 {
	background-color: #FFF;
}

.accordion h2 {
    margin-bottom: 30px;
    font-size: 30px;
	color: #000;
	font-family: "TheSerif_400_", georgia, sans-serif;
}

.accordion .no-version-comment {
	overflow:auto;
	background-color: #fff;
}

.accordion .acc-btn img {
	float:left;
	margin-right: 20px;
	width: 80px;
	display: block;
}

.accordion .acc-btn .date {
	font-family: "TheSans_B4_400_sc", arial, sans-serif;
	display: block;
    margin-bottom: 3px;
    font-size: 14px;
	padding-top: 10px;
}

.accordion .acc-btn a.title:hover {
	text-decoration: underline;
}

@media only screen and (min-width:768px) {

.accordion .acc-btn .title {
	max-width: 53%;
}

.small {
	display:none;
}

.accordion .large .btn-wrapper {
	padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    text-align: center;
	padding-bottom: 0;
	position: absolute;
	right: 17%;
	top: 30px;
}

}

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

.large {
	display: none;
}

.accordion .acc-btn .whatsnew {
	display: none;
}

.accordion .acc-btn .image-dummy {
	display: none;
}

.accordion .acc-panel {
	padding-left: 10px;
}

.accordion .small .btn-wrapper {
    text-align: center;
	padding-bottom: 0;
	width: 100%;
}

.text-section .small .btn {
	margin-bottom: 20px;
}

}

.accordion .acc-btn .whatsnew {
	font-size: 14px;
    display: block;
	float: right;
	padding-right: 15px;
	line-height: 25px;
}

.accordion .acc-btn .whatsnew img {
	width: 20px;
	float: left;
	margin-right: 5px;
	opacity: 1;
	transition:opacity 1s;
}

.accordion .acc-btn .whatsnew img:hover {
	display: none;
	opacity: 0;
}

.accordion .acc-btn .whatsnew img.inverted:hover {
	width: 20px;
	float: left;
	margin-right: 5px;
}

.accordion .acc-btn .whatsnew img.inverted {
	display: none;
}

.accordion .acc-btn.js-selected .whatsnew img.inverted {
	display: none;
}

.accordion .acc-btn .whatsnew img.selected {	
	display: none;
}

.accordion .acc-btn.js-selected .whatsnew img.selected {
	display: block;
	width: 20px;
	float: left;
	margin-right: 5px;
}

.white.accordion .acc-btn img {
	display: block;
}

.accordion .acc-btn img.inverted {
	display: none;
}

.accordion .acc-btn:hover img {
	display: none;
}

.accordion .acc-btn:hover img.inverted {
	display: block;
}

.accordion .acc-btn.js-selected img {
	display: none;
}

.accordion .acc-btn.js-selected img.inverted {
	display: block;
}

.accordion .btn.download {
    padding-left: 40px;
}

.accordion .acc-entry.acc-btn {
	font-size: 24px;
	padding: 10px 0px 10px 0px;
}

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

.mobilespace {
	padding-top: 250px;
}

}