
/* 873.6 general styles */

* {
	margin:0;
	padding:0;
}

a {
	outline:none;
	color:black;
}

a:hover,
a:focus,
a:active {
	text-decoration:none;
}

/* icomoon font */

@font-face {
  font-family: 'klangmanufaktur-fluegelliste';
  src:  url('fonts/klangmanufaktur-fluegelliste.eot?9z1nf9');
  src:  url('fonts/klangmanufaktur-fluegelliste.eot?9z1nf9#iefix') format('embedded-opentype'),
    url('fonts/klangmanufaktur-fluegelliste.ttf?9z1nf9') format('truetype'),
    url('fonts/klangmanufaktur-fluegelliste.woff?9z1nf9') format('woff'),
    url('fonts/klangmanufaktur-fluegelliste.svg?9z1nf9#klangmanufaktur-fluegelliste') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'klangmanufaktur-fluegelliste' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pfeil_links:before {
  content: "\e900";
}
.icon-pfeil_oben:before {
  content: "\e901";
}
.icon-pfeil_rechts:before {
  content: "\e902";
}
.icon-pfeil_unten:before {
  content: "\e903";
}
.icon-close:before {
  content: "\e904";
}


html,
body {
	min-width:1059px;
    max-width: 100%;
    overflow-x: hidden;
}
@media screen and (min-width:1419px) {
html,
body {
	min-width:1411px;
    }
}

@media screen and (min-width:1913px) {
html,
body {
	min-width:1905px;
    }
}

@media screen and (max-width:1067px) {
html,
body {
	min-width:847px;
    }
}


html,
body {
	max-height: 100vh;
	overflow: hidden;
}


#page {
	font-size:16px;
    font-family:'CANormal';
	display:inline-block;
	width:auto;
}
@media screen and (min-width:1419px) {
#page {
	font-size:21px;
    }
}

@media screen and (min-width:1913px) {
#page {
	font-size:29px;
    }
}

@media screen and (max-width:1067px) {
#page {
	font-size:13px;
    }
}



header.site-header {
	width:1060px;
	height:82px; 
	position:fixed;
	top:0;
	z-index:20;
	background:white;
}

header.site-header .site-title {
	width:287px;
	height:75px;
	top:25px;
	font-size:0;
	position:absolute;
	right:0;
	z-index:9;
}

@media screen and (min-width:1419px) {
header.site-header {
	width:1413px;
	height:109px; 
	}

header.site-header .site-title {
	width:383px;
	height:100px;
	top:33px;
	}

}

@media screen and (min-width:1913px) {
header.site-header {
	width:1908px;
	height:148px; 
	}

header.site-header .site-title {
	width:517px;
	height:135px;
	top:45px;
	}

}

@media screen and (max-width:1067px) {
header.site-header {
	width:848px;
	height:66px; 
	}

header.site-header .site-title {
	width:230px;
	height:60px;
	top:20px;
	}

}


header.site-header .site-title img {
	width:100%;
	height:auto;
}

header.site-header .site-title a {
	display:inline-block;
	width:100%;
	height:100%;
}

header.site-header .site-description {
	display:none;
}

@media screen and (max-width:873.6px) {
	header.site-header {
		width:671px;
	}

	header.site-header .mobile-open-button {
		display:block;
		position:fixed;
		top:22px;
		left:15px;
		border:none;
		padding:0 0 0 3px;
		outline:none;
		font-size:0;
		cursor:pointer;
		background:none;
		margin:0;
		text-align:left;
		background:white;
		z-index:30;
		color:black;

	}

	header.site-header .mobile-open-button::after {
		display:block;
		text-align:right;
		content: "\f214";
		font-size:20px;
		background:none;
		font-family: "dashicons";
		color: black;
		padding:4px 4px 4px 0;
		margin: 0;
		line-height: 1em;
		background:white;
	}
}

