/* artworks24 CSS based on responsee CSS Achim Girnth 20. May 2019***********************************/

@font-face {
	font-family: 'SuisseIntl';
	src: url('fonts/SuisseIntl-Regular-WebS.eot'); /* IE9 Compat Modes */
	src: url('fonts/SuisseIntl-Regular-WebS.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/SuisseIntl-Regular-WebS.woff') format('woff'), /* Modern Browsers */
	url('fonts/SuisseIntl-Regular-WebS.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/SuisseIntl-Regular-WebS.svg#svgFontName') format('svg'); /* Legacy iOS */8098A6
}

@font-face {
	font-family: 'SuisseIntl-Medium';
	src: url('fonts/SuisseIntl-Medium.eot');
	src: local('☺'), url('fonts/SuisseIntl-Medium.woff') format('woff'), url('fonts/SuisseIntl-Medium.ttf') format('truetype'), url('fonts/SuisseIntl-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SuisseIntl-Light';
	src: url('fonts/SuisseIntl-Light.eot');
	src: local('☺'), url('fonts/SuisseIntl-Light.woff') format('woff'), url('fonts/SuisseIntl-Light.ttf') format('truetype'), url('fonts/SuisseIntl-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ARTWORKS24 Color Classes ****************************************************************************/

.col-nav1 { background-color:#eef1f3; }

.col-nav2 { background-color:#a7b7c0; }

.col-nav3 { background-color:#8098a6; }

.col-nav4 { background-color:#3D7799; }		/* Dunkelblau für Texte */

.col-kunst1 { background-color:#f8f3f1; }

.col-kunst2 { background-color:#f1e6e2; }

.col-agenda1 { background-color:#fdf8ef; }

.col-agenda2 { background-color:#fbf0d8; }

.col-agenda3 { background-color:#f3d99f; }

/* ARTWORKS24 spezifische Styles ***********************************************************************************************************/
/* FORM & TEXT ELEMENTS ARTWORKS ***********************************************************************************************************/

.awtxt_15
{
	color:#444444;
	font-size:15px;
	line-height:18px;
}

.awtxtme_15
{
	font-family:"SuisseIntl-Medium",Arial,sans-serif;
	color:#444444;
	font-size:15px;
	line-height:18px;
}

.awtxt_16
{
	color:#444444;
	font-size:16px;
	line-height:19px;
}

.awtxtme_16
{
	font-family:"SuisseIntl-Medium",Arial,sans-serif;
	color:#444444;
	font-size:16px;
	line-height:19px;
}

.awtxt_18
{
	color:#444444;
	font-size:18px;
	line-height:21px;
}

.awtxtme_18
{
	font-family:"SuisseIntl-Medium",Arial,sans-serif;
	color:#444444;
	font-size:18px;
	line-height:21px;
}

.awLabel
{
	color:#444444;
	font-size:13px;
	text-transform:uppercase;
}

.awLabelLine
{
	margin-left:4px;
	border-style: solid; 
	border-width: 1px 0px 0px 0px; 
	border-color:#cccccc;
	color:#444444;
	font-size:13px;
	text-transform:uppercase;
	width:100%;
}

.awInput
{
	width:100%;
	padding-top:24px;
	padding-left:4px; /* Ausgleich zu select */
	text-align:left;
	background-color: transparent; 
	border-style: none; 
	color:#444444;
	font-size:16px;
	outline:none;

}

.awPwdInput
{
	width:90%;
	padding-top:24px;
	padding-left:4px; /* Ausgleich zu select */
	text-align:left;
	float:left;
	background-color: transparent; 
	border-style: none; 
	color:#444444;
	font-size:16px;
	outline:none;

}

.awInputNoPadd
{
	width:100%;
	padding-left:4px; /* Ausgleich zu select */
	text-align:left;
	background-color: transparent; 
	border-style: none; 
	color:#444444;
	font-size:16px;
	outline:none;

}

.awInputLine
{
	width:100%;
	padding-top:8px;
	marin-left:0px;
	text-align:left;
	background-color: transparent; 
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color:#cccccc;
	color:#444444;
	font-size:16px;
	outline:none

}

.awTextarea	
{
	width:100%;
	height:80px;
	resize:none;
	background-color:transparent;
	outline:none;
	border-style:solid;
	border-width:thin;
	border-color:#444444; 
	font-size:14px;
	font-family: 'Roboto';
}			

.artistTextarea	
{
	width:100%;
	height:80px;
	resize:none;
	background-color:transparent;
	outline:none;
	border-style:solid;
	border-width:thin;
	border-color:#8098a6; 
	font-size:14px;
	font-family: 'Roboto';
}

.trennerLine
{
	font-size:18px;
	font-family:"SuisseIntl-Medium",Arial,sans-serif;
	background-color:transparent;
	text-transform:uppercase;
}

.eingabeBlock
{
	border-style:solid;
	border-width:thin;
	border-color:#eef1f3;
	margin-left:6px;
	margin-right:6px;
	padding-top:0px;
	padding-bottom:12px;
	background-color:#eef1f3;
}		

.clearall
{
	clear:both;
}

.awloader 
{
  margin: 0 auto;
  border: 2px solid #8098a6;
  border-radius: 50%;
  border-top: 2px solid #ffffff;
  width: 24px;
  height: 24px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#stickyLoad 
{
    position:fixed;
	left: 0;
    bottom: 0;
    width: 100%;
    background-color: #f8f3f1; /* background-color: #1CBEB8; */
	display: none;
	opacity: 0.0;
    height: 64px;
	padding-top:12px;
	text-align:center;
	font-size:12px;
	color: #444444;
}

#stickySave 
{
    position:fixed;
	left: 0;
    bottom: 0;
    width: 100%;
    background-color: #000000; /* background-color: #1CBEB8; */
	display: none;
	opacity: 0.0;
    height: 42px;
	padding-top:12px;
	text-align:center;
	color: #ffffff;
}

#stickyNoData 
{
    position:fixed;
	left: 0;
    bottom: 0;
    width: 100%;
    background-color: #dc003a;
	display: none;
	opacity: 0.0;
    height: 42px;
	padding-top:12px;
	text-align:center;
	color: #ffffff;
}

#stickyDelete 
{
    position:fixed;
	left: 0;
    bottom: 0;
    width: 100%;
    background-color: #aa0000;
	display: none;
	opacity: 0.0;
    height: 42px;
	padding-top:12px;
	text-align:center;
	color: #ffffff;
}

/* FORM & TEXT ELEMENTS ARTWORKS MAIN MASTER ***********************************************************************************************************/

.rollmenutext
{
text-transform:uppercase;
background-color:#ffffff;
color:#444444;
font-size:20px;
text-align:left;
padding-top:11px;
height:40px;
border-top-style:solid;
border-top-width:thin;
border-top-color:#dddddd;
padding-left:4%;
}

.rollmenutext:hover
{
color:#8098a6;
cursor:pointer;
}

/* L Size Regeln */		
@media only screen and (min-width: 769px) 
{
	.suche--hidden
	{
		-webkit-transform: translateY( -260px );
		-ms-transform: translateY( -260px );
		transform: translateY( -260px );
	}
	
	.login--hidden
	{
		-webkit-transform: translateY( -260px );
		-ms-transform: translateY( -260px );
		transform: translateY( -260px );
	}
	
	.artistlisttext
	{
		font-size:16px;
		letter-spacing:0.5px;
		padding-top:3px;
		padding-bottom:12px;
		float:left;
		text-align:left;
		color:#444444;
	}
		
	.artistlisttext:hover
	{
	color:#8098a6;
	cursor:pointer;
	}
	
	.smallmenutext_lo
	{
		font-size:14px;
		text-transform:uppercase;
		letter-spacing:0.5px;
		color:#444444;
	}
	
	
	.smallmenutext
	{
		font-size:14px;
		text-transform:uppercase;
		letter-spacing:0.5px;
		float:left;
		text-align:left;
		color:#444444;
	}
	
	.smallmenutext:hover
	{
		color:#8098a6;
		cursor:pointer;
	}
	
	.masterslstext
	{
		font-size:14px;
		letter-spacing:0.5px;
		padding-bottom:12px;
		text-align:center;
		color:#444444;
	}
	
	.mehrtext
	{
		font-size:16px;
		text-transform:uppercase;
		letter-spacing:0.5px;
		padding-bottom:12px;
		float:left;
		text-align:left;
		color:#444444;
	}
	
	.menutext
	{
		font-size:16px;
		text-transform:uppercase;
		letter-spacing:0.5px;
		padding-top:3px;
		padding-bottom:12px;
		float:left;
		text-align:left;
		color:#444444;
	}
	
	
	.menutext:hover
	{
		color:#8098a6;
		cursor:pointer;
	}
	
	.submenutext
	{
		font-size:16px;
		text-transform:uppercase;
		letter-spacing:0.5px;
		padding-bottom:12px;
		float:left;
		text-align:left;
		color:#444444;
		background-color:transparent;
	}
	
	.submenutext:hover
	{
		color:#8098a6;
		cursor:pointer;
	}
	
	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		position: relative;
	}
	
	#topspacer
	{
	height:160px;
	}
	
	.mainspacer
	{
	height:96px;
	}
		
}
/* M Size Regeln */
@media only screen and (max-width: 768px) 
{
	.suche--hidden
	{
		-webkit-transform: translateY( -420px );
		-ms-transform: translateY( -420px );
		transform: translateY( -420px );
	}
	
	.login--hidden
	{
		-webkit-transform: translateY( -420px );
		-ms-transform: translateY( -420px );
		transform: translateY( -420px );
	}
	
	.menutext
	{
		font-size:15px;
		letter-spacing:0.5px;
		padding-top:3px;
		padding-bottom:12px;
		float:left;
		text-align:left;
		color:#444444;
	}
	
	.menutext:hover
	{
	color:#8098a6;
	cursor:pointer;
	}

	.submenutext
	{
	font-size:15px;
	letter-spacing:0.5px;
	padding-bottom:12px;
	float:left;
	text-align:left;
	color:#444444;
	background-color:transparent;
	}
	
	.submenutext:hover
	{
	color:#8098a6;
	cursor:pointer;
	}

	
	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;
		width: 100%;
		height: auto;
		top: 0;
		position: relative;
		left: -1px;
	}
	
	#topspacer
	{
	height:220px;
	}
	
	.mainspacer
	{
	height:128px;
	}
	
}
/* S Size Regeln */
@media only screen and (max-width: 480px) 
{
	.suche--hidden
	{
		-webkit-transform: translateY( -420px );
		-ms-transform: translateY( -420px );
		transform: translateY( -420px );
	}
	
	.easy-autocomplete-container 
	{
		visibility:hidden;
	}
	
	.login--hidden
	{
		-webkit-transform: translateY( -420px );
		-ms-transform: translateY( -420px );
		transform: translateY( -420px );
	}

	.menutext
	{
		font-size:14px;
		letter-spacing:0.5px;
		padding-top:3px;
		padding-bottom:12px;
		float:left;
		text-align:left;
		color:#444444;
	}
	
	.menutext:hover
	{
	color:#8098a6;
	cursor:pointer;
	}

	.submenutext
	{
	font-size:14px;
	letter-spacing:0.5px;
	padding-bottom:12px;
	float:left;
	text-align:left;
	color:#444444;
	background-color:transparent;
	}
	
	.submenutext:hover
	{
	color:#8098a6;
	cursor:pointer;
	}

	
	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 800px;
		width: 100%;
		height: auto;
		top: 0;
		position: relative;
		left: -1px;
	}
	
	#topspacer
	{
	height:360px;
	}
	
	.mainspacer
	{
	height:160px;
	}

}
	
@media only screen and (min-width: 1070px) 
{
	#menularge{display:block;}
	#menusmall{display:none;}
}

@media only screen and (max-width: 1069px) 
{
	#menularge{display:none;}
	#menusmall{display:block;}			
}

.artistlist-label
{
	font-size:15px;
	letter-spacing:0.5px;
	float:left;
	text-align:left;
	color:#444444;
}

.indextitel
{
font-size:16px;
font-weight:600;
}

.seloff 
{
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}	

.cookiebox 
{
padding-left:4%;
padding-right:4%;
padding-top:8%;
width:100%;
background-color:#eef1f3;
display:none;
}	

.cookietext 
{
padding-top:8px;
padding-left:4%;
padding-right:4%;
text-align:center;
font-size:12px;
}

.vscroll {
  overflow-y: scroll;
}

.galerie
{
padding-left:4%;
padding-right:4%;
padding-top:4%;
}


.textgalerie 
{  
font-size:10.5pt;
line-height:12pt;
text-align:center;
font-family:"SuisseIntl",Arial,sans-serif;
color:#444;
}

/* DETAIL Anzeige ********************************************/

#werkline-container
{
display:block;
width: 100%;
text-align: center;
background-color:#f8f3f1;
position: relative;
z-index: 100;
left: 0;
overflow:hidden;						
}

#werkline
{
width: 100%;
background-color:#f8f3f1;
z-index: 100;
left: 0;
overflow:hidden;
}

.imgBack
{
cursor:pointer;
float:left;
}

.imgNext
{
cursor:pointer;
float:right;
}

.imgClose
{
cursor:pointer;
float:right;
}
			
/* CSS für Tabellendarstellung in Detailansicht *****************************************************************************/

.artlist-artist
{
text-align:center;
font-size:16pt;
line-height:18pt;
letter-spacing:0.1em;
}

.artlist-titel
{
text-align:center;
font-size:16pt;
line-height:18pt;
text-transform:uppercase;
letter-spacing:0.1em;
}

.artlist-p
{
padding-top:1%;
}

.artlist-p-margin
{
padding-top:3%;
}

.artlist-table
{
width:100%;
background-color:#f8f3f1;
border-style:none;
margin-bottom:4px;
}

.artlist-beschreibung
{
width:80%;
background-color:#f8f3f1;
border-style:none;
}

a.artlist-kontakt
{
  background: #444444 none repeat scroll 0 0;
  border: 0;
  width:100%;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  padding: 0.5% 0.5%;
  font-size:14px;
  text-align: center;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

.artlist-kontakt:hover
{
background-color:#a7b7c0;
}

.artlist-tdleft
{
width:50%;
vertical-align:top;
background-color:#f8f3f1;
}

.artlist-tdright
{
width:50%;
vertical-align:top;
background-color:#f8f3f1;
}

.artistlist-zweispaltig
{
vertical-align:top;
background-color:#f8f3f1;
border-style:none;
border-collapse:collapse;
}

.artistlist-tdleft
{
width:30%;
vertical-align:top;
background-color:#f8f3f1;
border-style:none;
border-collapse:collapse;
}

.artistlist-tdright
{
width:70%;
vertical-align:top;
background-color:#f8f3f1;
border-style:none;
border-collapse:collapse;
}

.artlist-label
{
font-size:14px;
letter-spacing:0.05em;
background-color:#f8f3f1;
}

.artlist-result
{
font-size:14px;
text-align:right;
}

.beschreibung-result
{
font-size:14px;
text-align:left;
}

.numdata
{
font-family: 'Roboto';
font-weight:400;
font-size:14px;
text-align:left;
}

.numdataopen
{
font-family: 'Roboto';
font-weight:400;
font-size:15px;
text-align:left;
}


.imgpop
{
cursor:zoom-in;
}

/* CSS für MENUBAR *****************************************************************************/

.searchwarning
{
	width: 100%;
	text-align: center;
	background-color: rgba( 255, 255, 255, 0.8 );
	/*background-color: rgba( 238, 241, 243, 0.7 );*/
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	font-size:11px;
	color:#444444;
	/*
	-webkit-transition-duration: .5s;
	transition-duration: .5s;

	-webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );

	
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;			
	*/
}

.header
{
	width: 100%;
	text-align: center;
	background-color: rgba( 255, 255, 255, 0.0 );
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	
	-webkit-transition-duration: .5s;
	transition-duration: .5s;

	-webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );

	
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;			
	
}
			
.header--hidden
{
	-webkit-transform: translateY( -100% );
	-ms-transform: translateY( -100% );
	transform: translateY( -100% );
}

.submenu
{
	width: 100%;
	display:none;
	background-color:#eef1f3;
	/*
	border-top-style:solid; 
	border-top-width:1px; 
	border-top-color:#a7b7c0;
	*/

	-webkit-transition-duration: .5s;
	transition-duration: .5s;

	-webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );

	-webkit-transition-property: -webkit-transform;
	transition-property: transform;	

	/*-webkit-box-shadow: 0 0.063em 0.25em rgba( 37, 50, 55, .25 );
	box-shadow: 0 0.063em 0.25em rgba( 37, 50, 55, .25 );*/
	
}
			
.submenu--hidden
{
		-webkit-transform: translateY( -100% );
		-ms-transform: translateY( -100% );
		transform: translateY( -100% );
}

.cookiebox--hidden
{
		-webkit-transform: translateY( -100% );
		-ms-transform: translateY( -100% );
		transform: translateY( -100% );
}

.menuspacer
{
height:120px;
background-color:#fff;
}

.menuspacersmall
{
height:60px;
background-color:#fff;
}

.menuspacer-m
{
height:120px;
background-color:#fff;
}

.menuspacer-s
{
height:160px;
background-color:#fff;
}

#searchResults
{
font-size:11px;
padding-top:4px;
background-color:#eef1f3;
color:#444444;
float:left;
text-align:left;
}

#searchResults_m
{
font-size:11px;
padding-top:4px;
background-color:#eef1f3;
color:#444444;
float:left;
text-align:left;
}

.noresults
{
background-color:#eef1f3;
font-size:12px;
color:#aa0000;
padding-top:2px;
display:none;
float:left;
}

.menusuche
{
height:136px;
width:100%;
background-color:#eef1f3;
display:none;

-webkit-transition-duration: .5s;
transition-duration: .5s;

-webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );

-webkit-transition-property: -webkit-transform;
transition-property: transform;	
}

.menulogin
{
width:100%;
background-color:#eef1f3;
display:none;

-webkit-transition-duration: .5s;
transition-duration: .5s;

-webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );

-webkit-transition-property: -webkit-transform;
transition-property: transform;	
}

.menuline
{
height:35px;
background-color:#ffffff;
}

.menulineblue
{
height:48px;
background-color:#8098a6;
}

.moreartworks
{
font-size:16px;
letter-spacing:0.5px;
padding-top:4px;
text-align:center;
color:#8098a6;
/*background-color:#ffffff;*/
}

.moreartworks:hover
{
color:#444444;
cursor:pointer;
}

.sresulttext
{
font-size:12px;
letter-spacing:0.5px;
line-height:14px;
padding-left:1%;
padding-right:0%;
float:left;
text-align:left;
color:#444444;
/*background-color:#ffffff;*/
}

.sresulttext:hover
{
color:#8098a6;
cursor:pointer;
}

.artresulttext
{
font-size:12px;
letter-spacing:0.5px;
line-height:14px;
float:left;
text-align:left;
color:#444444;
/*background-color:#ffffff;*/
}

.artresulttext:hover
{
color:#8098a6;
cursor:pointer;
}

.submenuline
{
height:28px;
background-color:#eef1f3;
text-transform:uppercase;
cursor:pointer;
}

.logosocial_fb
{
width:20px;
height:20px;
background-image: url('img/logo_fb.png');
background-position: left top;
float:left;
margin-right:4px;
cursor:pointer;
}

.logosocial_fb:hover
{
background-image: url('img/logo_fb_hot.png');
}

.logosocial_tw
{
width:20px;
height:20px;
background-image: url('img/logo_twitter.png');
background-position: left top;
float:left;
margin-right:4px;
cursor:pointer;
}

.logosocial_tw:hover
{
background-image: url('img/logo_twitter_hot.png');
}

.logosocial_in
{
width:20px;
height:20px;
background-image: url('img/logo_insta.png');
background-position: left top;
float:left;
margin-right:4px;
cursor:pointer;
}

.logosocial_in:hover
{
background-image: url('img/logo_insta_hot.png');
}

.menutextsel
{
font-size:16px;
letter-spacing:0.5px;
padding-top:3px;
padding-bottom:12px;
float:left;
text-align:left;
color:#444444;
cursor:default;
}

.shadowline
{
    box-shadow: 0px 4px 8px rgba(0, 0, 0, .2);
}

.shadowlinedark {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, .2);
}

.footercontainer
{
    box-shadow: 0px -4px 8px rgba(0, 0, 0, .2);
}

.awlogo
{
padding-top:1px;
padding-left:4%;
float:left;
cursor:pointer;
}

.menulogo
{
height:28px;
font-size:16px;
letter-spacing:0.5px;
padding-top:3px;
padding-bottom:12px;
padding-left:4%;
float:left;
text-align:left;
}

.menartlogo
{
margin-left:8px;
padding-bottom:12px;
float:right;
text-align:right;
cursor:pointer;
width:21px;
height:21px;
background-image: url('img/menu_21.png');
}

.menusearchpic
{
float:left;
text-align:right;
margin-top:2px;
width:16px;
height:16px;
background-image: url('img/searchblue.svg');
}

.menumenupic
{
margin-left:8px;
padding-bottom:12px;
float:right;
text-align:right;
cursor:pointer;
width:21px;
height:21px;
background-image: url('img/menu_21.png');
}

.menumenupic:hover
{
background-image: url('img/menuhot_21.png');
}

.rolloutpic
{
margin-left:8px;
padding-bottom:12px;
float:right;
text-align:right;
cursor:pointer;
width:21px;
height:17px;
background-image: url('img/menu_17.png');
}

.rolloutpic:hover
{
background-image: url('img/menuhot_17.png');
}

.menuloginpic
{
margin-left:8px;
padding-bottom:12px;
float:right;
text-align:right;
cursor:pointer;
width:17px;
height:21px;
background-image: url('img/login_21.png');
}

.menuloginpic:hover
{
background-image: url('img/loginhot_21.png');
}

.loginpic
{
margin-left:8px;
padding-bottom:12px;
float:right;
text-align:right;
cursor:pointer;
width:17px;
height:15px;
background-image: url('img/login_15.png');
}

.loginpic:hover
{
background-image: url('img/loginhot_15.png');
}

.infopic
{
opacity:0.6;
margin-left:8px;
cursor:pointer;
width:18px;
height:18px;
line-height:18px;
background-repeat:no-repeat;
display:inline-block;
background-image: url('img/info.svg');
}

.infopic:hover
{
opacity:1.0;
}

.infopicmargin
{
opacity:0.5;
margin-left:8px;
margin-top:4px;
cursor:pointer;
width:16px;
height:16px;
display:inline-block;
background-image: url('img/info.svg');
}

.infopicmargin:hover
{
opacity:1.0;
}

.menulogoutpic
{
margin-left:0px;
padding-bottom:12px;
float:right;
text-align:right;
cursor:pointer;
width:22px;
height:19px;
background-image: url('img/logout_21.png');
}

.menulogoutpic:hover
{
background-image: url('img/logouthot_21.png');
}

.menusearchpic_s
{
float:right;
text-align:right;
cursor:pointer;
width:21px;
height:21px;
background-image: url('img/search_21.png');
}

.menusearchpic_s:hover
{
background-image: url('img/searchhot_21.png');
}

.menumenupic_s
{
margin-left:6px;
float:right;
text-align:right;
cursor:pointer;
width:21px;
height:21px;
background-image: url('img/menu_21.png');
}

.menumenupic_s:hover
{
background-image: url('img/menuhot_21.png');
}

.pagline
{
height:41px;
padding-top:10px;
border-top-style:solid; 
border-top-width:1px; 
border-top-color:#a7b7c0;
padding-left:4%;
}

/* LOGIN Styles ******************************************************************************************************************************/

.login-small
{
padding-top:2px;
padding-bottom:2px;
float:left;
font-size:14px;
text-align:left;
width:100%;
background-color:#eef1f3;
}

.login-pwlink
{
padding-top:2px;
float:left;
font-size:14px;
text-align:left;
width:100%;
color:#8098a6;
cursor: pointer;
background-color:#eef1f3;
transition: all 0.20s linear 0s;
-o-transition: all 0.20s linear 0s;
-ms-transition: all 0.20s linear 0s;
-moz-transition: all 0.20s linear 0s;
-webkit-transition: all 0.20s linear 0s;
}

.login-pwlink:hover
{
color:#444444;
}


.btnBlack
{
  background: #444444 none repeat scroll 0 0;
  border: 0;
  width:100%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 2% 2%;
  font-size:11px;
  text-align: center;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

.btnBlack:hover
{
background-color:#a7b7c0;
}

.btnBlau
{
  background: #8098a6 none repeat scroll 0 0;
  border: 0;
  width:100%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 2% 2%;
  font-size:14px;
  text-align: center;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

.btnBlau:hover
{
background-color:#a7b7c0;
}

#input-user, #input-user_s, #nlemail
{
padding-top:12px;
padding-bottom:12px;
float:left;
height:28px;
font-size:14px;
text-align:left;
background-color: transparent; 
border-style: solid; 
border-width: 0px 0px 1px 0px; 
border-color:#444444;
color:#444444;
width:100%;
outline:none;
}

#input-password, #input-password_s
{
padding-top:12px;
padding-bottom:12px;
float:left;
height:28px;
font-size:14px;
text-align:left;
background-color: transparent; 
border-style: solid; 
border-width: 0px 0px 1px 0px; 
border-color:#444444;
color:#444444;
width:100%;
outline:none;
}

/* DEJAVUE Styles ************************************************************************************************************************************/

.dejavueline
{
display:block;
background-color:#ffffff;
}

#dejavue
{
display:block;
background-color:#ffffff;
}

.dejavuecontainer
{
background-color:#ffffff;
border-bottom-style:solid; 
border-bottom-width:1px; 
border-bottom-color:#a7b7c0;
}

.zuletzt-top
{
background-color:#ffffff;
border-bottom-style:solid; 
border-bottom-width:1px; 
border-bottom-color:#a7b7c0;
}			

.pp, .nn
{
cursor:pointer;
}

/* Syles für die einzelnen DEJAVUE Slick Container ********************************************************/

/*
breakpoint: 1280,
slidesToShow: 4,

breakpoint: 1090,
slidesToShow: 3,

breakpoint: 840,
slidesToShow: 2,

breakpoint: 650,
slidesToShow: 1,
*/

#dejavueresult{ width:70vw; margin: 0 auto; } 

@media only screen and (max-width: 649px) 
{
	#dejavueresult{ width:60vw; margin: 0 auto; }
}

.dejavue-table
{
width:200px;
background-color:#ffffff;
border-style:none;
margin: 0 auto;
cursor:pointer;
}	

.dejavue-tr
{
border-style:none;
height:80px;
}

.dejavue-img
{
max-height:80px;
padding:0;
}

.dejavue-td-img
{
width:90px;
border-style:solid;
border-color:#ffffff;
border-width: 0px 5px 0px 10px;
}

.dejavue-td-text
{
width:100px;
font-size:10px;
line-height:14px;
border-style:solid;
border-color:#ffffff;
border-width: 0px 10px 0px 5px;
}

/* Anbieter Kontakt iFrame Styles *************************************************************************************************************************/

.fancybox-slide--iframe .fancybox-content 
{
width:50vw;
height:100%;
margin:0;
padding:0;
}

@media only screen and (max-width: 768px) 
{
	.fancybox-slide--iframe .fancybox-content 
	{
	width:100vw;
	}
}

.sparte_off
{
background-color:transparent;  /* background-color:#eef1f3; */
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
font-size:11px;
line-height:14px;
border:thin;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-style:solid;
border-color:#8098a6;
color:#333333;
cursor:pointer;
padding-left:4px;
padding-right:20px;
padding-top:2px;
padding-bottom:2px;
}

.sparte_off:hover
{
background-color:#eef1f3;  /* background-color:#eef1f3; */
}

.sparte_on
{
background-color:#8098a6;  /* background-color:#eef1f3; */
background-image:url(img/selcross.png);
background-repeat:no-repeat;
background-position:right;
font-size:11px;
line-height:14px;
padding:1px;
border:thin;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-style:solid;
border-color:#8098a6;
color:#ffffff;
cursor:pointer;
padding-left:4px;
padding-right:20px;
padding-top:2px;
padding-bottom:2px;
}

.spresult, .shresult, .sbresult
{
background-color:#8098a6;  /* background-color:#eef1f3; */
background-image:url(img/selcross.png);
background-repeat:no-repeat;
background-position:right;
font-size:11px;
line-height:14px;
padding:1px;
border:thin;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-style:solid;
border-color:#8098a6;
color:#ffffff;
cursor:pointer;
padding-right:20px;
visibility:hidden;
}

.artistSel
{
padding-left:0.4%;
padding-right:0.4%;
color:#8098a6;
}

.artistSel:hover
{
color:#444444;
cursor:pointer;
}

.artistlist
{
font-size:12px;
font-weight:300;
line-height:14px;
text-align:left;
color:#444444;
}

.artistlist:hover
{
color:#8098a6;
cursor:pointer;
}

.artistlistdivider
{
font-size:18px;
text-align:left;
color:#444444;
border-bottom-style:solid;
border-bottom-width:thin;
cursor:default;
margin-top:8px;
margin-bottom:8px;
}

/* Menü und Suche Varianten anzeigen ***********************************************************************/

.allwerke
{
display:block;
}

.allartists
{
display:block;
}

#menline2galerie
{
display:none;
}

#menline2artists
{
display:none;
}

#artistlistcontainer
{
display:none;
}

.fadearea
{
display:none;
}

.more{-moz-transition:-moz-transform 0.75s ease, opacity 0.75s ease;-webkit-transition:-webkit-transform 0.75s ease, opacity 0.75s ease;-ms-transition:-ms-transform 0.75s ease, opacity 0.75s ease;transition:transform 0.75s ease, opacity 0.75s ease;-moz-transition-delay:3.5s;-webkit-transition-delay:3.5s;-ms-transition-delay:3.5s;transition-delay:3.5s;-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);border:none;bottom:0;color:#ffffff;font-size:0.8em;height:10em;left:50%;margin-left:-8.5em;opacity:1;outline:0;padding-left:0.225em;position:absolute;text-align:center;width:16em;z-index:1;}
.more:after{background-image:url("images/arrow.svg");background-position:center;background-repeat:no-repeat;background-size:contain;bottom:7em;content:'';display:block;height:1.5em;left:50%;margin:0 0 0 -0.75em;position:absolute;width:1.5em;}

.footer 
{
position:absolute;
bottom:0;
width:100%;
height:70px;   /* Height of the footer */
}

.stickybottom 
{
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:#ffffff;
height:48px;   /* Height of the footer */
}

.stickymastersls 
{
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:#ffffff;
height:32px;   /* Height of the footer */
}

.stickyToGallery 
{
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:#ffffff;
height:48px;   /* Height of the footer */
display:none;
}

.showpwdpic
{
margin-left:0px;
margin-top:32px;
padding-bottom:0px;
float:left;
text-align:left;
cursor:pointer;
width:16px;
height:16px;
background-image: url('img/active.png');
}

.editpic
{
margin-left:0px;
padding-bottom:0px;
float:right;
text-align:right;
cursor:pointer;
width:16px;
height:16px;
background-image: url('img/edit_lo.png');
}

.editpic:hover
{
background-image: url('img/edit_hi.png');
}

.editpic_center
{
margin-left:16px;
padding-bottom:0px;
cursor:pointer;
float:left;
width:16px;
height:16px;
background-image: url('img/edit_lo.png');
}

.editpic_center:hover
{
background-image: url('img/edit_hi.png');
}

.activepic
{
margin-left:0px;
padding-bottom:0px;
float:right;
text-align:right;
cursor:pointer;
width:16px;
height:16px;
background-image: url('img/active.png');
}

.activepic:hover
{
background-image: url('img/inactive.png');
}

.inactivepic
{
margin-left:0px;
padding-bottom:0px;
float:right;
text-align:right;
cursor:pointer;
width:16px;
height:16px;
background-image: url('img/inactive.png');
}

.inactivepic:hover
{
background-image: url('img/active.png');
}

.testmailpic
{
margin-left:0px;
padding-bottom:0px;
float:right;
text-align:right;
width:16px;
height:16px;
background-image: url('img/testmail.png');
}

.mailsendpic
{
margin-left:0px;
padding-bottom:0px;
float:right;
text-align:right;
width:16px;
height:16px;
background-image: url('img/mailsend.png');
}

.previewpic
{
margin-left:0px;
padding-bottom:0px;
float:right;
text-align:right;
width:16px;
height:16px;
background-image: url('img/active.png');
}

.nlpic
{
margin-left:0px;
padding-bottom:0px;
float:right;
text-align:right;
width:16px;
height:16px;
background-image: url('img/newsletter.png');
}

.cancelpic
{
margin-left:0px;
padding-bottom:0px;
float:right;
text-align:right;
width:16px;
height:16px;
background-image: url('img/cancel.png');
}

.okpic
{
margin-left:0px;
padding-bottom:0px;
float:right;
text-align:right;
width:16px;
height:16px;
background-image: url('img/ok.png');
}

.emptypic
{
margin-left:0px;
padding-bottom:0px;
float:right;
text-align:right;
width:16px;
height:16px;
background-image: url('img/empty.png');
}

.awfooter
{
	font-size:14px;
	color:#444444;
	letter-spacing:0.1em;
	line-height: 1.6;
}

a.awfooter:link, a.awfooter:visited, a.awfooter:active 
{
  border:0;
  text-decoration:none;
  color:#444444;
  transition:color 0.20s linear 0s;
  -o-transition:color 0.20s linear 0s;
  -ms-transition:color 0.20s linear 0s;
  -moz-transition:color 0.20s linear 0s;
  -webkit-transition:color 0.20s linear 0s;
}  

a.awfooter:hover 
{
color:#aa0000;
}						

/* RESPONSEE Styles ****************************************************************************************************************************/

* {  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;	
}

body {
	background:none repeat scroll 0 0 #ffffff;
	font-size:11pt;
	line-height:13pt;
	font-family:"SuisseIntl",Arial,sans-serif;
	color:#444;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

footer {
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:#f8f3f1;
height:60px;   /* Height of the footer */
}

.medium
{
font-family:"SuisseIntl-Medium",Arial,sans-serif;
}

.light
{
font-family:"SuisseIntl-Light",Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  color:#444444;
  font-family:"SuisseIntl-Medium",Arial,sans-serif;
  font-weight: normal;
  padding-bottom:8px;
  /*margin:0.5rem 0;*/  
}

h1 {font-size:1.8rem;line-height: 1.2;}
h2 {font-size:1.4rem;line-height: 1.2;}  
h3 {font-size:1.2rem;line-height: 1.2;}  
h4 {font-size:1.0rem;line-height: 1.2;}  
h5 {font-size:0.8rem;line-height: 1.2;}  
h6 {font-size:0.7rem; line-height:1.4;}   /* Wird für Ort und Zeit in Agenda genutzt */ 

a, a:link, a:visited, a:hover, a:active {
  border:0;
  text-decoration:none;
  color:#444444;
  transition:color 0.20s linear 0s;
  -o-transition:color 0.20s linear 0s;
  -ms-transition:color 0.20s linear 0s;
  -moz-transition:color 0.20s linear 0s;
  -webkit-transition:color 0.20s linear 0s;
}  
a:hover {color:#8098a6;}

p,li,dl,blockquote,table,kbd {
	color:#666666;
	font-size:16px;
	line-height:19px;
}

b,strong {font-weight:700;}
.text-center {text-align:center!important;}
.text-right {text-align:right!important;}
img {
  border:0;
  display:block;
  height:auto;
  max-width:100%;
  width:auto;
}
.owl-item img, .full-img {
  max-width: none;
  width:100%;
}  
table {
  background:none repeat scroll 0 0 #fff;
  border:1px solid #f0f0f0;
  border-collapse:collapse;
  border-spacing:0;
  text-align:left;
  width:100%;
}
table tr td, table tr th {padding:0rem;}
table tfoot, table thead,table tr:nth-of-type(2n) {background:none repeat scroll 0 0 #fff;}
th,table tr:nth-of-type(2n) td {border-right:1px solid #fff;}
td {border-right:1px solid #f0f0f0;}
.size-960 .line,.size-1140 .line,.size-2400 .line {
  margin:0 auto;
  padding:0;
}
hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
  clear:both;  
  height:0; 
  margin:2.5rem auto;
}
li {
	padding:0;
	font-size:11pt;
	line-height:13pt;
	font-family:"SuisseIntl",Arial,sans-serif;
	color:#444;
}

ul,ol {padding-left:1.25rem;}
blockquote {
  border:2px solid #f0f0f0;
  padding:1.25rem;
}
cite {
  color:#999;
  display:block;
  font-size:0.8rem;
}
cite:before {content:"— ";}
dl dt {font-weight:700;}
dl dd {margin-bottom:0.625rem;}
dl dd:last-child {margin-bottom:0;}
abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
kbd {
  background: #152732 none repeat scroll 0 0;
  color: #fff;
  padding: 0.125rem 0.3125rem;
}
code, kbd, pre, samp {font-family: Menlo,Monaco,Consolas,"Courier New",monospace;}
mark {
  background: #F3F8A9 none repeat scroll 0 0;
  padding: 0.125rem 0.3125rem;
}
.size-960 .line {max-width:60rem;}
.size-1140 .line {max-width:71.25rem;}
.size-2400 .line {max-width:150rem;}
.size-960.align-content-left .line,.size-1140.align-content-left .line,.size-2400.align-content-left .line {margin-left:0;}
form {line-height:1.4;}
nav {
  display:block;
  width:100%;
  background:#152732;
}
.line:after, nav:after, .center:after, .box:after, .margin:after, .margin2x:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  overflow: hidden;
  visibility:hidden;
}
.top-nav ul {padding:0;}
.top-nav ul ul {
  position:absolute;
  background:#152732;
}
.top-nav li {
  float:left;
  list-style:none outside none;
  cursor:pointer;
}
.top-nav li a {
  color:#fff; 
  display:block;
  font-size:1rem;
  padding:1.25rem; 
}
.top-nav li ul li a {
  background:none repeat scroll 0 0 #152732;
  min-width:100%;
  padding:0.625rem;
}
.top-nav li a:hover, .aside-nav li a:hover {background:rgba(153, 153, 153, 0.25);}
.top-nav li ul {display:none;}
.top-nav li ul li,.top-nav li ul li ul li {
  float:none;
  list-style:none outside none;
  min-width:100%;
  padding:0;
}
.count-number {
  background: rgba(153, 153, 153, 0.25) none repeat scroll 0 0;
  border-radius: 10rem;
  color: #fff;
  display: inline-block;
  font-size: 0.7rem;
  height: 1.3rem;
  line-height: 1.3rem; 
  margin: 0 0 -0.3125rem 0.3125rem;
  text-align: center;
  width: 1.3rem;
}
ul.chevron .count-number {display:none;}
ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after,ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
  content:"\f004";
  display:inline-block;
  font-family:mfg;
  font-size:0.7rem;
  margin:0 0.625rem;
}
.top-nav .active-item a {background:none repeat scroll 0 0 rgba(153, 153, 153, 0.25);}
.aside-nav > ul > li.active-item > a:link,.aside-nav > ul > li.active-item > a:visited {
  background:none repeat scroll 0 0 rgba(153, 153, 153, 0.25);
  color:#fff;
} 
@media screen and (min-width:769px) {
  .aside-nav .count-number {
	  margin-left:-1.25rem;	
	  float:right;	
  }
  .top-nav li:hover > ul {
	  display:block;
	  z-index:10;
  }  
  .top-nav li:hover > ul ul {
    left:100%;
    margin:-2.5rem 0;
    width:100%;
  } 
}
.nav-text,.aside-nav-text {display:none;}
.aside-nav a,.aside-nav a:link,.aside-nav a:visited,.aside-nav li > ul,.top-nav a,.top-nav a:link,.top-nav a:visited {
  transition:background 0.20s linear 0s;
  -o-transition:background 0.20s linear 0s;
  -ms-transition:background 0.20s linear 0s;
  -moz-transition:background 0.20s linear 0s;
  -webkit-transition:background 0.20s linear 0s;
}
.aside-nav ul {
  background:#e8e8e8; 
  padding:0;
}
.aside-nav li {
  list-style:none outside none;
  cursor:pointer;
}
.aside-nav li a,.aside-nav li a:link,.aside-nav li a:visited {
  color:#444;
  display:block;
  font-size:1rem;
  padding:1.25rem;
  border-bottom:1px solid #d2d2d2; 
}
.aside-nav > ul > li:last-child a {border-bottom:0 none;}
.aside-nav li > ul {
  height:0;
  display:block;
  position:relative;
  background:#f4f4f4;
  border-left:solid 1px #f2f2f2;
  border-right:solid 1px #f2f2f2;
  overflow:hidden;
}
.aside-nav li ul ul {
  border:0;
  background:#fff;
}
.aside-nav ul ul a {padding:0.625rem 1.25rem;}
.aside-nav li a:link, .aside-nav li a:visited {color:#333;}
.aside-nav li li a:hover, .aside-nav li li.active-item > a, .aside-nav li li.aside-sub-submenu li a:hover {
  color:#999;
  background:none;
}
.aside-nav > ul > li > a:hover {color:#fff;}
.aside-nav li li a:hover:before, .aside-nav li li.active-item a:before {
  content:"\f006";
  display:inline-block;
  font-family:"mfg";
  font-size:0.6rem;
  margin:0 0.625rem 0 -1.25rem;
  width:0.625rem;
} 
.aside-nav li li a:link, .aside-nav li li a:visited {background:none;}
.aside-nav .show-aside-ul, .aside-nav .active-aside-item {height:auto;}
.padding {
  display:list-item;
  list-style:none outside none;
  padding:10px;
}
.margin,.margin2x {display: block;}
.margin {margin:0 -0.625rem;}
.margin2x {margin:0 -1.25rem;}
.line {clear:left;}
.line .line {padding:0;}
.hide-l {display:none!important;}
.boxnp {
  background:none repeat scroll 0 0 #fff;
  display:block;
  padding:1.25rem;
  width:100%;
}
.box {
  background:none repeat scroll 0 0 #fff;
  display:block;
  padding:0;
  width:100%;
}
.margin-bottom {margin-bottom:1.25rem;}
.margin-bottom2x {margin-bottom:2.5rem;}
.s-1, .s-2, .s-five,.s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .m-1, .m-2, .m-five, .m-3, .m-4, .m-5, .m-6, .m-7, .m-8, .m-9, .m-10, .m-11, .m-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
  float:left;
  position:static;
}
.l-offset-1 {margin-left:8.3333%;}
.l-offset-2 {margin-left:16.6666%;}
.l-offset-five {margin-left:16.6666%;}
.l-offset-3 {margin-left:25%;}
.l-offset-4 {margin-left:33.3333%;}
.l-offset-5 {margin-left:41.6666%;}
.l-offset-6 {margin-left:50%;}
.l-offset-7 {margin-left:58.3333%;}
.l-offset-8 {margin-left:66.6666%;}
.l-offset-9 {margin-left:75%;}
.l-offset-10 {margin-left:83.3333%;}
.l-offset-11 {margin-left:91.6666%;}
.l-offset-12 {margin-left:100%;} 
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:16.6666%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:91.6666%;}
.s-12 {width:100%;}
.margin > .s-1,.margin > .s-2,.margin > .s-five,.margin > .s-3,.margin > .s-4,.margin > .s-5,.margin > .s-6,.margin > .s-7,.margin > .s-8,.margin > .s-9,.margin > .s-10,.margin > .s-11,.margin > .s-12,
.margin > .m-1,.margin > .m-2,.margin > .m-five,.margin > .m-3,.margin > .m-4,.margin > .m-5,.margin > .m-6,.margin > .m-7,.margin > .m-8,.margin > .m-9,.margin > .m-10,.margin > .m-11,.margin > .m-12,
.margin > .l-1,.margin > .l-2,.margin > .l-five,.margin > .l-3,.margin > .l-4,.margin > .l-5,.margin > .l-6,.margin > .l-7,.margin > .l-8,.margin > .l-9,.margin > .l-10,.margin > .l-11,.margin > .l-12 {padding:0 0.625rem;}
.margin2x > .s-1,.margin2x > .s-2,.margin2x > .s-five,.margin2x > .s-3,.margin2x > .s-4,.margin2x > .s-5,.margin2x > .s-6,.margin2x > .s-7,.margin2x > .s-8,.margin2x > .s-9,.margin2x > .s-10,.margin2x > .s-11,.margin2x > .s-12,
.margin2x > .m-1,.margin2x > .m-2,.margin2x > .m-five,.margin2x > .m-3,.margin2x > .m-4,.margin2x > .m-5,.margin2x > .m-6,.margin2x > .m-7,.margin2x > .m-8,.margin2x > .m-9,.margin2x > .m-10,.margin2x > .m-11,.margin2x > .m-12,
.margin2x > .l-1,.margin2x > .l-2,.margin2x > .l-five,.margin2x > .l-3,.margin2x > .l-4,.margin2x > .l-5,.margin2x > .l-6,.margin2x > .l-7,.margin2x > .l-8,.margin2x > .l-9,.margin2x > .l-10,.margin2x > .l-11,.margin2x > .l-12 {padding:0 1.25rem;}
.m-1 {width:8.3333%;}
.m-2 {width:16.6666%;}
.m-five {width:20%;}
.m-3 {width:25%;}
.m-4 {width:33.3333%;}
.m-5 {width:41.6666%;}
.m-6 {width:50%;}
.m-7 {width:58.3333%;}
.m-8 {width:66.6666%;}
.m-9 {width:75%;}
.m-10 {width:83.3333%;}
.m-11 {width:91.6666%;}
.m-12 {width:100%;}
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:33.3333%;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
.l-10 {width:83.3333%;}
.l-11 {width:91.6666%;}
.l-12 {width:100%;}
.right {float:right;}
.left {float:left;}  
@media screen and (max-width:768px) {
  .size-960,.size-1140,.size-2400 {max-width:768px;}
  .hide-l,.hide-s {display:block!important;}
  .hide-m {display:none!important;}
  nav {
    display:block;
    cursor:pointer;
    line-height:3;
  }
  .top-nav li a {background:none repeat scroll 0 0 #4a4a4a;}
  .top-nav > ul {
    height:0;
    max-width:100%;
    overflow:hidden;
    position:relative;
    z-index:999;
  }
  .top-nav > ul.show-menu,.aside-nav.minimize-on-small > ul.show-menu {height:auto;}
  .top-nav ul ul {
    left:0;
    margin-top:0;
    position:relative;
    right:0;
  } 
  .top-nav li ul li a {min-width:100%;}
  .top-nav li {
    float:none;
    list-style:none outside none;
    padding:0;
  }
  .top-nav li a {
    border-top:1px solid #333;
    color:#fff;
    display:block;
    padding:1.25rem 0.625rem;
    text-align:center;
    text-decoration:none;
  }
  .top-nav li ul li a {border-top:1px solid #878787;}
  .top-nav li ul li ul li a {border-top:1px solid #989898;}
  .top-nav li a:hover {
    background:none repeat scroll 0 0 #8b8b8b;
    color:#fff;
  }
  .top-nav li ul,.top-nav li ul li ul {
    display:block;  
    overflow:hidden; 
    height:0;   
  } 
  .top-nav > ul ul.show-ul {
    display:block;
    height:auto;  
  }
  .top-nav li ul li a {
    background:none repeat scroll 0 0 #9d9d9d;
    padding:0.625rem;
  }
  .top-nav li ul li ul li a {
    background:none repeat scroll 0 0 #d7d7d7;
    color:#222;
  }
  .nav-text {
    color:#fff;
    display:block;
    font-size:1.2rem;
    line-height:3;
    margin-right:0.625rem;
    max-width:100%;
    text-align:center;
    vertical-align:middle;
  }
  .nav-text:after {
    content:"\f008";
    font-family:"mfg";
    font-size:1.1rem;
    margin-left:0.5rem;
    text-align:right;
  }
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12{margin-left:0;}
  .m-offset-1 {margin-left:8.3333%;}
  .m-offset-2 {margin-left:16.6666%;}
  .m-offset-five {margin-left:16.6666%;}
  .m-offset-3 {margin-left:25%;}
  .m-offset-4 {margin-left:33.3333%;}
  .m-offset-5 {margin-left:41.6666%;}
  .m-offset-6 {margin-left:50%;}
  .m-offset-7 {margin-left:58.3333%;}
  .m-offset-8 {margin-left:66.6666%;}
  .m-offset-9 {margin-left:75%;}
  .m-offset-10 {margin-left:83.3333%;}
  .m-offset-11 {margin-left:91.6666%;}
  .m-offset-12 {margin-left:100%;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-5 {width:41.6666%;}
  .l-6 {width:50%;}
  .l-7 {width:58.3333%;}
  .l-8 {width:66.6666%;}
  .l-9 {width:75%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:91.6666%;}
  .l-12 {width:100%;}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-5 {width:41.6666%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:91.6666%;}
  .s-12 {width:100%}
  .m-1 {width:8.3333%;}
  .m-2 {width:16.6666%;}
  .m-five {width:20%;}
  .m-3 {width:25%;}
  .m-4 {width:33.3333%;}
  .m-5 {width:41.6666%;}
  .m-6 {width:50%;}
  .m-7 {width:58.3333%;}
  .m-8 {width:66.6666%;}
  .m-9 {width:75%;}
  .m-10 {width:83.3333%;}
  .m-11 {width:91.6666%;}
  .m-12 {width:100%}
}
@media screen and (max-width:480px) {
  .size-960,.size-1140,.size-2400 {max-width:480px;}
  .aside-nav li a {text-align: center;}
  .minimize-on-small .aside-nav-text {
    background:#152732 none repeat scroll 0 0;
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:1.2rem;
    line-height:3;
    max-width:100%;
    padding-right:0.625rem;
    text-align:center;
    vertical-align:middle;
  }
  .aside-nav-text:after {
    content:"\f008";
    font-family:"mfg";
    font-size:1.1rem;
    margin-left:0.5rem;
    text-align:right;
  }
  .aside-nav.minimize-on-small > ul {
    height:0;
    overflow:hidden;
  }
  .hide-l,.hide-m {display:block!important;}
  .hide-s {display:none!important;}
  .count-number {margin-right:-1.25rem;} 
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12,
  .m-offset-1,.m-offset-2,.m-offset-five,.m-offset-3,.m-offset-4,.m-offset-5,.m-offset-6,.m-offset-7,.m-offset-8,.m-offset-9,.m-offset-10,.m-offset-11,.m-offset-12 {margin-left:0;}
  .s-offset-1 {margin-left:8.3333%;}
  .s-offset-2 {margin-left:16.6666%;}
  .s-offset-five {margin-left:16.6666%;}
  .s-offset-3 {margin-left:25%;}
  .s-offset-4 {margin-left:33.3333%;}
  .s-offset-5 {margin-left:41.6666%;}
  .s-offset-6 {margin-left:50%;}
  .s-offset-7 {margin-left:58.3333%;}
  .s-offset-8 {margin-left:66.6666%;}
  .s-offset-9 {margin-left:75%;}
  .s-offset-10 {margin-left:83.3333%;}
  .s-offset-11 {margin-left:91.6666%;}
  .s-offset-12 {margin-left:100%;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-5 {width:41.6666%;}
  .l-6 {width:50%;}
  .l-7 {width:58.3333%;}
  .l-8 {width:66.6666%;}
  .l-9 {width:75%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:91.6666%;}
  .l-12 {width:100%;}
  .m-1 {width:8.3333%;}
  .m-2 {width:16.6666%;}
  .m-five {width:20%;}
  .m-3 {width:25%;}
  .m-4 {width:33.3333%;}
  .m-5 {width:41.6666%;}
  .m-6 {width:50%;}
  .m-7 {width:58.3333%;}
  .m-8 {width:66.6666%;}
  .m-9 {width:75%;}
  .m-10 {width:83.3333%;}
  .m-11 {width:91.6666%;}
  .m-12 {width:100%}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-5 {width:41.6666%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:91.6666%;}
  .s-12 {width:100%}
} 
 
.center {
  float:none;
  margin:0 auto;
  display:block;
}

/* Tabs und alle ehemaligen components.css Einträge ***********************************************************************************************************/
.tab-item {
  background: none repeat scroll 0 0 #fff;
  display: none;
  padding: 1.25rem 0;
}
.tab-item.tab-active {
  display: block;
}
.tab-content > .tab-label {
  display: none;
}
.tab-nav > .tab-label {
  float:left;
}
a.tab-label, a.tab-label:link, a.tab-label:visited, a.tab-label:hover {
  background: none repeat scroll 0 0 #262626;
  color: #fff;
  margin-right: 1px;
  padding: 0.625rem 1.25rem;
  transition: background 0.20s linear 0s;
  -o-transition: background 0.20s linear 0s;
  -ms-transition: background 0.20s linear 0s;
  -moz-transition: background 0.20s linear 0s;
  -webkit-transition: background 0.20s linear 0s;
}
a.tab-label:hover,a.tab-label.active-btn {
  background: none repeat scroll 0 0 #999;
}
.tab-label.active-btn {
  cursor: default;
}
.tab-content {
  text-align: left;
}
@media screen and (max-width:768px) {    
  .tab-nav > .tab-label {
    margin: 0.5px 0;
    width: 100%;
  }
}
/* Custom forms */
form.customform input, form.customform select, form.customform textarea, form.customform button {
 font-size:1.0rem;
 font-family:inherit;
 margin-bottom:1.25rem;
} 
form.customform input, form.customform select {height: 2.7rem;}
form.customform input, form.customform textarea, form.customform select { 
 background: none repeat scroll 0 0 #F5F5F5;
 transition: background 0.20s linear 0s;
 -o-transition: background 0.20s linear 0s;
 -ms-transition: background 0.20s linear 0s;
 -moz-transition: background 0.20s linear 0s;
 -webkit-transition: background 0.20s linear 0s;
}
form.customform input:hover, form.customform textarea:hover, form.customform select:hover, form.customform input:focus, form.customform textarea:focus, form.customform select:focus {background: none repeat scroll 0 0 #fff;}
form.customform input, form.customform textarea, form.customform select {
 background: none repeat scroll 0 0 #F5F5F5;
 border: 1px solid #E0E0E0;
 padding: 0.625rem;
 width: 100%;
}
form.customform input[type="file"] {
 border: 1px solid #E0E0E0;
 height: auto;
 max-height: 2.7rem;
 min-height: 2.7rem;
 padding: 0.4rem;
 width: 100%;
}
form.customform input[type="radio"], form.customform input[type="checkbox"] {
 margin-right: 0.625rem;
 width:auto;
 padding:0;
 height:auto;
}
form.customform option {padding: 0.625rem;}
form.customform select[multiple="multiple"] {height: auto;}
form.customform button {
 width: 100%;
 background: none repeat scroll 0 0 #152732;
 border: 0 none;
 color: #fff;
 height: 2.7rem;
 padding: 0.625rem;
 cursor:pointer;
 transition: background 0.20s linear 0s;
 -o-transition: background 0.20s linear 0s;
 -ms-transition: background 0.20s linear 0s;
 -moz-transition: background 0.20s linear 0s;
 -webkit-transition: background 0.20s linear 0s;
}
/* Tooltip */
a.tooltip-container,.tooltip-container {
  border-bottom:1px dotted;
  border-bottom-color: color;
  cursor: help;
  font-weight: 600;
}
a .tooltip-content,.tooltip-content {
  background: #152732 none repeat scroll 0 0;
  color: #fff!important;
  border-radius: 3px;
  display: none;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.3rem;
  margin-top: -1.25rem;
  max-width: 300px;
  padding: 0.625rem;
  position: absolute;
  z-index: 10;
}
.tooltip-content::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 7px solid #152732;
  bottom: -5px;
  clear: both;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  width: 0;
}
a.tooltip-content.tooltip-bottom,.tooltip-content.tooltip-bottom {
  margin-top: 1.25rem;
}
.tooltip-content.tooltip-bottom::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 0;
  border-bottom: 7px solid #152732;
  top: -5px;
}

/* Buttons *******************************************************************************************************************************************************/
.button,a.button,a.button:link,a.button:active,a.button:visited {
  background: #777 none repeat scroll 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.0rem;
  padding: 0.4rem 0.6rem;
  text-align: center;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}
.button.rounded-btn {
  border-radius: 4px;
}
.button.rounded-full-btn {
  border-radius: 100px;
}
.button:hover {box-shadow: 0 0 10px 100px rgba(255,255,255,0.15) inset;}
.button.secondary-btn,a.button.secondary-btn,a.button.secondary-btn:link,a.button.secondary-btn:active,a.button.secondary-btn:visited {
  background: #444 none repeat scroll 0 0;
}
.button.cancel-btn,a.button.cancel-btn,a.button.cancel-btn:link,a.button.cancel-btn:active,a.button.cancel-btn:visited {
  background: #dc003a none repeat scroll 0 0;
}
.button.submit-btn,a.button.submit-btn,a.button.submit-btn:link,a.button.submit-btn:active,a.button.submit-btn:visited {
  background: #1CBEB8 none repeat scroll 0 0;
}
.button.reload-btn,a.button.reload-btn,a.button.reload-btn:link,a.button.reload-btn:active,a.button.reload-btn:visited {
  background: #ff9800 none repeat scroll 0 0;
}
.button.page-btn,a.button.page-btn,a.button.page-btn:link,a.button.page-btn:active,a.button.page-btn:visited {
  background: #97a7b0 none repeat scroll 0 0;
}

.button.red-btn,a.button.red-btn,a.button.red-btn:link,a.button.red-btn:active,a.button.red-btn:visited {
  background: #dc003a none repeat scroll 0 0;
}
.button.green-btn,a.button.green-btn,a.button.green-btn:link,a.button.green-btn:active,a.button.green-btn:visited {
  background: #444444 none repeat scroll 0 0;
  color:#ffffff;
}
.button.orange-btn,a.button.orange-btn,a.button.orange-btn:link,a.button.orange-btn:active,a.button.orange-btn:visited {
  background: #ff9800 none repeat scroll 0 0;
}
.button.grey-btn,a.button.grey-btn,a.button.grey-btn:link,a.button.grey-btn:active,a.button.grey-btn:visited {
  background: #97a7b0 none repeat scroll 0 0;
}

.button.smlgreen-btn,a.button.smlgreen-btn,a.button.smlgreen-btn:link,a.button.smlgreen-btn:active,a.button.smlgreen-btn:visited {
  font-family:"SuisseIntl-Medium",Arial,sans-serif;
  background: #444444 none repeat scroll 0 0;
  color:#ffffff;
  font-size: 12px;
  padding-top: 0.26rem;
  padding-bottom: 0.12rem;
  font-weight:400!important;
  letter-spacing:1px;
}

.button.smlred-btn,a.button.smlred-btn,a.button.smlred-btn:link,a.button.smlred-btn:active,a.button.smlred-btn:visited {
  font-family:"SuisseIntl-Medium",Arial,sans-serif;
  background: #dc003a none repeat scroll 0 0;
  color:#ffffff;
  font-size: 12px;
  padding-top: 0.26rem;
  padding-bottom: 0.12rem;
  font-weight:400!important;
  letter-spacing:1px;
}

.button.smlorange-btn,a.button.smlorange-btn,a.button.smlorange-btn:link,a.button.smlorange-btn:active,a.button.smlorange-btn:visited {
  font-family:"SuisseIntl-Medium",Arial,sans-serif;
  background: #ff9800 none repeat scroll 0 0;
  color:#ffffff;
  font-size: 12px;
  padding-top: 0.26rem;
  padding-bottom: 0.12rem;
  font-weight:400!important;
  letter-spacing:1px;
}

.button.smlgrey-btn,a.button.smlgrey-btn,a.button.smlgrey-btn:link,a.button.smlgrey-btn:active,a.button.smlgrey-btn:visited {
  font-family:"SuisseIntl-Medium",Arial,sans-serif;
  background: #cccccc none repeat scroll 0 0;
  color:#666666;
  font-size: 12px;
  padding-top: 0.26rem;
  padding-bottom: 0.12rem;
  font-weight:400!important;
  letter-spacing:1px;
}

.button.smlartblue-btn,a.button.smlartblue-btn,a.button.smlartblue-btn:link,a.button.smlartblue-btn:active,a.button.smlartblue-btn:visited {
  font-family:"SuisseIntl-Medium",Arial,sans-serif;
  background: #8098a6 none repeat scroll 0 0;
  color:#ffffff;
  font-size: 12px;
  padding-top: 0.26rem;
  padding-bottom: 0.12rem;
  font-weight:400!important;
  letter-spacing:1px;
}

.button.smlblue-btn,a.button.smlartblue-btn,a.button.smlartblue-btn:link,a.button.smlartblue-btn:active,a.button.smlartblue-btn:visited {
  font-family:"SuisseIntl-Medium",Arial,sans-serif;
  background: #005AFF none repeat scroll 0 0;
  color:#ffffff;
  font-size: 12px;
  padding-top: 0.26rem;
  padding-bottom: 0.12rem;
  font-weight:400!important;
  letter-spacing:1px;
}

.button.smlgrn-btn,a.button.smlartblue-btn,a.button.smlartblue-btn:link,a.button.smlartblue-btn:active,a.button.smlartblue-btn:visited {
  font-family:"SuisseIntl-Medium",Arial,sans-serif;
  background: #03BB5A none repeat scroll 0 0;
  color:#ffffff;
  font-size: 12px;
  padding-top: 0.26rem;
  padding-bottom: 0.12rem;
  font-weight:400!important;
  letter-spacing:1px;
}

.button.smloutline-btn,a.button.smloutline-btn,a.button.smloutline-btn:link,a.button.smloutline-btn:active,a.button.smloutline-btn:visited {
  font-family:"SuisseIntl-Medium",Arial,sans-serif;
  background: #ffffff none repeat scroll 0 0;
  color:#666666;
  font-size: 12px;
  padding-top: 0.26rem;
  padding-bottom: 0.12rem;
  font-weight:400!important;
  letter-spacing:1px;
  border-style:solid;
  border-width:thin;
  border-color:#cccccc;
}

.button.smloutline-btn:hover {
box-shadow: 0 0 10px 100px rgba(255,255,255,0.15) inset;
background-color:#eeeeee;
}

.button.smldeact-btn,a.button.smldeact-btn,a.button.smldeact-btn:link,a.button.smldeact-btn:active,a.button.smldeact-btn:visited {
  font-family:"SuisseIntl-Medium",Arial,sans-serif;
  background: #eeeeee none repeat scroll 0 0;
  color:#aaaaaa;
  font-size: 12px;
  padding-top: 0.26rem;
  padding-bottom: 0.12rem;
  font-weight:400!important;
  letter-spacing:1px;
  cursor:default;
}

.button.disabled-btn {
  cursor: not-allowed!important;
  opacity: 0.2;
}
.button i {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  border-radius: 27px;
  color: #fff!important;
  display: inline-block;
  font-size: 0.8rem;
  height: 27px;
  line-height: 27px;
  margin-right: 5px;
  width: 27px;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}
.button:hover > i {
  background: rgba(0, 0, 0, 0.06) none repeat scroll 0 0;
}