@media print, screen and (min-width:874.6px) {


nav.main-navigation {
	width:300px;
	top:82px;
	height:40px;
	border-top:3px solid black;
	border-bottom:3px solid black;
	padding:6px 0;
	position:fixed;
	background:white;
	box-sizing:border-box;
}

nav.main-navigation ul {
	margin-left:25px;
	}

nav.main-navigation li {
	padding-right:6px;
	margin-right:32px;
	display:inline-block;
	list-style:none;
}

nav.main-navigation li.lang-item:after {
	padding-left:6px;
	display:inline-block;
	content:"/";
}

nav.main-navigation a {
	letter-spacing:2px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	display:inline-block;
}

@media screen and (min-width:1419px) {
nav.main-navigation {
	width:400px;
	top:109px;
	height:53px;
	border-top:4px solid black;
	border-bottom:4px solid black;
	padding:8px 0;
	}

nav.main-navigation ul {
	margin-left:33px;
	}

nav.main-navigation li {
	padding-right:8px;
	margin-right:43px;
	}

nav.main-navigation li.lang-item:after {
	padding-left:8px;
	}

nav.main-navigation a {
	letter-spacing:3px;
	}

}

@media screen and (min-width:1913px) {
nav.main-navigation {
	width:540px;
	top:148px;
	height:72px;
	border-top:5px solid black;
	border-bottom:5px solid black;
	padding:11px 0;
	}

nav.main-navigation ul {
	margin-left:45px;
	}

nav.main-navigation li {
	padding-right:11px;
	margin-right:58px;
	}

nav.main-navigation li.lang-item:after {
	padding-left:11px;
	}

nav.main-navigation a {
	letter-spacing:4px;
	}

}

@media screen and (max-width:1067px) {
nav.main-navigation {
	width:240px;
	top:66px;
	height:32px;
	border-top:2px solid black;
	border-bottom:2px solid black;
	padding:5px 0;
	}

nav.main-navigation ul {
	margin-left:20px;
	}

nav.main-navigation li {
	padding-right:5px;
	margin-right:26px;
	}

nav.main-navigation li.lang-item:after {
	padding-left:5px;
	}

nav.main-navigation a {
	letter-spacing:2px;
	}

}



nav.main-navigation li.lang-item {
	margin-right:0;
}

nav.main-navigation li.lang-item:last-child::after {
	display:none;
}

nav.main-navigation li.current-lang a {
	color:#dfdfdf;
	cursor:default;
}

} /* end larger than small tablet */

/* menu: small screen size for tablets */

@media screen and (max-width:873.6px) {
	nav.main-navigation .mobile-close-button {
		position:absolute;
		top:5px;
		right:20px;
		height:12px;
		width:12px;
		display:block;
		cursor:pointer;
	}

	nav.main-navigation .mobile-close-button:after {
		font-family:'klangmanufaktur-fluegelliste';
		content: "\e904";
		opacity:1;
		font-size:12px;
	}

	nav.main-navigation {
		position:fixed;
		top:0;
		border-right:3px solid black;
		width:244px;
		left:-247px;
		padding:30px 0;
		box-sizing:border-box;
		transition:all 1s;
		z-index:100;
		background:white;
		height:100%;
	}

	nav.main-navigation.toggled {
		left:0;
	}

	nav.main-navigation ul {
		position:relative;
		z-index:30;
		margin-left:20px;
	}

	nav.main-navigation li {
		display:inline-block;
		list-style:none;
		padding-right:5px;
		margin-right:26px;
	}

	nav.main-navigation li.lang-item {
		margin-right:0;
	}

	nav.main-navigation li.lang-item:after {
		display:inline-block;
		content:"/";
		padding-left:5px;
	}

	nav.main-navigation li.lang-item:last-child::after {
		display:none;
	}

	nav.main-navigation a {
		font-weight:bold;
		text-transform:uppercase;
		display:inline-block;
		letter-spacing:2px;
		text-decoration:none;
	}

	nav.main-navigation li.current-lang a {
		color:#dfdfdf;
		cursor:default;
	}
}


header.entry-header,
header.page-header {
	padding:25px;
	letter-spacing:4px;
	height:82px;
	text-transform:uppercase;
	position:fixed;
	top:0;	
	box-sizing:border-box;
	z-index:20;
}

@media screen and (min-width:1419px) {
header.entry-header,
header.page-header {
	padding:33px;
	letter-spacing:5px;
	height:109px;
	}

}

@media screen and (min-width:1913px) {
header.entry-header,
header.page-header {
	padding:45px;
	letter-spacing:7px;
	height:148px;
	}

}

@media screen and (max-width:1067px) {
header.entry-header,
header.page-header {
	padding:20px;
	letter-spacing:3px;
	height:66px;
	}

}


@media screen and (max-width:873.6px) {
	header.entry-header .entry-title,
	page-header.page-header .page-title {
		margin-left:40px;
	}
}

header.entry-header .entry-title,
header.page-header .page-title {
	font-size:175%;
	font-weight:normal;
}

header.entry-header .entry-title a,
header.page-header .page-title a {
	text-decoration:none;
}

.break {
	display:block;
	clear:both;
}

/* content */


#content {
	width:1057px;
	}

#content .entry-content,
#content .page-content,
#content .entry-footer {
	margin-left:300px;
	margin-top:82px;
	}

#content .page-content {
	margin-top:129px;
	}

@media screen and (min-width:1419px) {
#content {
	width:1409px;
	}

#content .entry-content,
#content .page-content,
#content .entry-footer {
	margin-left:400px;
	margin-top:109px;
	}

#content .page-content {
	margin-top:172px;
	}

}

@media screen and (min-width:1913px) {
#content {
	width:1903px;
	}

#content .entry-content,
#content .page-content,
#content .entry-footer {
	margin-left:540px;
	margin-top:148px;
	}

#content .page-content {
	margin-top:232px;
	}

}

@media screen and (max-width:1067px) {
#content {
	width:846px;
	}

#content .entry-content,
#content .page-content,
#content .entry-footer {
	margin-left:240px;
	margin-top:66px;
	}

#content .page-content {
	margin-top:103px;
	}

}


@media screen and (max-width:873.6px) {
	#content .entry-content,
	#content .page-content,
	#content .entry-footer {
		margin-left:20px;
	}
}

/* Tag-Liste */

@media print, screen and (min-width:874.6px) {


.tag-box {
	width:300px;
	min-height:10px;
	padding:30px 60px  30px  40px;
	top:122px;
	position:fixed;
	left:0;
	box-sizing:border-box;
	text-align:right;
	overflow:auto;
}

@media screen and (min-width:1419px) {
.tag-box {
	width:400px;
	min-height:13px;
	padding:40px 80px  40px  53px;
	top:163px;
	}

}

@media screen and (min-width:1913px) {
.tag-box {
	width:540px;
	min-height:18px;
	padding:54px 108px  54px  72px;
	top:220px;
	}

}

@media screen and (max-width:1067px) {
.tag-box {
	width:240px;
	min-height:8px;
	padding:24px 48px  24px  32px;
	top:98px;
	}

}


} /* end larger than small tablet */

@media screen and (max-width:873.6px) {
	.tag-box {
		width:240px;
		min-height:10px;
		position:relative;
		padding:20px;
		box-sizing:border-box;
		text-align:right;
		overflow:auto;
	}
}


.tag-box .filter-section {
	margin-bottom:30px;
	}

.tag-box h3 {
	padding-right:14px;
	font-size:16px;
	letter-spacing:2px;
	position:relative;
	font-weight:bold;
	text-transform:uppercase;
}

.tag-box .filter-section p {
	padding-right:18px;
	position:relative;
}

.tag-box .control-indicator {
	width:10px;
	height:10px;
	border:2px solid black;
	bottom:3px;
	display:inline-block;
	cursor:pointer;
	position:absolute;
	right:0;
}

.tag-box h3 .activity-indicator {
	background-size:16px 16px;
	width:16px;
	height:16px;
	margin-right:4px;
	display:inline-block;
	background-image:url('img/status.gif');
}


@media screen and (min-width:1419px) {
.tag-box .filter-section {
	margin-bottom:40px;
	}

.tag-box h3 {
	padding-right:19px;
	font-size:21px;
	letter-spacing:3px;
	}

.tag-box .filter-section p {
	padding-right:24px;
	}

.tag-box .control-indicator {
	width:13px;
	height:13px;
	border:3px solid black;
	bottom:4px;
	}

.tag-box h3 .activity-indicator {
	background-size:21px 21px;
	width:21px;
	height:21px;
	margin-right:5px;
	}


}

@media screen and (min-width:1913px) {
.tag-box .filter-section {
	margin-bottom:54px;
	}

.tag-box h3 {
	padding-right:25px;
	font-size:29px;
	letter-spacing:4px;
	}

.tag-box .filter-section p {
	padding-right:32px;
	}

.tag-box .control-indicator {
	width:18px;
	height:18px;
	border:4px solid black;
	bottom:5px;
	}

.tag-box h3 .activity-indicator {
	background-size:29px 29px;
	width:29px;
	height:29px;
	margin-right:7px;
	}


}

@media screen and (max-width:1067px) {
.tag-box .filter-section {
	margin-bottom:24px;
	}

.tag-box h3 {
	padding-right:11px;
	font-size:13px;
	letter-spacing:2px;
	}

.tag-box .filter-section p {
	padding-right:14px;
	}

.tag-box .control-indicator {
	width:8px;
	height:8px;
	border:2px solid black;
	bottom:2px;
	}

.tag-box h3 .activity-indicator {
	background-size:13px 13px;
	width:13px;
	height:13px;
	margin-right:3px;
	}


}


.tag-box h3  .slide-toggle:after {
	position:absolute;
	right:0;
	content:"+";
	display:inline-block;
}

.tag-box .filter-section.open h3 .slide-toggle:after {
	content:"-";
}

.tag-box .control-indicator.checked {
	background:black;
}

/* Fluegelliste */

.fluegelliste thead th {
  position: sticky;
  top: 0;
  z-index: 3;
}

.entry-content {
	max-height: calc(100vh - 123px);
}


.fluegelliste {
	margin-bottom:30px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.fluegelliste thead {
	z-index:3;
	background:white;
		
}

@media screen and (min-width:874.6px) {
	.fluegelliste thead {
		left:calc(300px);
	}
}

.fluegelliste tr {
	border:3px solid black;
		
}

.fluegelliste th {
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	border-right: 3px solid black;
}
.fluegelliste td {
	border-bottom: 3px solid black;
	border-right: 3px solid black;
}

.fluegelliste th:first-child,
.fluegelliste td:first-child {
	border-left: 3px solid black;
}

@media screen and (min-width:1419px) {
.fluegelliste {
	margin-bottom:40px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.fluegelliste thead {
		
}

@media screen and (min-width:874.6px) {
	.fluegelliste thead {
		left:calc(400px);
	}
}

.fluegelliste tr {
	border:4px solid black;
		
}

.fluegelliste th {
	border-top: 4px solid black;
	border-bottom: 4px solid black;
	border-right: 4px solid black;
}
.fluegelliste td {
	border-bottom: 4px solid black;
	border-right: 4px solid black;
}

.fluegelliste th:first-child,
.fluegelliste td:first-child {
	border-left: 4px solid black;
}

}

@media screen and (min-width:1913px) {
.fluegelliste {
	margin-bottom:54px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.fluegelliste thead {
		
}

@media screen and (min-width:874.6px) {
	.fluegelliste thead {
		left:calc(540px);
	}
}

.fluegelliste tr {
	border:5px solid black;
		
}

.fluegelliste th {
	border-top: 5px solid black;
	border-bottom: 5px solid black;
	border-right: 5px solid black;
}
.fluegelliste td {
	border-bottom: 5px solid black;
	border-right: 5px solid black;
}

.fluegelliste th:first-child,
.fluegelliste td:first-child {
	border-left: 5px solid black;
}

}

@media screen and (max-width:1067px) {
.fluegelliste {
	margin-bottom:24px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.fluegelliste thead {
		
}

@media screen and (min-width:874.6px) {
	.fluegelliste thead {
		left:calc(240px);
	}
}

.fluegelliste tr {
	border:2px solid black;
		
}

.fluegelliste th {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
}
.fluegelliste td {
	border-bottom: 2px solid black;
	border-right: 2px solid black;
}

.fluegelliste th:first-child,
.fluegelliste td:first-child {
	border-left: 2px solid black;
}

}


.fluegelliste .overview-row {
	cursor:pointer;
}

.fluegelliste .detail-row td > div {
	display:none;
}

.fluegelliste th {
	cursor:pointer;
}

.fluegelliste td,
.fluegelliste th {
	position:relative;
	white-space:nowrap;
	overflow:hidden;
}

.fluegelliste th .small {
	display:block;
	font-size:80%;
	font-weight:normal;
	text-transform:none;
	letter-spacing:0;
}

.fluegelliste .detail-row td .content-inner {
	white-space:normal;
}

.fluegelliste tr.mobile-image-box {
	display:none;
}


.fluegelliste .overview-row td:nth-child(1),
.fluegelliste th:nth-child(1) {
	width:80px;
}

.fluegelliste .overview-row td:nth-child(2),
.fluegelliste th:nth-child(2) {
	width:90px;
}

.fluegelliste .overview-row td:nth-child(3),
.fluegelliste th:nth-child(3) {
	width:160px;
}

.fluegelliste .overview-row td:nth-child(4),
.fluegelliste th:nth-child(4) {
	width:195px;
}

.fluegelliste .overview-row td:nth-child(5),
.fluegelliste th:nth-child(5) {
	width:70px;
}

.fluegelliste .overview-row td:nth-child(6),
.fluegelliste th:nth-child(6) {
	width:70px;
}

.fluegelliste .overview-row td:nth-child(7),
.fluegelliste th:nth-child(7) {
	width:70px;
}
@media screen and (min-width:1419px) {
.fluegelliste .overview-row td:nth-child(1),
.fluegelliste th:nth-child(1) {
	width:107px;
}

.fluegelliste .overview-row td:nth-child(2),
.fluegelliste th:nth-child(2) {
	width:120px;
}

.fluegelliste .overview-row td:nth-child(3),
.fluegelliste th:nth-child(3) {
	width:213px;
}

.fluegelliste .overview-row td:nth-child(4),
.fluegelliste th:nth-child(4) {
	width:260px;
}

.fluegelliste .overview-row td:nth-child(5),
.fluegelliste th:nth-child(5) {
	width:93px;
}

.fluegelliste .overview-row td:nth-child(6),
.fluegelliste th:nth-child(6) {
	width:93px;
}

.fluegelliste .overview-row td:nth-child(7),
.fluegelliste th:nth-child(7) {
	width:93px;
}
}

@media screen and (min-width:1913px) {
.fluegelliste .overview-row td:nth-child(1),
.fluegelliste th:nth-child(1) {
	width:144px;
}

.fluegelliste .overview-row td:nth-child(2),
.fluegelliste th:nth-child(2) {
	width:162px;
}

.fluegelliste .overview-row td:nth-child(3),
.fluegelliste th:nth-child(3) {
	width:288px;
}

.fluegelliste .overview-row td:nth-child(4),
.fluegelliste th:nth-child(4) {
	width:351px;
}

.fluegelliste .overview-row td:nth-child(5),
.fluegelliste th:nth-child(5) {
	width:126px;
}

.fluegelliste .overview-row td:nth-child(6),
.fluegelliste th:nth-child(6) {
	width:126px;
}

.fluegelliste .overview-row td:nth-child(7),
.fluegelliste th:nth-child(7) {
	width:126px;
}
}

@media screen and (max-width:1067px) {
.fluegelliste .overview-row td:nth-child(1),
.fluegelliste th:nth-child(1) {
	width:64px;
}

.fluegelliste .overview-row td:nth-child(2),
.fluegelliste th:nth-child(2) {
	width:72px;
}

.fluegelliste .overview-row td:nth-child(3),
.fluegelliste th:nth-child(3) {
	width:128px;
}

.fluegelliste .overview-row td:nth-child(4),
.fluegelliste th:nth-child(4) {
	width:156px;
}

.fluegelliste .overview-row td:nth-child(5),
.fluegelliste th:nth-child(5) {
	width:56px;
}

.fluegelliste .overview-row td:nth-child(6),
.fluegelliste th:nth-child(6) {
	width:56px;
}

.fluegelliste .overview-row td:nth-child(7),
.fluegelliste th:nth-child(7) {
	width:56px;
}
}



.fluegelliste .overview-row {
	border-top: 0 !important;
}

.fluegelliste .overview-row td span,
.fluegelliste tr th > span {
	padding:6px 10px;
	display:block;
	box-sizing:border-box;
	background:white;
	
}

.fluegelliste .overview-row td span {
	border-top: 0 !important;
}

@media screen and (min-width:1419px) {
.fluegelliste .overview-row {
	border-top: 0 !important;
}

.fluegelliste .overview-row td span,
.fluegelliste tr th > span {
	padding:8px 13px;
		
}

.fluegelliste .overview-row td span {
	border-top: 0 !important;
}

}

@media screen and (min-width:1913px) {
.fluegelliste .overview-row {
	border-top: 0 !important;
}

.fluegelliste .overview-row td span,
.fluegelliste tr th > span {
	padding:11px 18px;
		
}

.fluegelliste .overview-row td span {
	border-top: 0 !important;
}

}

@media screen and (max-width:1067px) {
.fluegelliste .overview-row {
	border-top: 0 !important;
}

.fluegelliste .overview-row td span,
.fluegelliste tr th > span {
	padding:5px 8px;
		
}

.fluegelliste .overview-row td span {
	border-top: 0 !important;
}

}


.fluegelliste .overview-row td:last-child span,
.fluegelliste tr th:last-child > span {
	border:none;
}

.fluegelliste .detail-row td {
	border:none;
	display:none;
}

.fluegelliste .overview-row td .field-title {
	display:none;
}

.fluegelliste tr.overview-row.open {
	border-bottom:none;
}

.fluegelliste tr.detail-row.open {
	border-top:none;
}

.fluegelliste tr.overview-row.open td.nummer,
.fluegelliste tr.overview-row.open td.nummer span {
	color:white;
	background:black;
}


.fluegelliste tr.overview-row.open td span {
	border-right:none;
}

.fluegelliste tr.overview-row.open td.nummer span {
	border-right:3px solid black;
}

.fluegelliste th .th-text {
	width:40px;
	display:block;
	overflow:hidden;
}

.fluegelliste th .th-text-inner {
	height:120px;
	width:120px;
	letter-spacing:1px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	display:block;
	
}

.fluegelliste th.current-sort:after {
	bottom:5px;
	right:8px;
	font-size:6px;
	display:block;
	position:absolute;
	font-family:'klangmanufaktur-fluegelliste';
	content: "\e901";
	
}

@media screen and (min-width:1419px) {
.fluegelliste tr.overview-row.open td span {
	border-right:none;
}

.fluegelliste tr.overview-row.open td.nummer span {
	border-right:4px solid black;
}

.fluegelliste th .th-text {
	width:53px;
	}

.fluegelliste th .th-text-inner {
	height:160px;
	width:160px;
	letter-spacing:1.3px;
		
}

.fluegelliste th.current-sort:after {
	bottom:7px;
	right:11px;
	font-size:8px;
		
}

}

@media screen and (min-width:1913px) {
.fluegelliste tr.overview-row.open td span {
	border-right:none;
}

.fluegelliste tr.overview-row.open td.nummer span {
	border-right:5px solid black;
}

.fluegelliste th .th-text {
	width:72px;
	}

.fluegelliste th .th-text-inner {
	height:216px;
	width:216px;
	letter-spacing:1.8px;
		
}

.fluegelliste th.current-sort:after {
	bottom:9px;
	right:14px;
	font-size:11px;
		
}

}

@media screen and (max-width:1067px) {
.fluegelliste tr.overview-row.open td span {
	border-right:none;
}

.fluegelliste tr.overview-row.open td.nummer span {
	border-right:2px solid black;
}

.fluegelliste th .th-text {
	width:32px;
	}

.fluegelliste th .th-text-inner {
	height:96px;
	width:96px;
	letter-spacing:0.8px;
		
}

.fluegelliste th.current-sort:after {
	bottom:4px;
	right:6px;
	font-size:5px;
		
}

}


.fluegelliste.desc th.current-sort:after {
	content: "\e903";
}

.fluegelliste tr.overview-row td span {
	
}

/* table column colours */

.fluegelliste th.nummer:hover span,
.fluegelliste .current-sort.nummer span {
	background:#6c88a0;
}

.fluegelliste th.modell:hover span,
.fluegelliste .current-sort.modell span {
	background:#ffca00;
}

.fluegelliste th.farbe-furnier:hover span,
.fluegelliste .current-sort.farbe-furnier span {
	background:#ef6b61;
}

.fluegelliste th.oberflaeche:hover span,
.fluegelliste .current-sort.oberflaeche span {
	background:#7cacc2;
}

.fluegelliste th.serien-nummer:hover span,
.fluegelliste .current-sort.serien-nummer span {
	background:#ffdb79;
}

.fluegelliste th.baujahr:hover span,
.fluegelliste .current-sort.baujahr span {
	background:#5b9e8f;
}

.fluegelliste th.verkaufspreis:hover span,
.fluegelliste .current-sort.verkaufspreis span {
	background:#e5a598;
}

.fluegelliste th.fluegelmiete:hover span,
.fluegelliste .current-sort.fluegelmiete span {
	background:#a5bbb3;
}

.fluegelliste.open td.current-sort span {
	background:none;
}


.fluegelliste td.nummer:after {
	top:-2px;
	right:8px;
	display:block;
	position:absolute;
	content:"+";
	
}

.fluegelliste td.content {
	min-width:734px;
	border:3px solid black;
	border-top: 0;
}

.fluegelliste td.content div.content-inner {
	margin-left:80px;
	padding:20px 20px 30px 0;
}

.fluegelliste td.content .image-box {
	margin-right:30px;
	width:340px;
	float:left;
	box-sizing:border-box;
	position:relative;
}

.fluegelliste td.content .image-box.empty {
	padding:20px;
	height:227px;
	background:#a5bbb3;
	color:white;
}

.fluegelliste td.content .image-box.empty > span {
	bottom:20px;
	right:20px;
	display:block;
	position:absolute;
	text-align:right;
}

.fluegelliste td.content .text-box {
	margin-top:-3px;
	width:300px;
	float:left;
	font-size:100%;
}

.instrument-details {
	padding-bottom:12px;
}

@media screen and (min-width:1419px) {
.fluegelliste td.nummer:after {
	top:-3px;
	right:11px;
		
}

.fluegelliste td.content {
	min-width:979px;
	border:4px solid black;
	border-top: 0;
}

.fluegelliste td.content div.content-inner {
	margin-left:107px;
	padding:27px 27px 40px 0;
}

.fluegelliste td.content .image-box {
	margin-right:40px;
	width:453px;
	}

.fluegelliste td.content .image-box.empty {
	padding:27px;
	height:302px;
	}

.fluegelliste td.content .image-box.empty > span {
	bottom:27px;
	right:27px;
	}

.fluegelliste td.content .text-box {
	margin-top:-4px;
	width:400px;
	}

.instrument-details {
	padding-bottom:16px;
}

}

@media screen and (min-width:1913px) {
.fluegelliste td.nummer:after {
	top:-4px;
	right:14px;
		
}

.fluegelliste td.content {
	min-width:1321px;
	border:5px solid black;
	border-top: 0;
}

.fluegelliste td.content div.content-inner {
	margin-left:144px;
	padding:36px 36px 54px 0;
}

.fluegelliste td.content .image-box {
	margin-right:54px;
	width:612px;
	}

.fluegelliste td.content .image-box.empty {
	padding:36px;
	height:408px;
	}

.fluegelliste td.content .image-box.empty > span {
	bottom:36px;
	right:36px;
	}

.fluegelliste td.content .text-box {
	margin-top:-5px;
	width:540px;
	}

.instrument-details {
	padding-bottom:22px;
}

}

@media screen and (max-width:1067px) {
.fluegelliste td.nummer:after {
	top:-2px;
	right:6px;
		
}

.fluegelliste td.content {
	min-width:587px;
	border:2px solid black;
	border-top: 0;
}

.fluegelliste td.content div.content-inner {
	margin-left:64px;
	padding:16px 16px 24px 0;
}

.fluegelliste td.content .image-box {
	margin-right:24px;
	width:272px;
	}

.fluegelliste td.content .image-box.empty {
	padding:16px;
	height:181px;
	}

.fluegelliste td.content .image-box.empty > span {
	bottom:16px;
	right:16px;
	}

.fluegelliste td.content .text-box {
	margin-top:-2px;
	width:240px;
	}

.instrument-details {
	padding-bottom:10px;
}

}


.fluegelliste td.content .text-box .detail-key {
	font-weight:bold;
}

.fluegelliste .overview-row .price-details {
	display:none;
}

.fluegelliste .open td.nummer:after {
	content:"-";
}

.fluegelliste td.content .image-box.empty  a {
	text-decoration:none;
}

.fluegelliste td.content .image-box.empty a:hover,
.fluegelliste td.content .image-box.empty a:active,
.fluegelliste td.content .image-box.empty a:focus {
	text-decoration:underline;
}

.fluegelliste td.content .image-box img {
	width:100%;
	height:auto;
}

.fluegelliste td.content .content-inner:after {
	content:" ";
	display:block;
	clear:both;
}

.fluegelliste td.content .text-box .detail-group-title,
.fluegelliste td.content .text-box .detail-key-mobile {
	display:none;
}

/* slick styles */

.fluegelliste td.content .slick-slider {
	position:relative;
}


.fluegelliste td.content .gallery img {
	max-width:340px;
	height:auto;
	
}

.fluegelliste td.content .gallery .slick-prev,
.fluegelliste td.content .gallery .slick-next {
	width:20px;
	position:absolute;
	left:0;
	bottom:0;
	height:100%;
	z-index:1;
	display:none !important;
}

.fluegelliste td.content .slick-prev::before,
.fluegelliste td.content .slick-next::before  {
	font-size:14px;
}

@media screen and (min-width:1419px) {
.fluegelliste td.content .gallery img {
	max-width:453px;
		
}

.fluegelliste td.content .gallery .slick-prev,
.fluegelliste td.content .gallery .slick-next {
	width:27px;
	}

.fluegelliste td.content .slick-prev::before,
.fluegelliste td.content .slick-next::before  {
	font-size:19px;
}

}

@media screen and (min-width:1913px) {
.fluegelliste td.content .gallery img {
	max-width:612px;
		
}

.fluegelliste td.content .gallery .slick-prev,
.fluegelliste td.content .gallery .slick-next {
	width:36px;
	}

.fluegelliste td.content .slick-prev::before,
.fluegelliste td.content .slick-next::before  {
	font-size:25px;
}

}

@media screen and (max-width:1067px) {
.fluegelliste td.content .gallery img {
	max-width:272px;
		
}

.fluegelliste td.content .gallery .slick-prev,
.fluegelliste td.content .gallery .slick-next {
	width:16px;
	}

.fluegelliste td.content .slick-prev::before,
.fluegelliste td.content .slick-next::before  {
	font-size:11px;
}

}


.fluegelliste td.content .gallery .slick-next {
	left:auto;
	right:0;
}

.fluegelliste td.content .gallery:hover .slick-prev,
.fluegelliste td.content .gallery:hover .slick-next {
	display:block !important;
}

.fluegelliste td.content .slick-prev::before,
.fluegelliste td.content .slick-next::before {
	color:black;
}

.fluegelliste td.content .slick-prev::before {
	font-family:'klangmanufaktur-fluegelliste';
	content: "\e900";
	opacity:1;
}

.fluegelliste td.content .slick-next::before {
	font-family:'klangmanufaktur-fluegelliste';
	content: "\e902";
	opacity:1;
}

/* lightbox */

#swipebox-bottom-bar {
	display:none !important;
}

/* page cover */

#page-cover {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:white;
	z-index:1000;
	background-image:url('img/status.gif');
	background-position:center center;
	background-repeat:no-repeat;
}

/* screen reader */

.screen-reader-text,
.menu-toggle {
	position:absolute;
	top:-9999;
	left:-9999;
	font-size:0;
	border:none;
	background:none;
}